[mapguide-commits] r5881 - in trunk/MgDev/Oem/fusionMG/templates/mapguide: aqua limegold maroon preview slate turquoiseyellow

svn_mapguide at osgeo.org svn_mapguide at osgeo.org
Tue May 31 03:11:07 EDT 2011


Author: liuar
Date: 2011-05-31 00:11:07 -0700 (Tue, 31 May 2011)
New Revision: 5881

Added:
   trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/aqua.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/aqua.uncompressed.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/limegold.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/limegold.uncompressed.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/maroon.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/maroon.uncompressed.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/preview.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/preview.uncompressed.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/slate.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/slate.uncompressed.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/turquoiseyellow.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/turquoiseyellow.uncompressed.css
Removed:
   trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/jxtheme.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/jxtheme.uncompressed.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/jxtheme.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/jxtheme.uncompressed.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/jxtheme.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/jxtheme.uncompressed.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/jxtheme.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/jxtheme.uncompressed.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/jxtheme.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/jxtheme.uncompressed.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/jxtheme.css
   trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/jxtheme.uncompressed.css
Modified:
   trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/index.html
   trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/index.html
   trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/index.html
   trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/index.html
   trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/indexNoLegend.html
   trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/index.html
   trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/index.html
Log:
Upgrade css in mapguide templates according to JxLib 3.0

Added: trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/aqua.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/aqua.css	                        (rev 0)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/aqua.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -0,0 +1 @@
+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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{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:'';}html{height:100%;overflow:hidden;}body{width:100%;height:100%;overflow:hidden;background-image:url(images/backgroundTile.png);background-repeat:repeat-y;background-color:#1a1d2e;background-position:left top;}body,table{font-style:normal;font-weight:normal;font-size:75%;font-family:Verdana,Arial,Helvetica,sans-serif;color:#000;}#Map{background:url(images/mapBackground.png) repeat-x #efefef bottom;overflow:hidden;z-index:0;}.olMapViewport{z-index:1;}#Maptip{display:none;border:1px solid #000;background-color:#E5DAC7;padding:4px;}#Toolbar{background-image:url(images/toolbarBackground.png);background-repeat
 :no-repeat;z-index:1;}#Toolbar span.jxButtonContainer{padding:1px 2px 1px 2px;}#Toolbar a.jxButton{padding:0 0 0 4px;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonContent{padding:3px 4px 4px 0;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonLabel{color:#fff;padding-top:0;padding-bottom:0;}#Toolbar a.jxButtonMenu span.jxButtonContent span,#Toolbar a.jxButtonFlyout span.jxButtonContent span,#Toolbar a.jxButtonMulti span.jxButtonContent span,#Toolbar a.jxButtonCombo span.jxButtonContent span,#Toolbar a.jxButtonEditCombo span.jxButtonContent span{background-image:url(images/emblems_alt.png);}#ToolbarVertical{background-image:url(images/toolbarVerticalBackground.png);background-repeat:no-repeat;z-index:1;}#ToolbarVertical a.jxButton{padding:0 0 0 3px;background-image:url(images/toolbarVerticalButton.png);}#ToolbarVertical span.jxButtonContent{padding:3px 4px 4px 0;background-image:url(images/toolbarVerticalButton.png);}#ToolbarVertica
 l span.jxButtonLabel{color:#fff;padding-top:0;padding-bottom:0;}#FileMenu{background-image:url(images/fileMenuBackground.png);background-repeat:no-repeat;z-index:1;background-color:#191C2D;}#FileMenu span.jxButtonContainer{padding:0 2px 0 2px;}#FileMenu a.jxButton{padding:0 0 0 4px;background-image:url(images/fileMenuButton.png);}#FileMenu span.jxButtonContent{padding:9px 4px 9px 0;background-image:url(images/fileMenuButton.png);}#FileMenu a.jxButton:hover{background-position:left -136px;}#FileMenu a.jxButton:hover span.jxButtonContent{background-position:right -136px;}#FileMenu a.jxButtonActive{background-position:left -102px;}#FileMenu a.jxButtonActive span.jxButtonContent{background-position:right -102px;}#FileMenu a.jxButtonActive:hover{background-position:left -136px;}#FileMenu a.jxButtonActive:hover span.jxButtonContent{background-position:right -136px;}#FileMenu a.jxButton:active,#FileMenu a.jxButtonActive:active{background-position:left -68px;}#FileMenu a.jxButton:ac
 tive span.jxButtonContent,#FileMenu a.jxButtonActive:active span.jxButtonContent{background-position:right -68px;}#FileMenu span.jxButtonLabel{padding:0 4px 0 4px;background-image:none;}#StatusbarContainer{background-image:url(images/statusBarBackground.png);background-repeat:repeat-x;background-color:#fff;line-height:21px;font-size:10px;vertical-align:middle;color:#000;}#Statusbar .jxSplitBarHorizontal{width:3px;border-left:1px solid #000;background-color:transparent;cursor:'col-resize';margin-top:4px;height:14px;}#Statusbar .spanCursorPosition,#Statusbar .spanViewSize,#Statusbar .spanSelectionInfo{padding:4px 10px;font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;}.inputEditableScale{font:normal 10px Verdana,Arial,Helvetica,sans-serif;}#StatusOverviewMap{position:absolute;right:139px;padding-top:2px;}#pbmg{position:absolute;right:0;padding-top:2px;}#StatusbarContainer img.jxButtonIcon{vertical-align:baseline;}#Navigator{position:absolute;right:10px;top:10px;z-i
 ndex:100;}#OverviewMap{width:100%;height:100%;}#Legend{width:100%;height:100%;}#SelectionPanel{width:100%;height:100%;}#TaskPane{width:100%;height:100%;}#Sidebar{visibility:hidden;display:none;}#Sidebar .jxBarTop .jxBarControls,#Sidebar .jxBarBottom .jxBarControls{display:none;}#SidebarContent{position:absolute;width:210px;top:0;bottom:0;left:0;right:8px;}#SidebarCollapse{position:absolute;width:8px;top:0;bottom:0;left:210px;right:0;}#SidebarCollapseContent{position:absolute;top:2px;bottom:2px;left:0;right:0;width:8px;background:url(images/sidebarCollapseBackground.png) repeat-y #000;}#SidebarCollapseTop{position:absolute;height:2px;width:8px;top:0;background:url(images/sidebarCollapseTop.png) no-repeat;}#SidebarCollapseBottom{position:absolute;height:2px;width:8px;bottom:0;background:url(images/sidebarCollapseBottom.png) no-repeat;}#SidebarCollapseButton{width:8px;top:0;bottom:0;left:0;right:0;position:absolute;}#SidebarCollapseButton a{display:block;width:8px;top:0;bottom:
 0;left:0;right:0;position:absolute;height:100%;text-indent:-9999px;font-size:1%;background:url(images/sidebarCollapseButton.png) center no-repeat;}#SidebarCollapseButton a:visited,#SidebarCollapseButton a:hover,#SidebarCollapseButton a:active{text-decoration:none;font-size:1%;}#Tasks{position:absolute;left:350px;top:100px;width:244px;height:302px;z-index:200;}ul.jxToolbar .jxButton:focus,.jxButton:focus{background-position:left -96px;}ul.jxToolbar .jxButton:focus span.jxButtonContent,.jxButton:focus span.jxButtonContent{background-position:right -96px;}ul.jxToolbar .jxButtonActive:focus,.jxButtonActive:focus{background-position:left -72px;}ul.jxToolbar .jxButtonActive:focus span.jxButtonContent,.jxButtonActive:focus span.jxButtonContent{background-position:right -72px;}span.jxButtonContent span{font-family:Verdana,Arial,Helvetica,sans-serif;}a.jxButtonEditCombo input{font-family:Verdana,Arial,Helvetica,sans-serif;background-color:transparent;}.jxChromeTL img{width:500px;heig
 ht:500px;}.jxChromeTR img{width:500px;height:500px;}.jxChromeBL img{width:500px;height:500px;}.jxChromeBR img{width:500px;height:500px;}.jxDialog .jxChrome{background-image:url(images/dialog_chrome.png);}.jxDialogContentContainer{border:none;}.jxDialogModal{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.2;-ms-filter:"Alpha(opacity=20)";}.jxDialogTitle{background-image:url(images/a_pixel.png);height:29px;margin:10px 10px 0 10px;}.jxDialogMin .jxDialogTitle{margin-bottom:8px;}.jxDialogIcon{left:10px;top:0;}.jxDialogLabel{font-family:Verdana,Arial,Helvetica,sans-serif;line-height:15px;}.jxDialogControls{top:6px;right:6px;}.jxDialogControls img{background-image:url('images/dialog_controls.png');}.jxGridTable{font-family:Verdana,Arial,Helvetica,sans-serif;}a.jxMenuItem{font-family:Verdana,Arial,Helvetica,sans-serif;}span.jxMenuItemContent{font-family:Verdana,Arial,Helvetica,sans-serif;}span.jxTabLabel{font-family:Verdana,Arial,H
 elvetica,sans-serif;}.jxBarTop,.jxBarBottom{background-image:url(images/toolbar.png);background-repeat:repeat-x;background-position:0 0;}.jxBarTop .jxBarScroller,.jxBarBottom .jxBarScroller{position:absolute;width:10000%;overflow:hidden;}.jxBarTop li.jxToolItem span.jxBarSeparator,.jxBarBottom li.jxToolItem span.jxBarSeparator{width:8px;height:20px;background-image:url(images/toolbar_separator_h.png);}.jxBarLeft li.jxToolItem span.jxBarSeparator,.jxBarRight li.jxToolItem span.jxBarSeparator{width:20px;height:8px;background-image:url(images/toolbar_separator_v.png);}.jxBarTop .jxBarScrollLeft img.jxButtonIcon,.jxBarBottom .jxBarScrollLeft img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -80px;}.jxBarTop .jxBarScrollRight img.jxButtonIcon,.jxBarBottom .jxBarScrollRight img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -96px;}.jxBarTop .jxBarControls .jxButtonContainer,.jxBarBottom .jxBarControls .jxButtonContainer,.j
 xBarTop .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer,.jxBarBottom .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer{z-index:1;padding:2px;margin-left:-1px;}.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarTop .jxBarControls .jxDisabled .jxButton,.jxBarBottom .jxBarControls .jxDisabled .jxButton,.jxBarTop .jxBarControls .jxDisabled .jxButton,.jxBarBottom .jxBarControls .jxDisabled .jxButton{visibility:hidden;cursor:default;}a.jxTreeItem{font-family:Verdana,Arial,Helvetica,sans-serif;}
\ No newline at end of file

Added: trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/aqua.uncompressed.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/aqua.uncompressed.css	                        (rev 0)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/aqua.uncompressed.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -0,0 +1,608 @@
+/*
+Copyright (c) 2006, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 0.11.0
+*/
+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;}
+table{border-collapse:collapse;border-spacing:0;}
+fieldset,img{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:'';}
+
+/********************************************************
+  Noble Studios - 05/21/07
+  ns_adsk.css
+  Mapguide Layout
+********************************************************/
+
+html {
+  height: 100%;
+  overflow: hidden;
+}
+
+body {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-image: url(images/backgroundTile.png);
+  background-repeat: repeat-y;
+  background-color: #1a1d2e;
+  background-position: left top;
+}
+
+body, table {
+  font-style: normal;
+  font-weight: normal;
+  font-size: 75%;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: #000000;
+}
+
+/********************************************************
+  Main Map
+********************************************************/
+
+#Map {
+  background: url(images/mapBackground.png) repeat-x #efefef bottom;
+  overflow: hidden;
+  z-index: 0;
+}
+
+.olMapViewport {
+    z-index: 1;
+}
+
+#Maptip {
+    display: none;
+    border: 1px solid #000;
+    background-color: #E5DAC7;
+    padding: 4px;
+}
+
+/********************************************************
+  Primary Toolbar
+********************************************************/
+
+#Toolbar {
+  background-image: url(images/toolbarBackground.png);
+  background-repeat: no-repeat;
+  z-index: 1;
+}
+
+#Toolbar span.jxButtonContainer {
+  padding: 1px 2px 1px 2px;
+}
+
+#Toolbar a.jxButton {
+  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
+  background-image: url(images/toolbarButton.png);
+}
+
+#Toolbar span.jxButtonContent {
+  padding: 3px 4px 4px 0px; /* makes room for the right of the button bg */
+  background-image: url(images/toolbarButton.png);
+}
+
+#Toolbar span.jxButtonLabel {
+  color: #ffffff;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+#Toolbar a.jxButtonMenu span.jxButtonContent span,
+#Toolbar a.jxButtonFlyout span.jxButtonContent span,
+#Toolbar a.jxButtonMulti span.jxButtonContent span,
+#Toolbar a.jxButtonCombo span.jxButtonContent span,
+#Toolbar a.jxButtonEditCombo span.jxButtonContent span {
+  background-image: url(images/emblems_alt.png);
+}
+
+/********************************************************
+  Secondary Toolbar
+********************************************************/
+
+#ToolbarVertical {
+  background-image: url(images/toolbarVerticalBackground.png);
+  background-repeat: no-repeat;
+  z-index: 1;
+}
+
+#ToolbarVertical a.jxButton {
+  padding: 0px 0px 0px 3px; /* makes room for the left of the button bg */
+  background-image: url(images/toolbarVerticalButton.png);
+}
+
+#ToolbarVertical span.jxButtonContent {
+  padding: 3px 4px 4px 0px; /* makes room for the right of the button bg */
+  background-image: url(images/toolbarVerticalButton.png);
+}
+
+#ToolbarVertical span.jxButtonLabel {
+  color: #ffffff;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+/********************************************************
+  Main Menu
+********************************************************/
+
+#FileMenu {
+  background-image: url(images/fileMenuBackground.png);
+  background-repeat: no-repeat;
+  z-index: 1;
+  background-color: #191C2D;
+}
+
+#FileMenu span.jxButtonContainer {
+  padding: 0px 2px 0px 2px;
+}
+
+#FileMenu a.jxButton {
+  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
+  background-image: url(images/fileMenuButton.png);
+}
+
+#FileMenu span.jxButtonContent {
+  padding: 9px 4px 9px 0px; /* makes room for the right of the button bg */
+  background-image: url(images/fileMenuButton.png);
+}
+
+/* hover button */
+#FileMenu a.jxButton:hover {
+  background-position: left -136px;
+}
+
+#FileMenu a.jxButton:hover span.jxButtonContent {
+  background-position: right -136px;
+}
+
+/* active button */
+#FileMenu a.jxButtonActive {
+  background-position: left -102px;
+}
+
+#FileMenu a.jxButtonActive span.jxButtonContent {
+  background-position: right -102px;
+}
+
+/* hover active button */
+#FileMenu a.jxButtonActive:hover {
+  background-position: left -136px;
+}
+
+#FileMenu a.jxButtonActive:hover span.jxButtonContent {
+  background-position: right -136px;
+}
+
+/* clicking button */
+#FileMenu a.jxButton:active,
+#FileMenu a.jxButtonActive:active {
+  background-position: left -68px;
+}
+
+#FileMenu a.jxButton:active span.jxButtonContent,
+#FileMenu a.jxButtonActive:active span.jxButtonContent {
+  background-position: right -68px;
+}
+
+#FileMenu span.jxButtonLabel {
+  padding: 0 4px 0 4px;
+  background-image: none;
+}
+
+
+/********************************************************
+  Status Bar
+********************************************************/
+
+#StatusbarContainer {
+  background-image: url(images/statusBarBackground.png);
+  background-repeat: repeat-x;
+  background-color: #ffffff;
+  line-height: 21px;
+  font-size: 10px;
+  vertical-align: middle;
+  color: #000000;
+}
+
+#Statusbar .jxSplitBarHorizontal {
+    width: 3px;
+    border-left: 1px solid #000;
+    background-color: transparent;
+    cursor: 'col-resize';
+    margin-top: 4px;
+    height: 14px;
+}
+
+#Statusbar .spanCursorPosition,
+#Statusbar .spanViewSize,
+#Statusbar .spanSelectionInfo {
+  padding: 4px 10px;
+  font-size: 10px;
+  font-family: Verdana,Arial,Helvetica,sans-serif;
+}
+
+.inputEditableScale {
+  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
+}
+
+#StatusOverviewMap {
+  position: absolute;
+  right: 139px;
+  padding-top: 2px;
+}
+
+#pbmg {
+  position: absolute;
+  right: 0px;
+  padding-top: 2px;
+}
+
+#StatusbarContainer img.jxButtonIcon {
+  vertical-align: baseline;
+}
+
+/********************************************************
+  Navigator
+********************************************************/
+
+#Navigator {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  z-index: 100;
+}
+
+/* Override dialog styles for Navigator dialog */
+
+#OverviewMap {
+    width: 100%;
+    height: 100%;
+}
+
+#Legend {
+    width: 100%;
+    height: 100%;
+}
+
+#SelectionPanel {
+    width: 100%;
+    height: 100%;
+}
+
+#TaskPane {
+    width: 100%;
+    height: 100%;
+}
+
+/********************************************************
+  Side Bar Panels
+********************************************************/
+
+#Sidebar {
+  visibility: hidden;
+  display: none;
+}
+
+#Sidebar .jxBarTop .jxBarControls,
+#Sidebar .jxBarBottom .jxBarControls{
+  display: none;
+}
+
+#SidebarContent {
+  position: absolute;
+  width: 210px;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 8px;
+}
+
+#SidebarCollapse {
+  position: absolute;
+  width: 8px;
+  top: 0px;
+  bottom: 0px;
+  left: 210px;
+  right: 0px;
+}
+
+#SidebarCollapseContent {
+  position: absolute;
+  top: 2px;
+  bottom: 2px;
+  left: 0px;
+  right: 0px;
+  width: 8px;
+  background: url(images/sidebarCollapseBackground.png) repeat-y #000;
+}
+
+#SidebarCollapseTop {
+  position: absolute;
+  height: 2px;
+  width: 8px;
+  top: 0px;
+  background: url(images/sidebarCollapseTop.png) no-repeat;
+}
+
+#SidebarCollapseBottom {
+  position: absolute;
+  height: 2px;
+  width: 8px;
+  bottom: 0px;
+  background: url(images/sidebarCollapseBottom.png) no-repeat;
+}
+
+#SidebarCollapseButton {
+  width: 8px;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  position: absolute;
+}
+
+#SidebarCollapseButton a {
+  display: block;
+  width: 8px;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  position: absolute;
+  height: 100%;
+  text-indent: -9999px;
+  font-size: 1%;
+  background: url(images/sidebarCollapseButton.png) center no-repeat;
+}
+
+#SidebarCollapseButton a:visited,
+#SidebarCollapseButton a:hover,
+#SidebarCollapseButton a:active {
+  text-decoration: none;
+  font-size: 1%;
+}
+
+/********************************************************
+  Dialog Boxes
+********************************************************/
+
+#Tasks {
+  position: absolute;
+  left: 350px;
+  top: 100px;
+  width: 244px;
+  height: 302px;
+  z-index: 200;
+}
+
+/* ====================== */
+/* OVERRIDE BUTTON STYLES */
+/* ====================== */
+
+/* focus button */
+ul.jxToolbar .jxButton:focus,
+.jxButton:focus {
+  background-position: left -96px;
+}
+
+ul.jxToolbar .jxButton:focus span.jxButtonContent,
+.jxButton:focus span.jxButtonContent {
+  background-position: right -96px;
+}
+
+/* focus active button */
+ul.jxToolbar .jxButtonActive:focus,
+.jxButtonActive:focus {
+  background-position: left -72px;
+}
+
+ul.jxToolbar .jxButtonActive:focus span.jxButtonContent,
+.jxButtonActive:focus span.jxButtonContent {
+  background-position: right -72px;
+}
+
+span.jxButtonContent span {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+a.jxButtonEditCombo input {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  background-color: transparent;
+}
+
+/* ====================== */
+/* OVERRIDE CHROME STYLES */
+/* ====================== */
+
+.jxChromeTL img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeTR img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeBL img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeBR img {
+  width: 500px;
+  height:500px;
+}
+
+/* ====================== */
+/* OVERRIDE DIALOG STYLES */
+/* ====================== */
+
+.jxDialog .jxChrome {
+  background-image: url(images/dialog_chrome.png);
+}
+
+.jxDialogContentContainer {
+  border: none;
+}
+
+.jxDialogModal {
+  /* Base setup */
+  position: absolute;
+  display: block;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+
+  background-color: #000;
+  opacity: .2;
+  -ms-filter: "Alpha(opacity=20)";
+}
+
+.jxDialogTitle {
+  /* this makes the dialog draggable by the title bar in IE
+   * Without it, only the label is draggable
+   */
+  background-image: url(images/a_pixel.png);
+
+  /* note: height is hard coded into jx.js Jx.Dialog initialize function - change there as well as here */
+  height: 29px;
+
+  margin: 10px 10px 0px 10px;
+}
+
+.jxDialogMin .jxDialogTitle {
+  margin-bottom: 8px;
+}
+
+.jxDialogIcon {
+  left: 10px;
+  top: 0px;
+}
+
+.jxDialogLabel {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  line-height:15px;
+}
+
+.jxDialogControls {
+  top: 6px;
+  right: 6px;
+}
+
+.jxDialogControls img {
+  background-image: url('images/dialog_controls.png');
+}
+
+/* ======================= */
+/* OVERRIDE JX GRID STYLES */
+/* ======================= */
+
+.jxGridTable {
+    font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+/* ======================= */
+/* OVERRIDE JX MENU STYLES */
+/* ======================= */
+
+a.jxMenuItem {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+span.jxMenuItemContent {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+/* ================================= */
+/* OVERRIDE BASE TAB (BUTTON) STYLES */
+/* ================================= */
+
+span.jxTabLabel {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+/* ======================= */
+/* OVERRIDE TOOLBAR STYLES */
+/* ======================= */
+
+.jxBarTop,
+.jxBarBottom {
+  background-image: url(images/toolbar.png);
+  background-repeat: repeat-x;
+  background-position: 0px 0px;
+}
+
+.jxBarTop .jxBarScroller,
+.jxBarBottom .jxBarScroller {
+  position: absolute;
+  /* much bigger than its container */
+  width: 10000%;
+  overflow: hidden;
+}
+
+.jxBarTop  li.jxToolItem  span.jxBarSeparator,
+.jxBarBottom  li.jxToolItem  span.jxBarSeparator {
+  /* width/height should be defined */
+  width: 8px;
+  height: 20px;
+  background-image: url(images/toolbar_separator_h.png);
+}
+
+.jxBarLeft  li.jxToolItem  span.jxBarSeparator,
+.jxBarRight  li.jxToolItem  span.jxBarSeparator {
+  /* width/height should be defined */
+  width: 20px;
+  height: 8px;
+  background-image: url(images/toolbar_separator_v.png);
+}
+
+.jxBarTop .jxBarScrollLeft img.jxButtonIcon,
+.jxBarBottom .jxBarScrollLeft img.jxButtonIcon {
+  background-image: url(images/emblems.png);
+  background-position: 0px -80px;
+}
+
+.jxBarTop .jxBarScrollRight img.jxButtonIcon,
+.jxBarBottom .jxBarScrollRight img.jxButtonIcon {
+  background-image: url(images/emblems.png);
+  background-position: 0px -96px;
+}
+
+.jxBarTop .jxBarControls .jxButtonContainer,
+.jxBarBottom .jxBarControls .jxButtonContainer,
+.jxBarTop .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer,
+.jxBarBottom .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer{
+  z-index: 1;
+  padding: 2px;
+  margin-left: -1px;
+}
+
+/* trick here:  hide disabled buttons */
+.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarBottom .jxBarControls  .jxDisabled span.jxButtonContent span,
+.jxBarTop .jxBarControls .jxDisabled .jxButton,
+.jxBarBottom .jxBarControls .jxDisabled .jxButton,
+.jxBarTop .jxBarControls .jxDisabled .jxButton,
+.jxBarBottom .jxBarControls  .jxDisabled .jxButton{
+  visibility:hidden;
+  cursor: default; 
+}
+
+/* ==================== */
+/* OVERRIDE TREE STYLES */
+/* ==================== */
+a.jxTreeItem {
+  font-family: Verdana, Arial,Helvetica,sans-serif;
+}
+
+

Modified: trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/index.html
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/index.html	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/index.html	2011-05-31 07:11:07 UTC (rev 5881)
@@ -7,7 +7,8 @@
 <meta http-equiv="Content-type" content="text/html; charset=UTF-8">
 
 <script type="text/javascript" src="../../../lib/fusionSF-compressed.js"></script>
-<link rel="stylesheet" href="jxtheme.css" type="text/css" media="screen" charset="utf-8">
+<link rel="stylesheet" href="../../../lib/jxLib/themes/delicious/jxtheme.css" type="text/css" media="screen" charset="utf-8">
+<link rel="stylesheet" href="aqua.css" type="text/css" media="screen" charset="utf-8">
 <!--[if lte IE 6]>
 <link rel="stylesheet" href="ie6.css" type="text/css" media="screen" charset="utf-8">
 <![endif]-->

Deleted: trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/jxtheme.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/jxtheme.css	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/jxtheme.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -1,24 +0,0 @@
-/*
- * reset.css - Copyright (c) 2006, Yahoo! Inc. All rights reserved.
- * Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
- *
- * Copyright (c) 2006-2008, DM Solutions Group Inc.  All rights reserved
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included
- * in all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.  IN NO EVENT SHALL
- * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- */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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{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:'';}html{height:100%;overflow:hidden;}body{width:100%;height:100%;overflow:hidden;background-image:url(images/backgroundTile.png);background-repeat:repeat-y;background-color:#1a1d2e;background-position:left top;}body,table{font-style:normal;font-weight:normal;font-size:75%;font-family:Verdana,Arial,Helvetica,sans-serif;color:#000;}#Map{overflow:hidden;z-index:0;}.olMapViewport{z-index:1;}#Maptip{display:none;border:1px solid #000;background-color:#E5DAC7;padding:4px;}#Toolbar{background-image:url(images/toolbarBackground.png);background-repeat:no-repeat;z-index:1;}#Toolbar div.jxButtonContainer{padding:1
 px 2px 1px 2px;}#Toolbar a.jxButton{padding:0 0 0 4px;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonContent{padding:3px 4px 4px 0;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonLabel{color:#fff;padding-top:0;padding-bottom:0;}#Toolbar a.jxButtonMenu span.jxButtonContent span,#Toolbar a.jxButtonFlyout span.jxButtonContent span,#Toolbar a.jxButtonMulti span.jxButtonContent span,#Toolbar a.jxButtonCombo span.jxButtonContent span,#Toolbar a.jxButtonEditCombo span.jxButtonContent span{background-image:url(images/emblems_alt.png);}#ToolbarVertical{background-image:url(images/toolbarVerticalBackground.png);background-repeat:no-repeat;z-index:1;}#ToolbarVertical a.jxButton{padding:0 0 0 3px;background-image:url(images/toolbarVerticalButton.png);}#ToolbarVertical span.jxButtonContent{padding:3px 4px 4px 0;background-image:url(images/toolbarVerticalButton.png);}#ToolbarVertical span.jxButtonLabel{color:#fff;padding-top:0;padding-bottom:0;
 }#FileMenu{background-image:url(images/fileMenuBackground.png);background-repeat:no-repeat;z-index:1;background-color:#191C2D;}#FileMenu div.jxButtonContainer{padding:0 2px 0 2px;}#FileMenu a.jxButton{padding:0 0 0 4px;background-image:url(images/fileMenuButton.png);}#FileMenu span.jxButtonContent{padding:9px 4px 9px 0;background-image:url(images/fileMenuButton.png);}#FileMenu a.jxButton:hover{background-position:left -136px;}#FileMenu a.jxButton:hover span.jxButtonContent{background-position:right -136px;}#FileMenu a.jxButtonActive{background-position:left -102px;}#FileMenu a.jxButtonActive span.jxButtonContent{background-position:right -102px;}#FileMenu a.jxButtonActive:hover{background-position:left -136px;}#FileMenu a.jxButtonActive:hover span.jxButtonContent{background-position:right -136px;}#FileMenu a.jxButton:active,#FileMenu a.jxButtonActive:active{background-position:left -68px;}#FileMenu a.jxButton:active span.jxButtonContent,#FileMenu a.jxButtonActive:active span
 .jxButtonContent{background-position:right -68px;}#FileMenu span.jxButtonLabel{padding:0 4px 0 4px;background-image:none;}#StatusbarContainer{background-image:url(images/statusBarBackground.png);background-repeat:repeat-x;background-color:#fff;line-height:21px;font-size:10px;vertical-align:middle;color:#000;}#Statusbar .jxSplitBarHorizontal{width:3px;border-left:1px solid #000;background-color:transparent;cursor:'col-resize';margin-top:4px;height:14px;}#Statusbar .spanCursorPosition,#Statusbar .spanViewSize,#Statusbar .spanSelectionInfo{padding:4px 10px;}.inputEditableScale{font:normal 10px Verdana,Arial,Helvetica,sans-serif;}#StatusOverviewMap{position:absolute;right:139px;padding-top:2px;}#pbmg{position:absolute;right:0;padding-top:2px;}#Navigator{position:absolute;right:10px;top:10px;z-index:100;}#OverviewMap{width:100%;height:100%;}#Legend{width:100%;height:100%;}#SelectionPanel{width:100%;height:100%;}#TaskPane{width:100%;height:100%;}#Sidebar{visibility:hidden;display:
 none;}#SidebarContent{position:absolute;width:210px;top:0;bottom:0;left:0;right:8px;}#SidebarCollapse{position:absolute;width:8px;top:0;bottom:0;left:210px;right:0;}#SidebarCollapseContent{position:absolute;top:2px;bottom:2px;left:0;right:0;width:8px;background:url(images/sidebarCollapseBackground.png) repeat-y #000;}#SidebarCollapseTop{position:absolute;height:2px;width:8px;top:0;background:url(images/sidebarCollapseTop.png) no-repeat;}#SidebarCollapseBottom{position:absolute;height:2px;width:8px;bottom:0;background:url(images/sidebarCollapseBottom.png) no-repeat;}#SidebarCollapseButton{width:8px;top:0;bottom:0;left:0;right:0;position:absolute;}#SidebarCollapseButton a{display:block;width:8px;top:0;bottom:0;left:0;right:0;position:absolute;height:100%;text-indent:-9999px;font-size:1%;background:url(images/sidebarCollapseButton.png) center no-repeat;}#SidebarCollapseButton a:visited,#SidebarCollapseButton a:hover,#SidebarCollapseButton a:active{text-decoration:none;font-size
 :1%;}.jxPanel{background:url(images/jxPanelBackround.png) no-repeat #ccc left top;overflow:hidden;position:relative;width:210px;height:100px;margin:0 0 2px 0;}.jxPanelContent{background:url(images/jxPanelBottom.png) bottom left no-repeat;position:absolute;width:210px;height:100px;}.jxPanelBar{position:relative;overflow:hidden;height:23px;width:210px;background:url(images/jxPanelBarLeft.png) no-repeat left top;}.jxPanelTitle{position:absolute;overflow:hidden;height:23px;width:210px;left:2px;background:url(images/jxPanelBarBackground.png) repeat-x left top;}.jxPanelLabel{font:bold 11px Verdana,Arial,Helvetica,sans-serif;color:#fff;display:block;float:left;padding:3px 0 2px 20px;}.jxPanelMaximize{position:absolute;left:0;top:0;width:10px;height:10px;}#Tasks{position:absolute;left:350px;top:100px;width:244px;height:302px;z-index:200;}.PalleteBase{position:absolute;left:300px;top:200px;width:244px;height:302px;z-index:1000;}.PalleteTL{position:absolute;width:8px;height:29px;top:0
 ;left:0;background:url(images/palleteTL.png) no-repeat;}.PalleteT{position:absolute;height:29px;top:0;right:8px;left:8px;background:url(images/palleteT.png) repeat-x;}.PalleteTR{position:absolute;width:8px;height:29px;top:0;right:0;background:url(images/palleteTR.png) no-repeat;}.PalleteL{position:absolute;width:8px;top:29px;bottom:9px;left:9;background:url(images/palleteL.png) repeat-y;}.Pallete{position:absolute;top:29px;bottom:9px;right:8px;left:8px;background:url(images/palleteTile.png) #fff repeat-y;}.PalleteR{position:absolute;width:8px;top:29px;bottom:9px;right:0;background:url(images/palleteR.png) repeat-y;}.PalleteBL{position:absolute;width:8px;height:9px;bottom:0;left:0;background:url(images/palleteBL.png) no-repeat;}.PalleteB{position:absolute;height:9px;bottom:0;right:8px;left:8px;background:url(images/palleteB.png) repeat-x;}.PalleteBR{position:absolute;width:8px;height:9px;bottom:0;right:0;background:url(images/palleteBR.png) no-repeat;}.PalleteT span{display:b
 lock;color:#000;font:bold 11px Verdana,Arial,Helvetica,sans-serif;padding:5px 10px;}.PalleteButtons{position:absolute;right:0;top:5px;}.PalleteButtons a{padding:0 3px;border:1px solid transparent;}.PalleteButtons a:hover{border:1px solid #666;background:#cfd0d1;}.jxTree a,.jxTreeRoot a{font-family:Verdana,Arial,Helvetica,sans-serif;}div.jxButtonContainer{display:block;position:relative;float:left;margin:0;padding:2px;border:none;}a.jxButton{display:block;position:relative;float:left;margin:0;padding:0 0 0 4px;border:none;background-image:url(images/button.png);background-position:left -24px;background-repeat:no-repeat;text-decoration:none;}ul.jxToolbar a.jxButton{background-position:left top;}span.jxButtonContent{display:block;position:relative;float:left;font-size:0;line-height:0;margin:0;padding:4px 4px 4px 0;border:none;background-image:url(images/button.png);background-position:right -24px;background-repeat:no-repeat;}ul.jxToolbar span.jxButtonContent{background-position
 :right top;}ul.jxToolbar a.jxButton:hover,a.jxButton:hover{background-position:left -96px;}a.jxButton:hover span.jxButtonContent{background-position:right -96px;}ul.jxToolbar a.jxButtonActive,a.jxButtonActive{background-position:left -72px;}a.jxButtonActive span.jxButtonContent{background-position:right -72px;}ul.jxToolbar a.jxButton:hover,a.jxButtonActive:hover{background-position:left -96px;}a.jxButtonActive:hover span.jxButtonContent{background-position:right -96px;}ul.jxToolbar a.jxButton:active,ul.jxToolbar a.jxButtonActive:active,a.jxButton:active,a.jxButtonActive:active{background-position:left -48px;}a.jxButton:active span.jxButtonContent,a.jxButtonActive:active span.jxButtonContent{background-position:right -48px;}ul.jxToolbar .jxDisabled a.jxButton,.jxDisabled a.jxButton{cursor:default;}ul.jxToolbar .jxDisabled a.jxButton:hover,ul.jxToolbar .jxDisabled a.jxButton:active{background-position:left top;}.jxDisabled a.jxButton:hover,.jxDisabled a.jxButton:active{backgro
 und-position:left -24px;}ul.jxToolbar .jxDisabled a.jxButton:hover span.jxButtonContent,ul.jxToolbar .jxDisabled a.jxButton:active span.jxButtonContent{background-position:right top;}.jxDisabled a.jxButton:hover span.jxButtonContent,.jxDisabled a.jxButton:active span.jxButtonContent{background-position:right -24px;}img.jxButtonIcon{position:relative;float:left;width:16px;height:16px;background-position:center center;background-repeat:no-repeat;}span.jxButtonContent span{display:block;position:relative;float:left;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:16px;height:16px;white-space:nowrap;}span.jxButtonContent span.jxButtonLabel{margin:0;padding:0 4px 0 4px;color:#000;font-size:11px;}a.jxButtonMenu span.jxButtonContent,a.jxButtonMulti span.jxButtonContent,a.jxButtonFlyout span.jxButtonContent,a.jxButtonCombo span.jxButtonContent,a.jxButtonEditCombo span.jxButtonContent{padding-right:0;}a.jxButtonMenu span.jxButtonContent span,a.jxButton
 Flyout span.jxButtonContent span,a.jxButtonMulti span.jxButtonContent span,a.jxButtonCombo span.jxButtonContent span,a.jxButtonEditCombo span.jxButtonContent span{padding-right:16px;background-image:url(images/emblems.png);background-position:right -16px;background-repeat:no-repeat;}a.jxButtonDisclose{position:absolute;display:block;padding:4px 0;font-size:0;line-height:0;right:2px;top:2px;background-image:url(images/button_multi_disclose.png);background-position:right 0;background-repeat:no-repeat;}a.jxButtonDisclose img{width:16px;height:16px;margin:0;padding:0;border:0;background-image:url(images/emblems.png);background-position:right -16px;background-repeat:no-repeat;}a.jxButtonDisclose:hover{background-position:right -96px;}a.jxButtonDisclose:active{background-position:right -48px;}ul.jxToolbar a.jxButtonHover{background-position:left -24px;}ul.jxToolbar a.jxButtonHover span.jxButtonContent{background-position:right -24px;}.jxFlyout .jxChrome{background-image:url(images
 /flyout_chrome.png);padding:5px 5px 7px 6px;}.jxFlyout .jxChrome img{width:500px;height:500px;}.jxFlyout{position:absolute;display:block;z-index:100;margin:0;padding:0;}.jxFlyoutContent{position:relative;display:block;overflow:auto;margin:6px 6px 8px 7px;background-color:#fff;border:1px solid #999;}a.jxButtonMulti,a.jxButtonMulti span.jxButtonContent{background-image:url(images/button_multi.png);}a.jxButtonEditCombo,a.jxButtonEditCombo span.jxButtonContent{background-image:url(images/button_combo.png);}a.jxButtonMulti span.jxButtonContent span{padding-right:21px;}a.jxButtonEditCombo span.jxButtonContent span{font-size:0;}a.jxButtonComboDefault span.jxButtonContent span,a.jxButtonComboDefault input{font-style:italic;color:#999;}a.jxButtonEditCombo input{float:left;line-height:16px;height:16px;padding:0 4px;margin:0;border:none;font-size:11px;font-family:Arial,Helvetica,sans-serif;background-color:transparent;}.jxChrome{position:absolute;display:block;font-size:0;line-height:0
 ;z-index:-1;width:100%;height:100%;top:0;left:0;}.jxChromeDrag{opacity:.5;-ms-filter:"Alpha(opacity=50)";}.jxChromeTL{position:absolute;overflow:hidden;left:0;top:0;width:50%;height:50%;}.jxChromeTR{position:absolute;overflow:hidden;left:50%;top:0;width:50%;height:50%;}.jxChromeBL{position:absolute;overflow:hidden;left:0;top:50%;width:50%;height:50%;}.jxChromeBR{position:absolute;overflow:hidden;left:50%;top:50%;width:50%;height:50%;}.jxChromeTL img{position:absolute;top:0;left:0;width:500px;height:500px;}.jxChromeTR img{position:absolute;top:0;right:0;width:500px;height:500px;}.jxChromeBL img{position:absolute;bottom:0;left:0;width:500px;height:500px;}.jxChromeBR img{position:absolute;bottom:0;right:0;width:500px;height:500px;}.jxColorBar{position:relative;overflow:hidden;}table.jxColorGrid{position:relative;border-collapse:collapse;empty-cells:show;clear:both;}.jxColorGrid td{border:1px solid #000;}.jxColorGrid td.emptyCell{border:0 solid #000;}.jxColorGrid td.emptyCell sp
 an{display:block;width:7px;height:7px;line-height:0;font-size:0;border:0 solid #000;padding:1px;margin:0;}.jxColorGrid a.colorSwatch{display:block;width:7px;height:7px;line-height:0;font-size:0;border:0 solid #000;margin:0;padding:1px;}.jxColorGrid a.borderWhite:hover{border:1px solid #fff;padding:0;}.jxColorGrid a.borderBlack:hover{border:1px solid #000;padding:0;}input.jxHexInput{width:55px;vertical-align:middle;}input.jxAlphaInput{width:30px;vertical-align:middle;}div.jxColorPreview{float:left;position:relative;width:20px;height:20px;border:1px solid #000;margin:2px;vertical-align:middle;background-image:url('images/grid.png');overflow:hidden;}a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch{display:block;float:left;width:14px;height:14px;border:1px solid #000;background-image:url('images/grid.png');background-position:0 0;background-repeat:repeat;padding-right:0!important;}a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch span{display:block;width:14px;he
 ight:14px;position:absolute;padding-right:0;background:none;}div.jxColorPreview img{position:absolute;z-index:0;}div.jxColorPreview div{width:20px;height:10px;position:absolute;display:block;left:0;z-index:1;font-size:10px;line-height:0;}div.jxColorPreview div.jxColorSelected{top:0;}div.jxColorPreview div.jxColorHover{bottom:0;}label.jxColorLabel,label.jxAlphaLabel{width:auto;font-family:Arial,sans-serif;font-size:11px;line-height:24px;padding:2px;vertical-align:middle;}a.jxColorClose{position:absolute;top:0;right:0;width:16px;height:16px;}a.jxColorClose img{width:16px;height:16px;}a{outline:none;}.jxClearer{display:block;position:relative;float:none;clear:both;font-size:0;line-height:0;width:0;height:0;margin:0;padding:0;}.jxDisabled{opacity:.4;-ms-filter:"Alpha(opacity=40)";}.jxDisabled *{-ms-filter:"Alpha(opacity=40)";}iframe.jxIframeShim{position:absolute;top:0;left:0;width:100%;height:100%;-ms-filter:"Alpha(opacity:0)";opacity:0;z-index:-1;}.jxDialog .jxChrome{backgroun
 d-image:url(images/dialog_chrome.png);}.jxDialog .jxChrome img{width:500px;height:500px;}.jxDialog{display:block;z-index:1;}.jxDialogContentContainer{z-index:1;margin:0 18px 19px 27px;border:none;background-color:#f0f0f0;}.jxDialogModal{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.2;-ms-filter:"Alpha(opacity=20)";}.jxDialogContent{display:block;position:relative;overflow:auto;padding:0;z-index:1;}.jxDialogTitle{display:block;position:relative;background-image:url(images/a_pixel.png);text-align:center;height:29px;z-index:1;margin:10px 10px 0 10px;}.jxDialogMin .jxDialogTitle{margin-bottom:8px;}.jxDialogMoveable{cursor:move;}.jxDialogIcon{position:absolute;left:10px;top:6px;width:16px;height:16px;border:none;padding:0;margin:0;}.jxDialogLabel{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-height:29px;color:#000;white-space:nowrap;}.jxDialogResize{position:absolute;bottom:7px;right:6px;width:16px
 ;height:16px;z-index:2;border:0;cursor:se-resize;background-image:url(images/dialog_resize.png);}.jxDialogControls{position:absolute;top:6px;right:6px;height:16px;width:80px;}.jxDialogControls img{background-image:url('images/dialog_controls.png');background-repeat:no-repeat;border:0;margin:0;width:16px;height:16px;}.jxDialogClose img{background-position:0 -32px;}.jxDialogMenu img{background-position:0 -48px;}.jxDialogHelp img{background-position:0 -64px;}.jxDialogCollapse img{background-position:0 -16px;}.jxDialogMin .jxDialogCollapse img{background-position:0 0;}.jxDialogMax .jxDialogCollapse img{background-position:0 -16px;}.jxDialogLoading img{border:0;margin:0;width:16px;height:16px;visibility:hidden;position:absolute;top:1px;left:2px;}.jxDialogControls .jxButtonContainer,.jxDialogControls span.jxButtonContent,.jxDialogControls a.jxButton:hover span.jxButtonContent,.jxDialogControls a.jxButton:active span.jxButtonContent,.jxDialogControls a.jxButtonActive span.jxButtonC
 ontent,.jxDialogControls a.jxButtonActive:hover span.jxButtonContent,.jxDialogControls a.jxButtonActive:active span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton:hover span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton:active span.jxButtonContent,.jxDialogControls a.jxButton,.jxDialogControls a.jxButton:hover,.jxDialogControls a.jxButton:active,.jxDialogControls a.jxButtonActive,.jxDialogControls a.jxButtonActive:hover,.jxDialogControls a.jxButtonActive:active,.jxDialogControls .jxDisabled a.jxButton,.jxDialogControls .jxDisabled a.jxButton:hover,.jxDialogControls .jxDisabled a.jxButton:active{padding:0;margin:0;border:none;background-color:transparent;background-image:none;}.jxDialogControls a.jxButtonMenu span.jxButtonContent,.jxDialogControls a.jxButtonFlyout span.jxButtonContent{background-image:none;}.jxDialogControls a.jxButtonMenu span.jxButtonContent span,.jxDialogControls a.jxButtonF
 lyout span.jxButtonContent span{padding-right:0;}.jxDialogControls .jxBarContainer{position:absolute;right:0;background-image:none;background-color:transparent;margin:0;padding:0;border:none;height:16px;}.jxDialogControls .jxBarScroller{left:auto;right:0;}.jxDialogControls ul.jxToolbar{float:right;}.jxDialogControls ul.jxToolbar,.jxDialogControls li.jxToolItem{background-image:none;background-color:transparent;margin:0;padding:0;border:none;}.jxGridContainer{position:absolute;top:0;left:0;border-left:0 solid #d8d8d8;border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;overflow:hidden;}.jxGridTable{position:relative;table-layout:fixed;border-collapse:collapse;border-style:none;width:0;cursor:default;font-family:Arial,Verdana,sans-serif;font-size:11px;font-weight:normal;}.jxGridColHeadHide{height:0;line-height:0;font-size:0;background-color:#fff;white-space:normal;}.jxGridColHeadHide p,.jxGridRowHeadHide p{font-size:0;line-height:0;height:0
 ;margin:0;padding:0;}.jxGridRowHeadHide{width:0;white-space:normal;}.jxGridCell{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;overflow:hidden;padding-left:3px;padding-right:3px;overflow:hidden;white-space:nowrap;cursor:cell;text-overflow:ellipsis;}.jxGridColHead{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;background-color:#f2f2f2;background-image:url('images/table_col.png');background-position:0 0;background-repeat:repeat-x;text-align:center;font-weight:bold;color:#333;cursor:default;}.jxGridRowHead{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;background-color:#f2f2f2;background-image:url('images/table_row.png');background-position:0 0;background-repeat:repeat-y;text-align:center;font-weight:bold;color:#333;cursor:default;}.jxGridRowAll{background-color:#fff;}
 .jxGridColumnHeaderSelected{background-color:#e1e1e1;background-position:0 -200px;}.jxGridRowHeaderSelected{background-color:#e1e1e1;background-position:-400px 0;}.jxGridColumnSelected{background-color:#f7f7f7;}.jxGridRowSelected td{background-color:#f7f7f7;}td.jxGridCellSelected{background-color:#ebebeb;}.jxGridColumnHeaderPrelight{background-color:#cee5ff;background-position:0 -300px;}.jxGridRowHeaderPrelight{background-color:#cee5ff;background-position:-600px 0;}.jxGridColumnPrelight{background-color:#e5f1ff;}.jxGridRowPrelight td{background-color:#e5f1ff;}td.jxGridCellPrelight{background-color:#cce3ff;}.jxMenuContainer .jxChrome{background-image:url(images/flyout_chrome.png);padding:5px 5px 7px 6px;}a.jxButtonMenu span.jxMenuItemSpan{padding-right:16px;}.jxMenuContainer{position:absolute;display:block;z-index:200;padding:0;}ul.jxMenu,ul.jxSubMenu{display:block;position:relative;list-style-type:none;margin:6px 6px 8px 7px;background-color:#fff;border:1px solid #999;}li.jx
 MenuItemContainer{display:block;position:relative;margin:0;padding:0;}a.jxMenuItem{display:block;position:relative;text-decoration:none;border:1px solid #fff;font-family:Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none;margin:2px 2px;padding:0;color:#000;}a.jxMenuItem:hover{border:1px solid #C5E0FF;background-image:url(images/menu_hover.png);background-color:#CDE5FF;background-repeat:repeat-x;background-position:0 0;}a.jxMenuItem:hover span.jxMenuItemContent{border:1px solid #F4F9FF;border-bottom:1px solid #E4F0FF;}span.jxMenuItemContent{display:block;position:relative;font-family:Arial,Helvetica,sans-serif;font-size:0;line-height:0;white-space:nowrap;padding:0 20px 0 0;margin:0;border:1px solid #fff;}a.jxButtonSubMenu span.jxMenuItemContent,a.jxButtonSubMenu:hover span.jxMenuItemContent{background-image:url(images/emblems.png);background-position:right -32px;background-repeat:no-repeat;}img.jxMenuItemIcon{position:absolute;top:0;left:0;display:inline;width:16p
 x;height:16px;background-position:left center;background-repeat:no-repeat;}span.jxMenuItemContent span{display:block;position:relative;cursor:pointer;margin:0;padding:0 0 0 20px;font-size:16px;line-height:16px;}span.jxMenuItemContent span.jxMenuItemLabel{color:#000;font-size:11px;}.jxMenuItemToggle img.jxMenuItemIcon,.jxMenuItemSet img.jxMenuItemIcon{background-image:url(images/emblems.png);background-position:2px 0;background-repeat:no-repeat;}.jxMenuItemToggle a.jxMenuItemActive img.jxMenuItemIcon{background-position:2px -48px;}.jxMenuItemSet a.jxMenuItemActive img.jxMenuItemIcon{background-position:2px -64px;}a.jxMenuItemActive img.jxMenuItemIcon{top:-2px;left:-2px;border:2px solid #C5E0FF;}a.jxMenuItemActive span.jxMenuItemContent{background-image:url(images/menu_icon_active.png);background-position:0 0;background-repeat:no-repeat;}.jxDisabled a.jxMenuItem{cursor:default;}.jxDisabled a.jxMenuItem:hover{background-color:#fff;background-image:none;border:1px solid #fff;}ul
 .jxMenu span.jxMenuSeparator,ul.jxSubMenu span.jxMenuSeparator{display:block;font-size:10px;line-height:10px;background-image:url(images/toolbar_separator_v.png);background-repeat:repeat-x;background-position:left center;}.jxPanel{display:block;position:relative;}.jxPanelContentContainer{overflow:hidden;background-color:#f0f0f0;}.jxPanelContent{position:relative;display:block;overflow:auto;background-color:#fff;margin:0;padding:0;}.jxPanelTitle{display:block;position:relative;background-image:url(images/panelbar.png);background-repeat:repeat-x;background-position:left top;height:22px;margin:0;padding:0;text-align:center;}.jxPanelBar{position:absolute;line-height:1px;width:100%;height:5px;cursor:row-resize;background-color:#f0f0f0;z-index:1;}.jxPanelIcon{position:absolute;left:2px;top:3px;width:16px;height:16px;border:none;padding:0;margin:0;}.jxPanelLabel{padding-left:25px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-height:21px;color:#000;whit
 e-space:nowrap;}.jxPanelControls{position:absolute;top:3px;right:2px;height:16px;width:80px;overflow:hidden;}.jxPanelControls img{background-image:url('images/panel_controls.png');background-repeat:no-repeat;border:0;margin:0;width:16px;height:16px;}.jxPanelClose img{background-position:0 -32px;}.jxPanelMenu img{background-position:0 -48px;}.jxPanelHelp img{background-position:0 -64px;}.jxPanelCollapse img{background-position:0 -16px;}.jxPanelMin .jxPanelCollapse img{background-position:0 0;}.jxPanelMax .jxPanelCollapse img{background-position:0 -16px;}.jxPanelMaximize img{background-position:0 0;}.jxPanelLoading img{border:0;margin:0;width:16px;height:16px;visibility:hidden;position:absolute;top:1px;left:2px;}.jxPanelControls .jxButtonContainer,.jxPanelControls span.jxButtonContent,.jxPanelControls a.jxButton:hover span.jxButtonContent,.jxPanelControls a.jxButton:active span.jxButtonContent,.jxPanelControls a.jxButtonActive span.jxButtonContent,.jxPanelControls a.jxButtonAc
 tive:hover span.jxButtonContent,.jxPanelControls a.jxButtonActive:active span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton:hover span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton:active span.jxButtonContent,.jxPanelControls a.jxButton,.jxPanelControls a.jxButton:hover,.jxPanelControls a.jxButton:active,.jxPanelControls a.jxButtonActive,.jxPanelControls a.jxButtonActive:hover,.jxPanelControls a.jxButtonActive:active,.jxPanelControls .jxDisabled a.jxButton,.jxPanelControls .jxDisabled a.jxButton:hover,.jxPanelControls .jxDisabled a.jxButton:active{padding:0;margin:0;border:none;background-color:transparent;background-image:none;}.jxPanelControls a.jxButtonMenu span.jxButtonContent,.jxPanelControls a.jxButtonFlyout span.jxButtonContent{background-image:none;}.jxPanelControls a.jxButtonMenu span.jxButtonContent span,.jxPanelControls a.jxButtonFlyout span.jxButtonContent span{padding-right:0;}.jxPa
 nelControls div.jxBarTop{position:absolute;right:0;background-image:none;background-color:transparent;margin:0;padding:0;border:none;height:16px;}.jxPanelControls .jxBarScroller{left:auto;right:0;}.jxPanelControls ul.jxToolbar{float:right;}.jxPanelControls ul.jxToolbar,.jxPanelControls li.jxToolItem{background-image:none;background-color:transparent;margin:0;padding:0;border:none;}.jxSplitBarHorizontal{display:block;position:absolute;font-size:0;line-height:0;margin:0;padding:0;border:none;width:5px;height:100%;cursor:col-resize;background-color:#f0f0f0;z-index:1;}.jxSplitBarVertical{display:block;position:absolute;font-size:0;line-height:0;margin:0;padding:0;border:none;width:100%;height:5px;cursor:row-resize;background-color:#f0f0f0;z-index:1;}.jxSplitContainer{display:block;position:relative;margin:0;padding:0;border:none;overflow:hidden;}.jxSplitArea{display:block;position:absolute;margin:0;padding:0;border:none;overflow:hidden;z-index:0;}.jxSplitterMask{position:absolut
 e;top:0;left:0;width:100%;height:100%;overflow:hidden;background-image:url(images/a_pixel.png);z-index:1;}.jxSplitBarDrag{background-color:#eee;}.jxSnapHorizontalBefore{width:5px;height:5px;position:absolute;top:0;left:0;background-color:#aaa;}.jxSnapHorizontalAfter{width:5px;height:5px;position:absolute;top:0;left:0;background-color:#aaa;}.jxTabSetContainer{position:relative;display:block;overflow:hidden;width:200px;height:200px;margin:0;padding:0;background-color:#fff;}.jxTabSetContainer .jxToolbarContainer{z-index:auto;}.tabContent{display:none;position:relative;width:100%;height:100%;overflow:auto;}.tabContentActive{display:block;}div.jxTabContainer{display:block;position:relative;margin:0;padding:2px;border:none;}a.jxTabClose{display:block;position:absolute;cursor:pointer;}a.jxTabClose img{width:16px;height:16px;background-image:url(images/tab_close.png);}a.jxTab{display:block;position:relative;margin:0;padding:0;border:none;background-repeat:no-repeat;text-decoration:n
 one;color:#000;}.jxDisabled a.jxButton{cursor:default;}a.jxTab:hover,a.jxTab:active,a.jxTabActive,a.jxTabActive:hover,a.jxTabActive:active,.jxDisabled a.jxButton:hover,.jxDisabled a.jxButton:active{border:none;}span.jxTabContent{display:block;font-size:0;line-height:0;margin:0;padding:0;background-repeat:no-repeat;}img.jxTabIcon{position:relative;width:16px;height:16px;background-position:center center;background-repeat:no-repeat;}span.jxTabLabel{display:block;position:relative;cursor:pointer;margin:0;padding:0;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:16px;}.jxBarTop div.jxTabContainer,.jxBarBottom div.jxTabContainer{float:left;}.jxBarTop a.jxTab,.jxBarTop span.jxTabContent{background-image:url(images/tab_top.png);}.jxBarBottom a.jxTab,.jxBarBottom span.jxTabContent{background-image:url(images/tab_bottom.png);}.jxBarTop a.jxTabClose,.jxBarBottom a.jxTabClose{top:3px;right:3px;}.jxBarTop .jxTabClose span.jxTabContent,.jxBarBottom .jxTabClos
 e span.jxTabContent{padding-right:16px;}.jxBarTop a.jxTab,.jxBarBottom a.jxTab{float:left;padding-left:4px;background-position:left -24px;}.jxBarTop span.jxTabContent,.jxBarBottom span.jxTabContent{float:left;padding:4px 4px 4px 0;background-position:right -24px;}.jxBarTop a.jxTab:hover,.jxBarBottom a.jxTab:hover{background-position:left -96px;}.jxBarTop a.jxTab:hover span.jxTabContent,.jxBarBottom a.jxTab:hover span.jxTabContent{background-position:right -96px;}.jxBarTop a.jxTab:active,.jxBarBottom a.jxTab:active{background-position:left -48px;}.jxBarTop a.jxTab:active span.jxTabContent,.jxBarBottom a.jxTab:active span.jxTabContent{background-position:right -48px;}.jxBarTop a.jxTabActive,.jxBarBottom a.jxTabActive{background-position:left -72px;}.jxBarTop a.jxTabActive span.jxTabContent,.jxBarBottom a.jxTabActive span.jxTabContent{background-position:right -72px;}.jxBarTop .jxDisabled a.jxTab:hover,.jxBarTop .jxDisabled a.jxTab:active,.jxBarBottom .jxDisabled a.jxTab:hover,
 .jxBarBottom .jxDisabled a.jxTab:active{background-position:left -24px;}.jxBarTop .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarTop .jxDisabled a.jxTab:active span.jxTabContent,.jxBarBottom .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarBottom .jxDisabled a.jxTab:active span.jxTabContent{background-position:right -24px;}.jxBarTop img.jxTabIcon,.jxBarBottom img.jxTabIcon{float:left;}.jxBarTop span.jxTabLabel,.jxBarBottom span.jxTabLabel{float:left;height:16px;padding:0 4px 0 4px;}.jxBarLeft a.jxTab,.jxBarLeft span.jxTabContent{background-image:url(images/tab_left.png);}.jxBarRight a.jxTab,.jxBarRight span.jxTabContent{background-image:url(images/tab_right.png);}.jxBarLeft a.jxTabClose,.jxBarRight a.jxTabClose{top:3px;left:3px;}.jxBarLeft .jxTabClose span.jxTabContent,.jxBarRight .jxTabClose span.jxTabContent{padding-top:16px;}.jxBarLeft a.jxTab,.jxBarRight a.jxTab{padding-top:4px;background-position:-24px top;}.jxBarLeft span.jxTabContent,.jxBarRight span.jxTabContent{
 padding:0 4px 4px 4px;background-position:-24px bottom;}.jxBarLeft a.jxTab:hover,.jxBarRight a.jxTab:hover{background-position:-96px top;}.jxBarLeft a.jxTab:hover span.jxTabContent,.jxBarRight a.jxTab:hover span.jxTabContent{background-position:-96px bottom;}.jxBarLeft a.jxTab:active,.jxBarRight a.jxTab:active{background-position:-48px top;}.jxBarLeft a.jxTab:active span.jxTabContent,.jxBarRight a.jxTab:active span.jxTabContent{background-position:-48px bottom;}.jxBarLeft a.jxTabActive,.jxBarRight a.jxTabActive{background-position:-72px top;}.jxBarLeft a.jxTabActive span.jxTabContent,.jxBarRight a.jxTabActive span.jxTabContent{background-position:-72px bottom;}.jxBarLeft .jxDisabled a.jxTab:hover,.jxBarLeft .jxDisabled a.jxTab:active,.jxBarRight .jxDisabled a.jxTab:hover,.jxBarRigth .jxDisabled a.jxTab:active{background-position:-24px top;}.jxBarLeft .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarLeft .jxDisabled a.jxTab:active span.jxTabContent,.jxBarRight .jxDisabled a.
 jxTab:hover span.jxTabContent,.jxBarRight .jxDisabled a.jxTab:active span.jxTabContent{background-position:-24px bottom;}.jxBarLeft span.jxTabLabel,.jxBarRight span.jxTabLabel{padding:4px 0 4px 0;}.jxBarContainer{display:block;position:relative;z-index:1;overflow:hidden;margin:0;padding:0;border:0;background-color:#f0f0f0;}.jxBarTop,.jxBarBottom{width:100%;height:28px;background-image:url(images/toolbar.png);background-repeat:repeat-x;background-position:0 0;overflow:hidden;}.jxTabBox .jxBarTop{background-image:url(images/tabbar.png);background-position:0 bottom;}.jxTabBox .jxBarBottom{background-image:url(images/tabbar_bottom.png);background-position:0 top;}.jxBarLeft,.jxBarRight{width:auto;height:100%;background-image:url(images/toolbar.png);background-repeat:repeat-x;background-position:0 0;float:left;overflow:hidden;}.jxTabBox .jxBarLeft{background-image:url(images/tabbar_left.png);background-repeat:repeat-y;background-position:right 0;}.jxTabBox .jxBarRight{background-i
 mage:url(images/tabbar_right.png);background-repeat:repeat-y;background-position:left 0;}.jxBarTop .jxBarScroller,.jxBarBottom .jxBarScroller{position:absolute;width:100%;overflow:hidden;}.jxBarTop .jxBarScrollLeft,.jxBarBottom .jxBarScrollLeft{position:absolute;top:0;left:0;}.jxBarTop .jxBarScrollRight,.jxBarBottom .jxBarScrollRight{position:absolute;top:0;right:0;}.jxBarTop .jxBarScrollLeft img.jxButtonIcon,.jxBarBottom .jxBarScrollLeft img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -80px;}.jxBarTop .jxBarScrollRight img.jxButtonIcon,.jxBarBottom .jxBarScrollRight img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -96px;}ul.jxToolbar,ul.jxTabBar{display:block;position:relative;float:left;list-style-type:none;margin:0;padding:0;border:none;}li.jxToolItem{display:block;position:relative;float:left;font-size:0;line-height:0;padding:0;margin:0;border:none;}li.jxToolItem .separator{display:block;position:relative;flo
 at:left;font-size:0;line-height:0;border:0;margin:0;padding:4px;background-repeat:no-repeat;background-position:center center;}.jxBarTop li.jxToolItem span.jxBarSeparator,.jxBarBottom li.jxToolItem span.jxBarSeparator{width:8px;height:20px;background-image:url(images/toolbar_separator_h.png);}.jxBarLeft li.jxToolItem span.jxBarSeparator,.jxBarRight li.jxToolItem span.jxBarSeparator{width:20px;height:8px;background-image:url(images/toolbar_separator_v.png);}.jxBarLeft ul.jxToolbar,.jxBarLeft ul.jxTabBar,.jxBarLeft li.jxToolItem,.jxBarRight ul.jxToolbar,.jxBarRight ul.jxTabBar,.jxBarRight li.jxToolItem{clear:both;}.jxTree,.jxTreeRoot{position:relative;display:block;list-style:none;margin:0;padding:0;}.jxTreeNest{list-style:none;margin:0;padding:0;background-repeat:repeat-y;background-position:left top;}.jxTree li,.jxTreeRoot li{overflow:hidden;position:relative;display:block;margin:0;padding:0;background-repeat:no-repeat;background-position:left top;white-space:nowrap;font-siz
 e:0;line-height:0;}.jxTree li{margin-left:16px;}.jxTree a,.jxTreeRoot a{position:relative;display:block;margin:0 0 0 14px;padding:0 0 0 20px;z-index:0;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000;text-decoration:none;line-height:20px;height:20px;}.jxTree a:hover,.jxTreeRoot a:hover{background-image:url(images/tree_hover.png);background-color:#CDE5FF;background-repeat:repeat-x;background-position:0 0;}.jxDisabled .jxTree a:hover,.jxDisabled .jxTreeRoot a:hover{background:none;cursor:default;}.jxTreeNest{background-image:url(images/tree_vert_line.png);}.jxTreeImage,.jxTreeIcon{position:absolute;display:inline;left:0;top:0;width:16px;height:20px;z-index:1;background-image:url(images/tree.png);background-repeat:no-repeat;border:0;margin:0;}.jxTreeIcon{height:16px;top:2px;left:2px;}.jxTreeBranchOpen .jxTreeIcon,.jxTreeBranchLastOpen .jxTreeIcon{background-position:left -40px;}.jxTreeBranchOpen .jxTreeImage{background-position:left -100px;}.jxTreeBranchLastOpen
  .jxTreeImage{background-position:left -160px;}.jxTreeBranchClosed .jxTreeIcon,.jxTreeBranchLastClosed .jxTreeIcon{background-position:left -20px;}.jxTreeBranchClosed .jxTreeImage{background-position:left -80px;}.jxTreeBranchLastClosed .jxTreeImage{background-position:left -140px;}.jxTreeItem .jxTreeIcon,.jxTreeItemLast .jxTreeIcon{background-position:left 0;}.jxTreeItem .jxTreeImage{background-position:left -60px;}.jxTreeItemLast .jxTreeImage{background-position:left -120px;}.jxTreeItemSelected{background-color:#AFD4FA;font-weight:bold;}.jxTreeItem a,.jxTreeItem img,.jxTreeItem input,.jxTreeItemLast a,.jxTreeItemLast img,.jxTreeItemLast input,.jxTreeBranch a,.jxTreeBranch img,.jxTreeBranch input,.jxTreeBranchLast a,.jxTreeBranchLast img,.jxTreeBranchLast input{vertical-align:middle;}

Deleted: trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/jxtheme.uncompressed.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/jxtheme.uncompressed.css	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/aqua/jxtheme.uncompressed.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -1,2805 +0,0 @@
-/*
-Copyright (c) 2006, Yahoo! Inc. All rights reserved.
-Code licensed under the BSD License:
-http://developer.yahoo.net/yui/license.txt
-version: 0.11.0
-*/
-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;}
-table{border-collapse:collapse;border-spacing:0;}
-fieldset,img{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:'';}/********************************************************
-  Noble Studios - 05/21/07
-  ns_adsk.css
-  Mapguide Layout
-********************************************************/
-
-html {
-  height: 100%;
-  overflow: hidden;
-}
-
-body {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-image: url(images/backgroundTile.png);
-  background-repeat: repeat-y;
-  background-color: #1a1d2e;
-  background-position: left top;
-}
-
-body, table {
-  font-style: normal;
-  font-weight: normal;
-  font-size: 75%;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: #000000;
-}
-
-/********************************************************
-  Main Map
-********************************************************/
-
-#Map {
-  background: url(images/mapBackground.png) repeat-x #efefef bottom;
-  overflow: hidden;
-  z-index: 0;
-}
-
-.olMapViewport {
-    z-index: 1;
-}
-
-#Maptip {
-    display: none;
-    border: 1px solid #000;
-    background-color: #E5DAC7;
-    padding: 4px;
-}
-
-/********************************************************
-  Primary Toolbar
-********************************************************/
-
-#Toolbar {
-  background-image: url(images/toolbarBackground.png);
-  background-repeat: no-repeat;
-  z-index: 1;
-}
-
-#Toolbar div.jxButtonContainer {
-  padding: 1px 2px 1px 2px;
-}
-
-#Toolbar a.jxButton {
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  background-image: url(images/toolbarButton.png);
-}
-
-#Toolbar span.jxButtonContent {
-  padding: 3px 4px 4px 0px; /* makes room for the right of the button bg */
-  background-image: url(images/toolbarButton.png);
-}
-
-#Toolbar span.jxButtonLabel {
-  color: #ffffff;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-
-#Toolbar a.jxButtonMenu span.jxButtonContent span,
-#Toolbar a.jxButtonFlyout span.jxButtonContent span,
-#Toolbar a.jxButtonMulti span.jxButtonContent span,
-#Toolbar a.jxButtonCombo span.jxButtonContent span,
-#Toolbar a.jxButtonEditCombo span.jxButtonContent span {
-  background-image: url(images/emblems_alt.png);
-}
-
-/********************************************************
-  Secondary Toolbar
-********************************************************/
-
-#ToolbarVertical {
-  background-image: url(images/toolbarVerticalBackground.png);
-  background-repeat: no-repeat;
-  z-index: 1;
-}
-
-#ToolbarVertical a.jxButton {
-  padding: 0px 0px 0px 3px; /* makes room for the left of the button bg */
-  background-image: url(images/toolbarVerticalButton.png);
-}
-
-#ToolbarVertical span.jxButtonContent {
-  padding: 3px 4px 4px 0px; /* makes room for the right of the button bg */
-  background-image: url(images/toolbarVerticalButton.png);
-}
-
-#ToolbarVertical span.jxButtonLabel {
-  color: #ffffff;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-
-/********************************************************
-  Main Menu
-********************************************************/
-
-#FileMenu {
-  background-image: url(images/fileMenuBackground.png);
-  background-repeat: no-repeat;
-  z-index: 1;
-  background-color: #191C2D;
-}
-
-#FileMenu div.jxButtonContainer {
-  padding: 0px 2px 0px 2px;
-}
-
-#FileMenu a.jxButton {
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  background-image: url(images/fileMenuButton.png);
-}
-
-#FileMenu span.jxButtonContent {
-  padding: 9px 4px 9px 0px; /* makes room for the right of the button bg */
-  background-image: url(images/fileMenuButton.png);
-}
-
-/* hover button */
-#FileMenu a.jxButton:hover {
-  background-position: left -136px;
-}
-
-#FileMenu a.jxButton:hover span.jxButtonContent {
-  background-position: right -136px;
-}
-
-/* active button */
-#FileMenu a.jxButtonActive {
-  background-position: left -102px;
-}
-
-#FileMenu a.jxButtonActive span.jxButtonContent {
-  background-position: right -102px;
-}
-
-/* hover active button */
-#FileMenu a.jxButtonActive:hover {
-  background-position: left -136px;
-}
-
-#FileMenu a.jxButtonActive:hover span.jxButtonContent {
-  background-position: right -136px;
-}
-
-/* clicking button */
-#FileMenu a.jxButton:active,
-#FileMenu a.jxButtonActive:active {
-  background-position: left -68px;
-}
-
-#FileMenu a.jxButton:active span.jxButtonContent,
-#FileMenu a.jxButtonActive:active span.jxButtonContent {
-  background-position: right -68px;
-}
-
-#FileMenu span.jxButtonLabel {
-  padding: 0 4px 0 4px;
-  background-image: none;
-}
-
-
-/********************************************************
-  Status Bar
-********************************************************/
-
-#StatusbarContainer {
-  background-image: url(images/statusBarBackground.png);
-  background-repeat: repeat-x;
-  background-color: #ffffff;
-  line-height: 21px;
-  font-size: 10px;
-  vertical-align: middle;
-  color: #000000;
-}
-
-#Statusbar .jxSplitBarHorizontal {
-    width: 3px;
-    border-left: 1px solid #000;
-    background-color: transparent;
-    cursor: 'col-resize';
-    margin-top: 4px;
-    height: 14px;
-}
-
-#Statusbar .spanCursorPosition,
-#Statusbar .spanViewSize,
-#Statusbar .spanSelectionInfo {
-  padding: 4px 10px;
-}
-
-.inputEditableScale {
-  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
-}
-
-#StatusOverviewMap {
-  position: absolute;
-  right: 139px;
-  padding-top: 2px;
-}
-
-#pbmg {
-  position: absolute;
-  right: 0px;
-  padding-top: 2px;
-}
-
-/********************************************************
-  Navigator
-********************************************************/
-
-#Navigator {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  z-index: 100;
-}
-
-/* Override dialog styles for Navigator dialog */
-
-#OverviewMap {
-    width: 100%;
-    height: 100%;
-}
-
-#Legend {
-    width: 100%;
-    height: 100%;
-}
-
-#SelectionPanel {
-    width: 100%;
-    height: 100%;
-}
-
-#TaskPane {
-    width: 100%;
-    height: 100%;
-}
-
-/********************************************************
-  Side Bar Panels
-********************************************************/
-
-#Sidebar {
-  visibility: hidden;
-  display: none;
-}
-
-#SidebarContent {
-  position: absolute;
-  width: 210px;
-  top: 0px;
-  bottom: 0px;
-  left: 0px;
-  right: 8px;
-}
-
-#SidebarCollapse {
-  position: absolute;
-  width: 8px;
-  top: 0px;
-  bottom: 0px;
-  left: 210px;
-  right: 0px;
-}
-
-#SidebarCollapseContent {
-  position: absolute;
-  top: 2px;
-  bottom: 2px;
-  left: 0px;
-  right: 0px;
-  width: 8px;
-  background: url(images/sidebarCollapseBackground.png) repeat-y #000;
-}
-
-#SidebarCollapseTop {
-  position: absolute;
-  height: 2px;
-  width: 8px;
-  top: 0px;
-  background: url(images/sidebarCollapseTop.png) no-repeat;
-}
-
-#SidebarCollapseBottom {
-  position: absolute;
-  height: 2px;
-  width: 8px;
-  bottom: 0px;
-  background: url(images/sidebarCollapseBottom.png) no-repeat;
-}
-
-#SidebarCollapseButton {
-  width: 8px;
-  top: 0px;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
-  position: absolute;
-}
-
-#SidebarCollapseButton a {
-  display: block;
-  width: 8px;
-  top: 0px;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
-  position: absolute;
-  height: 100%;
-  text-indent: -9999px;
-  font-size: 1%;
-  background: url(images/sidebarCollapseButton.png) center no-repeat;
-}
-
-#SidebarCollapseButton a:visited,
-#SidebarCollapseButton a:hover,
-#SidebarCollapseButton a:active {
-  text-decoration: none;
-  font-size: 1%;
-}
-
-.jxPanel {
-  background: url(images/jxPanelBackround.png) no-repeat #cccccc left top;
-  overflow: hidden;
-  position: relative;
-  width: 210px;
-  height: 100px;
-  margin: 0 0px 2px 0px;
-}
-
-.jxPanelContent {
-  background: url(images/jxPanelBottom.png) bottom left no-repeat;
-  position: absolute;
-  width: 210px;
-  height: 100px;
-}
-
-.jxPanelBar {
-  position: relative;
-  overflow: hidden;
-  height: 23px;
-  width: 210px;
-  background: url(images/jxPanelBarLeft.png) no-repeat left top;
-}
-
-.jxPanelTitle {
-  position: absolute;
-  overflow: hidden;
-  height: 23px;
-  width: 210px;
-  left: 2px;
-  background: url(images/jxPanelBarBackground.png) repeat-x left top;
-}
-
-.jxPanelLabel {
-  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
-  color: #ffffff;
-  display: block;
-  float: left;
-  padding: 3px 0px 2px 20px;
-}
-
-.jxPanelMaximize {
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  width: 10px;
-  height: 10px;
-}
-
-
-/********************************************************
-  Dialog Boxes
-********************************************************/
-
-#Tasks {
-  position: absolute;
-  left: 350px;
-  top: 100px;
-  width: 244px;
-  height: 302px;
-  z-index: 200;
-}
-
-.PalleteBase {
-  position: absolute;
-  left: 300px;
-  top: 200px;
-  width: 244px;
-  height: 302px;
-  z-index: 1000;
-}
-
-.PalleteTL {
-  position: absolute;
-  width: 8px;
-  height: 29px;
-  top: 0px;
-  left: 0px;
-  background: url(images/palleteTL.png) no-repeat;
-}
-
-.PalleteT {
-  position: absolute;
-  height: 29px;
-  top: 0px;
-  right: 8px;
-  left: 8px;
-  background: url(images/palleteT.png) repeat-x;
-}
-
-.PalleteTR {
-  position: absolute;
-  width: 8px;
-  height: 29px;
-  top: 0px;
-  right: 0px;
-  background: url(images/palleteTR.png) no-repeat;
-}
-
-.PalleteL {
-  position: absolute;
-  width: 8px;
-  top: 29px;
-  bottom: 9px;
-  left: 9;
-  background: url(images/palleteL.png) repeat-y;
-}
-
-.Pallete {
-  position: absolute;
-  top: 29px;
-  bottom: 9px;
-  right: 8px;
-  left: 8px;
-  background: url(images/palleteTile.png) #ffffff repeat-y;
-}
-
-.PalleteR {
-  position: absolute;
-  width: 8px;
-  top: 29px;
-  bottom: 9px;
-  right: 0px;
-  background: url(images/palleteR.png) repeat-y;
-}
-
-.PalleteBL {
-  position: absolute;
-  width: 8px;
-  height: 9px;
-  bottom: 0px;
-  left: 0px;
-  background: url(images/palleteBL.png) no-repeat;
-}
-
-.PalleteB {
-  position: absolute;
-  height: 9px;
-  bottom: 0px;
-  right: 8px;
-  left: 8px;
-  background: url(images/palleteB.png) repeat-x;
-}
-
-.PalleteBR {
-  position: absolute;
-  width: 8px;
-  height: 9px;
-  bottom: 0px;
-  right: 0px;
-  background: url(images/palleteBR.png) no-repeat;
-}
-
-.PalleteT span {
-  display: block;
-  color: #000000;
-  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
-  padding: 5px 10px;
-}
-
-.PalleteButtons {
-  position: absolute;
-  right: 0px;
-  top: 5px;
-}
-
-.PalleteButtons a {
-  padding: 0 3px;
-  border: 1px solid transparent;
-}
-
-.PalleteButtons a:hover {
-  border: 1px solid #666666;
-  background: #cfd0d1;
-}
-
-.jxTree a, .jxTreeRoot a {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-}
-/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* BUTTON STYLES */
-/* ============= */
-/* jxButtons consist of an A, containing a SPAN, which contains an image.
-   Buttons can use the sliding door technique with background images to horizontally
-   accomodate icons with labels. */
-
-div.jxButtonContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-
-  margin: 0px;
-  padding: 2px;
-  border: none;
-}
-
-/* normal button */
-
-a.jxButton {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-
-  /* Using background images, the A contains the left side of the background */
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  border: none;
-  background-image: url(images/button.png);
-  background-position: left -24px;
-  background-repeat: no-repeat;
-  text-decoration: none;
-}
-
-ul.jxToolbar a.jxButton {
-  background-position: left top;
-}
-
-span.jxButtonContent {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  /* Using background images, the SPAN contains the right side of the background */
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 4px 4px 4px 0px; /* makes room for the right of the button bg */
-  border: none;
-  background-image: url(images/button.png);
-  background-position: right -24px;
-  background-repeat: no-repeat;
-}
-
-ul.jxToolbar span.jxButtonContent {
-  background-position: right top;
-}
-
-/* hover button */
-ul.jxToolbar a.jxButton:hover,
-a.jxButton:hover {
-  background-position: left -96px;
-}
-
-a.jxButton:hover span.jxButtonContent {
-  background-position: right -96px;
-}
-
-/* active button */
-ul.jxToolbar a.jxButtonActive,
-a.jxButtonActive {
-  background-position: left -72px;
-}
-
-a.jxButtonActive span.jxButtonContent {
-  background-position: right -72px;
-}
-
-/* hover active button */
-ul.jxToolbar a.jxButton:hover,
-a.jxButtonActive:hover {
-  background-position: left -96px;
-}
-
-a.jxButtonActive:hover span.jxButtonContent {
-  background-position: right -96px;
-}
-
-/* clicking button */
-ul.jxToolbar a.jxButton:active,
-ul.jxToolbar a.jxButtonActive:active,
-a.jxButton:active,
-a.jxButtonActive:active {
-  background-position: left -48px;
-}
-
-a.jxButton:active span.jxButtonContent,
-a.jxButtonActive:active span.jxButtonContent {
-  background-position: right -48px;
-}
-
-/* disabled buttons */
-
-ul.jxToolbar .jxDisabled a.jxButton,
-.jxDisabled a.jxButton {
- cursor: default;
-}
-
-/* hover and active disabled button */
-ul.jxToolbar .jxDisabled a.jxButton:hover,
-ul.jxToolbar .jxDisabled a.jxButton:active {
-  background-position: left top;
-}
-
-.jxDisabled a.jxButton:hover,
-.jxDisabled a.jxButton:active {
-  background-position: left -24px;
-}
-
-ul.jxToolbar .jxDisabled a.jxButton:hover span.jxButtonContent,
-ul.jxToolbar .jxDisabled a.jxButton:active span.jxButtonContent {
-  background-position: right top;
-}
-
-.jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxDisabled a.jxButton:active span.jxButtonContent {
-  background-position: right -24px;
-}
-
-img.jxButtonIcon {
-  /* Base setup */
-  position: relative;
-  float: left;
-
-  width: 16px;
-  height: 16px;
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-
-span.jxButtonContent span {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  cursor: pointer;
-
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  line-height: 16px;
-  height: 16px;
-  white-space: nowrap;
-}
-
-span.jxButtonContent span.jxButtonLabel {
-  margin: 0px;
-  padding: 0 4px 0 4px;
-  color: #000;
-  font-size: 11px;
-}
-
-/* ========================== */
-/* JX BUTTON EXTENSION STYLES */
-/* ========================== */
-
-a.jxButtonMenu span.jxButtonContent,
-a.jxButtonMulti span.jxButtonContent,
-a.jxButtonFlyout span.jxButtonContent,
-a.jxButtonCombo span.jxButtonContent,
-a.jxButtonEditCombo span.jxButtonContent {
-  padding-right: 0px;
-}
-
-a.jxButtonMenu span.jxButtonContent span,
-a.jxButtonFlyout span.jxButtonContent span,
-a.jxButtonMulti span.jxButtonContent span,
-a.jxButtonCombo span.jxButtonContent span,
-a.jxButtonEditCombo span.jxButtonContent span {
-  padding-right: 16px;
-  background-image: url(images/emblems.png);
-  background-position: right -16px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose {
-  position: absolute;
-  display: block;
-  padding: 4px 0px;
-  font-size: 0px;
-  line-height: 0px;
-  right: 2px;
-  top: 2px;
-  background-image: url(images/button_multi_disclose.png);
-  background-position: right 0px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose img {
-  width: 16px;
-  height: 16px;
-  margin: 0px;
-  padding: 0px;
-  border: 0px;
-  background-image: url(images/emblems.png);
-  background-position: right -16px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose:hover {
-  background-position: right -96px;
-}
-
-a.jxButtonDisclose:active {
-  background-position: right -48px;
-}
-
-/* note, jxButtonHover is set by Multi button JS */
-ul.jxToolbar a.jxButtonHover {
-  background-position: left -24px;
-}
-
-ul.jxToolbar a.jxButtonHover span.jxButtonContent {
-  background-position: right -24px;
-}
-
-
-/* Jx Flyout Styles */
-
-.jxFlyout .jxChrome {
-  background-image: url(images/flyout_chrome.png);
-  padding: 5px 5px 7px 6px;
-}
-
-.jxFlyout .jxChrome img {
-  width: 500px;
-  height: 500px;
-}
-
-.jxFlyout {
-  /* Base setup */
-  position: absolute;
-  display: block;
-  z-index: 100;
-
-  margin: 0px;
-  padding: 0px;
-}
-
-.jxFlyoutContent {
-  position: relative;
-  display: block;
-  overflow: auto;
-  margin: 6px 6px 8px 7px;
-  background-color: #fff;
-  border: 1px solid #999;
-}
-
-/* Jx Combo and Multi Button Styles */
-
-a.jxButtonMulti,
-a.jxButtonMulti span.jxButtonContent {
-  background-image: url(images/button_multi.png);
-}
-
-a.jxButtonEditCombo,
-a.jxButtonEditCombo span.jxButtonContent {
-  background-image: url(images/button_combo.png);
-}
-
-a.jxButtonEditCombo span.jxButtonContent {
-/* put 2px padding on the top of the input to center the text and
-   remove it from this span
- */
-}
-
-a.jxButtonMulti span.jxButtonContent span {
-  padding-right: 21px;
-}
-
-a.jxButtonEditCombo span.jxButtonContent span {
-  font-size: 0px;
-}
-
-a.jxButtonComboDefault span.jxButtonContent span,
-a.jxButtonComboDefault input {
-  font-style: italic;
-  color: #999;
-}
-
-a.jxButtonEditCombo input {
-  float: left;
-  line-height: 16px;
-  height: 16px;
-  padding: 0px 4px;
-  margin: 0px;
-  border: none;
-  font-size: 11px;
-  font-family: Arial, Helvetica, sans-serif;
-  background-color: transparent;
-}/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* CHROME STYLES */
-/* ============= */
-/* Chrome uses four absolutely positioned DIVs containing an image for each of
-   four quadrants.  The chrome image is used as a sprite map. */
-
-.jxChrome {
-  /* Base setup */
-  position:absolute;
-  display: block;
-  font-size: 0px;
-  line-height: 0px;
-  z-index: -1;
-  width: 100%;
-  height: 100%;
-  top: 0px;
-  left: 0px;
-}
-
-.jxChromeDrag {
-  opacity: 0.5;
-  -ms-filter: "Alpha(opacity=50)";
-}
-
-.jxChromeTL {
-  position: absolute;
-  overflow: hidden;
-  left: 0%;
-  top: 0%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeTR {
-  position: absolute;
-  overflow: hidden;
-  left: 50%;
-  top: 0%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeBL {
-  position: absolute;
-  overflow: hidden;
-  left: 0%;
-  top: 50%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeBR {
-  position: absolute;
-  overflow: hidden;
-  left: 50%;
-  top: 50%;
-  width: 50%;
-  height: 50%;
-}
-
-
-.jxChromeTL img {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeTR img {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeBL img {
-  position: absolute;
-  bottom: 0px;
-  left: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeBR img {
-  position: absolute;
-  bottom: 0px;
-  right: 0px;
-  width: 500px;
-  height:500px;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: color.css 711 2008-08-13 20:38:33Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =================== */
-/* COLOR PICKER STYLES */
-/* =================== */
-
-/*.jxColorPicker {
-    position: absolute;
-    display: none;
-    top: 100%;
-    width: 212px;
-    left: 0px;
-    border: 1px solid #000;
-    padding: 2px;
-    background-color: #eee;
-}*/
-
-.jxColorBar {
-    position: relative;
-    overflow: hidden;
-}
-
-table.jxColorGrid {
-    position: relative;
-    border-collapse: collapse;
-    empty-cells: show;
-    clear:both;
-}
-
-.jxColorGrid td {
-    border: 1px solid #000;
-}
-
-.jxColorGrid td.emptyCell {
-    border: 0px solid #000;
-}
-
-.jxColorGrid td.emptyCell span {
-    display: block;
-    width: 7px;
-    height: 7px;
-    line-height: 0px;
-    font-size: 0px;
-    border: 0px solid #000;
-    padding: 1px;
-    margin: 0px;
-}
-
-.jxColorGrid a.colorSwatch {
-    display: block;
-    width: 7px;
-    height: 7px;
-    line-height: 0px;
-    font-size: 0px;
-    border: 0px solid #000;
-    margin: 0px;
-    padding: 1px;
-}
-
-.jxColorGrid a.borderWhite:hover {
-    border: 1px solid #fff;
-    padding: 0px;
-}
-
-.jxColorGrid a.borderBlack:hover {
-    border: 1px solid #000;
-    padding: 0px;
-}
-
-input.jxHexInput {
-    width: 55px;
-    vertical-align: middle;
-}
-
-input.jxAlphaInput {
-    width: 30px;
-    vertical-align: middle;
-}
-
-div.jxColorPreview {
-    float: left;
-    position: relative;
-    width: 20px;
-    height: 20px;
-    border: 1px solid #000;
-    margin: 2px;
-    vertical-align: middle;
-    background-image: url('images/grid.png');
-    overflow: hidden;
-}
-
-a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch {
-    display: block;
-    float: left;
-    width: 14px;
-    height: 14px;
-    border: 1px solid #000;
-    background-image: url('images/grid.png');
-    background-position: 0px 0px;
-    background-repeat: repeat;
-    padding-right: 0px !important;
-}
-
-a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch span {
-    display: block;
-    width: 14px;
-    height: 14px;
-    position: absolute;
-    padding-right: 0px;
-    background: none;
-}
-
-div.jxColorPreview img {
-    position: absolute;
-    z-index: 0;
-}
-
-div.jxColorPreview div {
-    width: 20px;
-    height: 10px;
-    position: absolute;
-    display: block;
-    left: 0px;
-    z-index: 1;
-    font-size: 10px;
-    line-height: 0px;
-}
-
-div.jxColorPreview div.jxColorSelected {
-    top: 0px;
-}
-
-div.jxColorPreview div.jxColorHover {
-    bottom: 0px;
-}
-
-label.jxColorLabel,
-label.jxAlphaLabel {
-    width: auto;
-    font-family: Arial, sans-serif;
-    font-size: 11px;
-    line-height: 24px;
-    padding: 2px;
-    vertical-align: middle;
-}
-
-a.jxColorClose {
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    width: 16px;
-    height: 16px;
-}
-
-a.jxColorClose img {
-    width: 16px;
-    height: 16px;
-}/**
- * @project         Jx
- * @revision        $Id: $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* COMMON STYLES */
-/* ============= */
-
-a{outline:none;}
-.jxClearer{display:block;position:relative;float:none;clear:both;font-size:0;line-height:0;width:0;height:0;margin:0;padding:0;}
-.jxDisabled{opacity:0.4;-ms-filter:"Alpha(opacity=40)";}
-.jxDisabled *{-ms-filter:"Alpha(opacity=40)";}
-iframe.jxIframeShim{position:absolute;top:0px;left:0px;width:100%;height:100%;-ms-filter:"Alpha(opacity:0)";opacity:0;z-index:-1;}/**
- * @project         Jx
- * @revision        $Id: dialog.css 1035 2008-09-22 17:05:20Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* DIALOG STYLES */
-/* ============= */
-
-.jxDialog .jxChrome {
-  background-image: url(images/dialog_chrome.png);
-}
-
-.jxDialog .jxChrome img {
-  width: 500px;
-  height: 500px;
-}
-
-.jxDialog {
-  /* Base setup */
-  display: block;
-  z-index: 1;
-}
-
-.jxDialogContentContainer {
-  z-index: 1;
-  margin: 0px 18px 19px 27px;
-  border: none;
-  background-color: #f0f0f0;
-}
-
-.jxDialogModal {
-  /* Base setup */
-  position: absolute;
-  display: block;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  height: 100%;
-
-  background-color: #000;
-  opacity: .2;
-  -ms-filter: "Alpha(opacity=20)";
-}
-
-.jxDialogContent {
-  /* Base setup */
-  display: block;
-  position:relative;
-  overflow: auto;
-
-  padding: 0px;
-  z-index: 1;
-}
-
-.jxDialogTitle {
-   /* Base setup */
-  display: block;
-  position: relative;
-
-  /* this makes the dialog draggable by the title bar in IE
-   * Without it, only the label is draggable
-   */
-  background-image: url(images/a_pixel.png);
-
-  text-align: center;
-  height: 29px;
-  z-index: 1;
-
-  margin: 10px 10px 0px 10px;
-}
-
-.jxDialogMin .jxDialogTitle {
-  margin-bottom: 8px;
-}
-
-.jxDialogMoveable {
-  cursor: move;
-}
-
-.jxDialogIcon {
-  position: absolute;
-  left: 10px;
-  top: 6px;
-  width: 16px;
-  height: 16px;
-  border: none;
-  padding: 0px;
-  margin: 0px;
-}
-
-.jxDialogLabel {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  font-weight: bold;
-  /* line-height vertically aligns the label in the containing div. */
-  line-height: 29px;
-  color: #000;
-  white-space: nowrap;
-}
-
-.jxDialogResize {
-  /* Base setup */
-  position: absolute;
-
-  bottom: 7px;
-  right: 6px;
-  width: 16px;
-  height: 16px;
-  z-index: 2;
-  border: 0px;
-  cursor: se-resize;
-  background-image: url(images/dialog_resize.png);
-}
-
-.jxDialogControls {
-  position: absolute;
-  top: 6px;
-  right: 6px;
-  height: 16px;
-  width: 80px;
-}
-
-.jxDialogControls img {
-  background-image: url('images/dialog_controls.png');
-  background-repeat: no-repeat;
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-}
-
-.jxDialogClose img {
-  background-position: 0px -32px;
-}
-
-.jxDialogMenu img {
-  background-position: 0px -48px;
-}
-
-.jxDialogHelp img {
-  background-position: 0px -64px;
-}
-
-.jxDialogCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxDialogMin .jxDialogCollapse img {
-  background-position: 0px 0px;
-}
-
-.jxDialogMax .jxDialogCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxDialogLoading img {
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-  visibility:hidden;
-  position: absolute;
-  top: 1px;
-  left: 2px;
-}
-
-
-/* ========================= */
-/* JX BUTTON STYLES OVERIDES */
-/* ========================= */
-
-.jxDialogControls .jxButtonContainer,
-.jxDialogControls span.jxButtonContent,
-.jxDialogControls a.jxButton:hover span.jxButtonContent,
-.jxDialogControls a.jxButton:active span.jxButtonContent,
-.jxDialogControls a.jxButtonActive span.jxButtonContent,
-.jxDialogControls a.jxButtonActive:hover span.jxButtonContent,
-.jxDialogControls a.jxButtonActive:active span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton:active span.jxButtonContent,
-.jxDialogControls a.jxButton,
-.jxDialogControls a.jxButton:hover,
-.jxDialogControls a.jxButton:active ,
-.jxDialogControls a.jxButtonActive,
-.jxDialogControls a.jxButtonActive:hover,
-.jxDialogControls a.jxButtonActive:active,
-.jxDialogControls .jxDisabled a.jxButton,
-.jxDialogControls .jxDisabled a.jxButton:hover,
-.jxDialogControls .jxDisabled a.jxButton:active {
-  padding: 0px;
-  margin: 0px;
-  border: none;
-  background-color: transparent;
-  background-image: none;
-}
-
-
-.jxDialogControls a.jxButtonMenu span.jxButtonContent,
-.jxDialogControls a.jxButtonFlyout span.jxButtonContent {
-  background-image: none;
-}
-
-.jxDialogControls a.jxButtonMenu span.jxButtonContent span,
-.jxDialogControls a.jxButtonFlyout span.jxButtonContent span {
-  padding-right: 0px;
-}
-
-/* ========================== */
-/* JX TOOLBAR STYLES OVERIDES */
-/* ========================== */
-
-/* Multiple toolbars can be housed in  the toolbar container the container will expand vertically to accomodate wrapped toolbars */
-
-.jxDialogControls .jxBarContainer {
-  /* Base setup */
-  position: absolute;
-  right: 0px;
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  height: 16px;
-}
-
-.jxDialogControls .jxBarScroller {
-  left: auto;
-  right: 0px;
-}
-
-.jxDialogControls ul.jxToolbar {
-  float: right;
-}
-
-.jxDialogControls ul.jxToolbar,
-.jxDialogControls li.jxToolItem {
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-}/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* GRID STYLES */
-/* ============= */
-
-.jxGridContainer {
-    position: absolute;
-    top: 0;
-    left: 0;
-    border-left: 0px solid #d8d8d8;
-    border-top: 0px solid #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    overflow: hidden;
-}
-
-.jxGridTable {
-    position: relative;
-    table-layout: fixed;
-    border-collapse: collapse;
-    border-style: none;
-    width: 0px;
-    cursor: default;
-    font-family: Arial, Verdana, sans-serif;
-    font-size: 11px;
-    font-weight: normal;
-}
-
-.jxGridColHeadHide {
-    height: 0px;
-    line-height: 0px;
-    font-size: 0px;
-    background-color: #fff;
-    white-space: normal;
-}
-
-.jxGridColHeadHide p, .jxGridRowHeadHide p {
-    font-size: 0px;
-    line-height: 0px;
-    height: 0px;
-    margin: 0px;
-    padding: 0px;
-}
-
-.jxGridRowHeadHide {
-    width: 0px;
-    white-space: normal;
-}
-
-.jxGridCell {
-    border-top: 0px solid #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid #d8d8d8;
-    overflow: hidden;
-    padding-left: 3px;
-    padding-right: 3px;
-    overflow: hidden;
-    /* can change this to normal */
-    white-space: nowrap;
-    cursor: cell;
-    /* only applies in IE and Safari right now */
-    text-overflow: ellipsis;
-}
-
-/* Nornal Styles */
-
-.jxGridColHead {
-    border-top: 0px solid  #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid  #d8d8d8;
-    background-color: #f2f2f2;
-    background-image: url('images/table_col.png');
-    background-position: 0px 0px;
-    background-repeat: repeat-x;
-
-    text-align: center;
-    font-weight: bold;
-    color: #333;
-    cursor: default;
-}
-
-.jxGridRowHead {
-    border-top: 0px solid  #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid  #d8d8d8;
-    background-color:  #f2f2f2;
-    background-image: url('images/table_row.png');
-    background-position: 0px 0px;
-    background-repeat: repeat-y;
-
-    text-align: center;
-    font-weight: bold;
-    color: #333;
-    cursor: default;
-}
-
-/* Alternating Row Styles */
-
-.jxGridRowAll {
-    background-color: #fff;
-}
-
-.jxGridRowOdd {}
-.jxGridRowEven {}
-.jxGridRowOdd td {}
-.jxGridRowEven td {}
-
-/* Selected Styles */
-
-.jxGridColumnHeaderSelected {
-    background-color: #e1e1e1;
-    background-position: 0px -200px;
-}
-
-.jxGridRowHeaderSelected {
-    background-color: #e1e1e1;
-    background-position: -400px 0px;
-}
-
-.jxGridColumnSelected {
-    background-color: #f7f7f7;
-}
-
-.jxGridRowSelected td {
-    background-color: #f7f7f7;
-}
-
-td.jxGridCellSelected {
-    background-color: #ebebeb;
-}
-
-/* Prelight Styles */
-
-.jxGridColumnHeaderPrelight {
-    background-color: #cee5ff;
-    background-position: 0px -300px;
-}
-
-.jxGridRowHeaderPrelight {
-    background-color: #cee5ff;
-    background-position: -600px 0px;
-}
-
-.jxGridColumnPrelight {
-    background-color: #e5f1ff;
-}
-
-.jxGridRowPrelight td {
-    background-color: #e5f1ff;
-}
-
-td.jxGridCellPrelight {
-  background-color: #cce3ff;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: menu.css 1143 2008-09-24 19:59:44Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============== */
-/* JX MENU STYLES */
-/* ============== */
-
-.jxMenuContainer .jxChrome {
-  /* the background image gets used by Jx.Chrome to create a stretchable chrome */
-  background-image: url(images/flyout_chrome.png);
-  /* the padding reflects the amount of space to leave around the content area
-   * for the chrome, typically to leave space for a shadow
-   */
-  padding: 5px 5px 7px 6px;
-}
-
-a.jxButtonMenu span.jxMenuItemSpan {
-  padding-right: 16px;
-}
-
-/* Jx Menus and Sub-menus are all built out of nested ULs
-   For this to work visually, the margins and padding need to be flattened
-   out, and the list marker needs to be hidden
-*/
-
-.jxMenuContainer {
-  position: absolute;
-  display: block;
-  z-index: 200;
-  padding: 0px;
-}
-
-ul.jxMenu,
-ul.jxSubMenu {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  list-style-type: none;
-
-  margin: 6px 6px 8px 7px;
-  background-color: #fff;
-  border: 1px solid #999;
-}
-
-li.jxMenuItemContainer {
-  /* This is needed for IE to make sure submenus don't open space in the parent menu */
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  margin: 0px;
-  padding: 0px;
-}
-
-a.jxMenuItem {
-  /* Base setup */
-  display: block;
-  position: relative;
-  text-decoration: none;
-
-  border: 1px solid #fff;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  text-decoration: none;
-  margin: 2px 2px;
-  padding: 0px;
-  color: #000;
-}
-
-a.jxMenuItem:hover {
-  border: 1px solid #C5E0FF;
-  background-image: url(images/menu_hover.png);
-  background-color: #CDE5FF;
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-}
-
-a.jxMenuItem:hover span.jxMenuItemContent {
-  border: 1px solid #F4F9FF;  /* forces IE to render properly */
-  border-bottom: 1px solid #E4F0FF;
-}
-
-span.jxMenuItemContent {
-  /* If using background images, the SPAN contains the right side of the background */
-  /* use padding to make space between the icon and button edge */
-  /* padding-left: 0px;*/ /* butts up to the left of the button bg image */
-  /* Base setup */
-  display: block;
-  position: relative;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 0px;
-  line-height: 0px;
-  white-space: nowrap;
-  padding: 0px 20px 0px 0px; /* space for the arrow */
-  margin: 0px;
-  border: 1px solid #fff; /* forces IE to render properly */
-}
-
-a.jxButtonSubMenu span.jxMenuItemContent,
-a.jxButtonSubMenu:hover span.jxMenuItemContent {
-  background-image: url(images/emblems.png);
-  background-position: right -32px;
-  background-repeat: no-repeat;
-}
-
-img.jxMenuItemIcon {
-  /* Base setup */
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  display: inline;
-
-  width: 16px;
-  height: 16px;
-  background-position: left center;
-  background-repeat: no-repeat;
-}
-
-span.jxMenuItemContent span {
-  /* Base setup for empty labels */
-  display: block;
-  position: relative;
-  cursor: pointer;
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 0px 0px 0px 20px; /* space for the icon */
-  font-size: 16px; /* keeps empty labels open */
-  line-height: 16px;
-}
-
-span.jxMenuItemContent span.jxMenuItemLabel {
-  /* Base setup, overrides empty labels */
-
-  color: #000;
-  font-size: 11px;
-}
-
-.jxMenuItemToggle img.jxMenuItemIcon,
-.jxMenuItemSet img.jxMenuItemIcon {
-  background-image: url(images/emblems.png);
-  background-position: 2px 0px;
-  background-repeat: no-repeat;
-}
-
-.jxMenuItemToggle a.jxMenuItemActive img.jxMenuItemIcon {
-  background-position: 2px -48px;
-}
-
-.jxMenuItemSet a.jxMenuItemActive img.jxMenuItemIcon {
-  background-position: 2px -64px;
-}
-
-a.jxMenuItemActive img.jxMenuItemIcon {
-  top: -2px;
-  left: -2px;
-  border: 2px solid #C5E0FF;
-}
-
-a.jxMenuItemActive span.jxMenuItemContent {
-  background-image: url(images/menu_icon_active.png);
-  background-position: 0px 0px;
-  background-repeat: no-repeat;
-}
-
-.jxDisabled a.jxMenuItem {
-  cursor: default;
-}
-
-.jxDisabled a.jxMenuItem:hover {
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #fff;
-}
-
-ul.jxMenu span.jxMenuSeparator,
-ul.jxSubMenu span.jxMenuSeparator {
-  /* Base setup */
-    display: block;
-
-  font-size: 10px;
-  line-height: 10px;
-  background-image: url(images/toolbar_separator_v.png);
-  background-repeat: repeat-x;
-  background-position: left center;
-}/**
- * @project         Jx
- * @revision        $Id: panel.css 1079 2008-09-23 17:54:08Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =============== */
-/* JX PANEL STYLES */
-/* =============== */
-
-.jxPanel {
-  /* Base setup */
-  display: block;
-  position:relative;
-}
-
-.jxPanelContentContainer {
-  /* Base setup */
-  /* need to test various scenarios to see if this is limiting */
-  overflow: hidden;
-  /*margin: 5px;*/
-  background-color: #f0f0f0;
-}
-
-/* the content panel inside a panel */
-.jxPanelContent {
-  /* Base setup */
-  /* position relative is required for panels to work correctly in safari */
-  position: relative;
-  display: block;
-  overflow: auto;
-
-  /*border: 1px solid #d8d8d8;*/
-  background-color: #fff;
-  margin: 0px;
-  padding: 0px;
-}
-
-.jxPanelTitle {
-  /* Base setup */
-  /* position relative is required for panel dragging to work correctly in safari */
-  display: block;
-  position: relative;
-
-  background-image: url(images/panelbar.png);
-  background-repeat: repeat-x;
-  background-position: left top;
-  /* note this is hard coded into jx.js JxPanel initialize function - change there as well as here */
-  height: 22px;
-  margin: 0;
-  padding: 0;
-
-  text-align: center;
-}
-
-/* JX PANELSET STYLE FOR TITLE BAR */
-.jxPanelBar {
-  position: absolute;
-  line-height: 1px;
-  width: 100%;
-  height: 5px;
-  cursor: row-resize;
-  /*background-image: url(images/a_pixel.png);*/
-  background-color: #f0f0f0;
-  z-index: 1;
-}
-
-.jxPanelIcon {
-  position: absolute;
-  left: 2px;
-  top: 3px;
-  width: 16px;
-  height: 16px;
-  border: none;
-  padding: 0px;
-  margin: 0px;
-}
-
-.jxPanelLabel {
-  /* make room for the loading spinner */
-  padding-left: 25px;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  font-weight: bold;
-  /* line-height vertically aligns the label in the containing div. */
-  line-height:21px;
-  color: #000;
-  white-space: nowrap;
-}
-
-.jxPanelControls {
-  position: absolute;
-  top: 3px;
-  right: 2px;
-  height: 16px;
-  width: 80px;
-  overflow: hidden;
-}
-
-.jxPanelControls img {
-  background-image: url('images/panel_controls.png');
-  background-repeat: no-repeat;
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-}
-
-.jxPanelClose img {
-  background-position: 0px -32px;
-}
-
-.jxPanelMenu img {
-  background-position: 0px -48px;
-}
-
-.jxPanelHelp img {
-  background-position: 0px -64px;
-}
-
-.jxPanelCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxPanelMin .jxPanelCollapse img {
-  background-position: 0px 0px;
-}
-
-.jxPanelMax .jxPanelCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxPanelMaximize img {
-  background-position: 0px 0px;
-}
-
-.jxPanelLoading img {
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-  visibility:hidden;
-  position: absolute;
-  top: 1px;
-  left: 2px;
-}
-
-
-
-/* ========================= */
-/* JX BUTTON STYLES OVERIDES */
-/* ========================= */
-
-.jxPanelControls .jxButtonContainer,
-.jxPanelControls span.jxButtonContent,
-.jxPanelControls a.jxButton:hover span.jxButtonContent,
-.jxPanelControls a.jxButton:active span.jxButtonContent,
-.jxPanelControls a.jxButtonActive span.jxButtonContent,
-.jxPanelControls a.jxButtonActive:hover span.jxButtonContent,
-.jxPanelControls a.jxButtonActive:active span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton:active span.jxButtonContent,
-.jxPanelControls a.jxButton,
-.jxPanelControls a.jxButton:hover,
-.jxPanelControls a.jxButton:active ,
-.jxPanelControls a.jxButtonActive,
-.jxPanelControls a.jxButtonActive:hover,
-.jxPanelControls a.jxButtonActive:active,
-.jxPanelControls .jxDisabled a.jxButton,
-.jxPanelControls .jxDisabled a.jxButton:hover,
-.jxPanelControls .jxDisabled a.jxButton:active {
-  padding: 0px;
-  margin: 0px;
-  border: none;
-  background-color: transparent;
-  background-image: none;
-}
-
-.jxPanelControls a.jxButtonMenu span.jxButtonContent,
-.jxPanelControls a.jxButtonFlyout span.jxButtonContent {
-  background-image: none;
-}
-
-.jxPanelControls a.jxButtonMenu span.jxButtonContent span,
-.jxPanelControls a.jxButtonFlyout span.jxButtonContent span {
-  padding-right: 0px;
-}
-
-/* ========================== */
-/* JX TOOLBAR STYLES OVERIDES */
-/* ========================== */
-
-/* Multiple toolbars can be housed in  the toolbar container the container will expand vertically to accomodate wrapped toolbars */
-
-.jxPanelControls div.jxBarTop {
-  /* Base setup */
-  position: absolute;
-  right: 0px;
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  height: 16px;
-}
-
-.jxPanelControls .jxBarScroller {
-  left: auto;
-  right: 0px;
-}
-
-.jxPanelControls ul.jxToolbar {
-  float: right;
-}
-
-.jxPanelControls ul.jxToolbar,
-.jxPanelControls li.jxToolItem {
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-}/**
- * @project         Jx
- * @revision        $Id: splitter.css 1130 2008-09-24 19:12:35Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =============== */
-/* SPLITTER STYLES */
-/* =============== */
-
-.jxSplitBarHorizontal {
-  display: block;
-  position: absolute;
-  font-size: 0px;
-  line-height: 0px;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  width: 5px;
-  height: 100%;
-  cursor: col-resize;
-  /*background-image: url(images/a_pixel.png);*/
-  background-color: #f0f0f0;
-  z-index: 1;
-}
-
-.jxSplitBarVertical {
-  display: block;
-  position: absolute;
-  font-size: 0px;
-  line-height: 0px;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  width: 100%;
-  height: 5px;
-  cursor: row-resize;
-  /*background-image: url(images/a_pixel.png);*/
-  background-color: #f0f0f0;
-  z-index: 1;
-}
-
-.jxSplitContainer {
-  display: block;
-  position: relative;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  overflow: hidden;
-}
-
-.jxSplitArea {
-  display: block;
-  position: absolute;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  overflow: hidden;
-  z-index: 0;
-}
-
-.jxSplitterMask { 
-  position: absolute; 
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-image: url(images/a_pixel.png);
-  z-index: 1; 
-}
-
-.jxSplitBarDrag {
-  background-color: #eee;
-}
-
-.jxSnapHorizontalBefore {
-  width: 5px;
-  height: 5px;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  background-color: #aaa;
-}
-
-.jxSnapHorizontalAfter {
-  width: 5px;
-  height: 5px;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  background-color: #aaa;
-}/**
- * @project         Jx
- * @revision        $Id: tab.css 1129 2008-09-24 19:01:34Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ================== */
-/* TAB CONTENT STYLES */
-/* ================== */
-
-/* The tabBox consists of a box containing a tabbar and the tab content areas.
-   It can be used within the body or nested within another object.
-*/
-
-.jxTabSetContainer {
-  /* This is an example of a container that can be used to hold a tabBox
-     the position need to be explicitly set, as well as the width and height. */
-  /* Base setup */
-  position: relative;
-  display: block;
-  overflow: hidden;
-
-  width: 200px;
-  height: 200px;
-  margin: 0px;
-  padding: 0px;
-  background-color: #fff;
-}
-
-.jxTabSetContainer  .jxToolbarContainer {
-  /* Base setup */
-  z-index: auto;
-}
-
-.tabContent {
-  /* the width and height need to be set to 100% to:
-     1. fill the tab box area
-     2. allow a scrolling content area in IE */
-  /* Base setup */
-  display: none;
-  position: relative;
-  width:100%;
-  height: 100%;
-  overflow: auto;
-}
-
-.tabContentActive {
-  /* Base setup */
-  display: block;
-}
-
-/* ======================== */
-/* BASE TAB (BUTTON) STYLES */
-/* ======================== */
-
-div.jxTabContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  margin: 0px;
-  padding: 2px;
-  border: none;
-}
-
-a.jxTabClose {
-  /* Base setup */
-  display: block;
-  position: absolute;
-  cursor: pointer;
-}
-
-a.jxTabClose img {
-  width: 16px;
-  height: 16px;
-  background-image: url(images/tab_close.png);
-}
-
-a.jxTab {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  /* Using background images, the A contains the left side of the background */
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  background-repeat: no-repeat;
-  text-decoration: none;
-  color: #000;
-}
-
-.jxDisabled a.jxButton {
- cursor: default;
-}
-
-a.jxTab:hover,
-a.jxTab:active,
-a.jxTabActive,
-a.jxTabActive:hover,
-a.jxTabActive:active,
-.jxDisabled a.jxButton:hover,
-.jxDisabled a.jxButton:active {
-  border: none;
-}
-
-span.jxTabContent {
-  /* Base setup */
-  display: block;
-  font-size: 0px;
-  line-height: 0px;
-
-  /* The SPAN contains the other side of the tab background image
-     and the tab label */
-  margin: 0px;
-  padding: 0px;
-  background-repeat: no-repeat;
-}
-
-img.jxTabIcon {
-  /* Base setup */
-  position: relative;
-
-  width: 16px;
-  height: 16px;
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-
-span.jxTabLabel {
-  /* Base setup */
-  display: block;
-  position: relative;
-  cursor: pointer;
-
-  margin: 0px;
-  padding: 0px;
-  color: #000;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  line-height: 16px;
-}
-
-.jxTabBox {
-}
-
-/* ======================================= */
-/* HORIZONTALTAB BAR - TOP and BOTTOM TABS */
-/* ======================================= */
-
-.jxBarTop div.jxTabContainer,
-.jxBarBottom div.jxTabContainer {
-  /* Base setup */
-  float: left;
-}
-
-.jxBarTop a.jxTab,
-.jxBarTop span.jxTabContent {
-  background-image: url(images/tab_top.png);
-}
-
-.jxBarBottom a.jxTab,
-.jxBarBottom span.jxTabContent {
-  background-image: url(images/tab_bottom.png);
-}
-
-/* Closeable Tab */
-
-.jxBarTop a.jxTabClose,
-.jxBarBottom a.jxTabClose {
-  top: 3px;
-  right: 3px;
-}
-
-.jxBarTop .jxTabClose span.jxTabContent,
-.jxBarBottom .jxTabClose span.jxTabContent {
-  padding-right: 16px;
-}
-
-/* Normal Tab */
-
-.jxBarTop a.jxTab,
-.jxBarBottom a.jxTab {
-  /* Base setup */
-  float: left;
-
-  padding-left: 4px; /* makes room for the left of the tab bg */
-  background-position: left -24px;
-}
-
-.jxBarTop span.jxTabContent,
-.jxBarBottom span.jxTabContent {
-  /* Base setup */
-  float: left;
-
-  padding: 4px 4px 4px 0px; /* makes space around the label */
-  background-position: right -24px;
-}
-
-
-/* Hover Tab */
-
-.jxBarTop a.jxTab:hover,
-.jxBarBottom a.jxTab:hover {
-  background-position: left -96px;
-}
-
-.jxBarTop a.jxTab:hover span.jxTabContent,
-.jxBarBottom a.jxTab:hover span.jxTabContent {
-  background-position: right -96px;
-}
-
-/* Click Tab */
-
-.jxBarTop a.jxTab:active,
-.jxBarBottom a.jxTab:active {
-  background-position: left -48px;
-}
-
-.jxBarTop a.jxTab:active span.jxTabContent,
-.jxBarBottom a.jxTab:active span.jxTabContent {
-  background-position: right -48px;
-}
-
-/* Active Tab */
-
-.jxBarTop a.jxTabActive,
-.jxBarBottom a.jxTabActive {
-  background-position: left -72px; /* switch to the active left BG */
-}
-
-.jxBarTop a.jxTabActive span.jxTabContent,
-.jxBarBottom a.jxTabActive span.jxTabContent {
-  background-position: right -72px; /* switch to the active right BG  */
-}
-
-/* Disabled Tab */
-
-.jxBarTop .jxDisabled a.jxTab:hover,
-.jxBarTop .jxDisabled a.jxTab:active,
-.jxBarBottom .jxDisabled a.jxTab:hover,
-.jxBarBottom .jxDisabled a.jxTab:active {
-  background-position: left -24px; /* do not switch the left BG */
-}
-
-
-.jxBarTop .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarTop .jxDisabled a.jxTab:active span.jxTabContent,
-.jxBarBottom .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarBottom .jxDisabled a.jxTab:active span.jxTabContent {
-  background-position: right -24px; /* do not switch the right BG */
-}
-
-
-.jxBarTop img.jxTabIcon,
-.jxBarBottom img.jxTabIcon {
-  /* Base setup */
-  float: left;
-}
-
-.jxBarTop span.jxTabLabel,
-.jxBarBottom span.jxTabLabel {
-  /* Base setup */
-  float: left;
-  height: 16px;
-
-  padding: 0px 4px 0px 4px;
-}
-
-
-/* ================================= */
-/* VERTICAL TAB BAR - LEFT and RIGHT */
-/* ================================= */
-
-.jxBarLeft div.jxTabContainer,
-.jxBarRight div.jxTabContainer {
-  /* Base setup */
-}
-
-.jxBarLeft a.jxTab,
-.jxBarLeft span.jxTabContent {
-  background-image: url(images/tab_left.png);
-}
-
-.jxBarRight a.jxTab,
-.jxBarRight span.jxTabContent {
-  background-image: url(images/tab_right.png);
-}
-
-/* Closeable Tab */
-
-.jxBarLeft a.jxTabClose,
-.jxBarRight a.jxTabClose {
-  top: 3px;
-  left: 3px;
-}
-
-.jxBarLeft .jxTabClose span.jxTabContent,
-.jxBarRight .jxTabClose span.jxTabContent {
-  padding-top: 16px;
-}
-
-/* Normal Tab */
-
-.jxBarLeft a.jxTab,
-.jxBarRight a.jxTab {
-  padding-top: 4px; /* makes room for the top of the tab bg */
-  background-position: -24px top;
-}
-
-.jxBarLeft span.jxTabContent,
-.jxBarRight span.jxTabContent {
-  padding: 0px 4px 4px 4px; /* makes space around the label */
-  background-position: -24px bottom;
-}
-
-/* Hover tab */
-
-.jxBarLeft a.jxTab:hover,
-.jxBarRight a.jxTab:hover {
-  background-position: -96px top; /* shifts the left BG out 2 px for slide effect */
-}
-
-.jxBarLeft a.jxTab:hover span.jxTabContent,
-.jxBarRight a.jxTab:hover span.jxTabContent {
-  background-position: -96px bottom;
-}
-
-/* Click Tab */
-
-.jxBarLeft a.jxTab:active,
-.jxBarRight a.jxTab:active {
-  background-position: -48px top;
-}
-
-.jxBarLeft a.jxTab:active span.jxTabContent,
-.jxBarRight a.jxTab:active span.jxTabContent {
-  background-position: -48px bottom;
-}
-
-/* Active Tab */
-
-.jxBarLeft a.jxTabActive,
-.jxBarRight a.jxTabActive {
-  background-position: -72px top; /* switch to the active top BG */
-}
-
-.jxBarLeft a.jxTabActive span.jxTabContent,
-.jxBarRight a.jxTabActive span.jxTabContent {
-  background-position: -72px bottom; /* switch to the active bottom BG  */
-}
-
-/* Disabled Tab */
-
-.jxBarLeft .jxDisabled a.jxTab:hover,
-.jxBarLeft .jxDisabled a.jxTab:active,
-.jxBarRight .jxDisabled a.jxTab:hover,
-.jxBarRigth .jxDisabled a.jxTab:active {
-  background-position: -24px top; /* do not switch the top BG */
-}
-
-
-.jxBarLeft .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarLeft .jxDisabled a.jxTab:active span.jxTabContent,
-.jxBarRight .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarRight .jxDisabled a.jxTab:active span.jxTabContent {
-  background-position: -24px bottom; /* do not switch the top BG */
-}
-
-.jxBarLeft span.jxTabLabel,
-.jxBarRight span.jxTabLabel {
-  padding: 4px 0px 4px 0px;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: toolbar.css 1080 2008-09-23 18:06:47Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============== */
-/* TOOLBAR STYLES */
-/* ============== */
-
-/* Multiple toolbars can be housed in  the toolbar container.
-   The container will expand vertically to accomodate wrapped toolbars */
-
-.jxBarContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-  z-index: 1;
-  overflow: hidden;
-
-  margin: 0px;
-  padding: 0px;
-  border: 0px;
-
-  background-color: #f0f0f0;
-}
-
-.jxBarTop,
-.jxBarBottom {
-  /* Horizontally oriented toolbars */
-  /* Base setup */
-  width: 100%; /* fills the width, may be needed for JS style sniffing */
-  height: 28px;
-  background-image: url(images/toolbar.png);
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-  overflow: hidden;
-}
-
-.jxTabBox .jxBarTop {
-  background-image: url(images/tabbar.png);
-  background-position: 0px bottom;
-}
-
-.jxTabBox .jxBarBottom {
-  background-image: url(images/tabbar_bottom.png);
-  background-position: 0px top;
-}
-
-.jxBarLeft,
-.jxBarRight {
-  /* Vertically oriented toolbars */
-  /* Base setup */
-  width: auto;
-  height: 100%;
-  background-image: url(images/toolbar.png);
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-  float: left;
-  overflow: hidden;
-}
-
-.jxTabBox .jxBarLeft {
-  background-image: url(images/tabbar_left.png);
-  background-repeat: repeat-y;
-  background-position: right 0px;
-}
-
-.jxTabBox .jxBarRight {
-  background-image: url(images/tabbar_right.png);
-  background-repeat: repeat-y;
-  background-position: left 0px;
-}
-
-.jxBarTop .jxBarScroller,
-.jxBarBottom .jxBarScroller {
-  position: absolute;
-  /* much bigger than its container */
-  width: 100%;
-  overflow: hidden;
-}
-
-.jxBarTop .jxBarScrollLeft,
-.jxBarBottom .jxBarScrollLeft {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-}
-
-.jxBarTop .jxBarScrollRight,
-.jxBarBottom .jxBarScrollRight {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-}
-
-.jxBarTop .jxBarScrollLeft img.jxButtonIcon,
-.jxBarBottom .jxBarScrollLeft img.jxButtonIcon {
-  background-image: url(images/emblems.png);
-  background-position: 0px -80px;
-}
-
-.jxBarTop .jxBarScrollRight img.jxButtonIcon,
-.jxBarBottom .jxBarScrollRight img.jxButtonIcon {
-  background-image: url(images/emblems.png);
-  background-position: 0px -96px;
-}
-
-/* The jx toolbar and tabbar are both built out of a UL
-   The margins/padding are flattened out, and the list markers are hidden
-   UL's are floated left so multiple toolbars can be in the samae row.
-   In IE, the UL needs to have a specified width to prevent button wrapping.
-
-   The tab background uses the sliding door technique so tabs can expand to
-   accomodate content up to 200 px wide (top/bottom tabs) or 200px high
-   (left/right tabs).  All parts and states of the tab BG graphics are in the
-   same image so they can be treated like sprites.
-
-   Horizontal tabs can contain text or an image label.  Vertical tabs need an
-   image label.
-*/
-
-ul.jxToolbar,
-ul.jxTabBar {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  list-style-type: none;
-
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  padding: 0px;
-  border: none;
-}
-
-.jxBarTop ul.jxToolbar,
-.jxBarBottom ul.jxToolbar,
-.jxBarTop ul.jxTabBar,
-.jxBarBottom ul.jxTabBar {
-}
-
-/* LI's are floated to the left, to make a horizontal row of buttons*/
-
-li.jxToolItem {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  padding: 0px;
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  border: none;
-}
-
-/* Seperator height should match that of button images
-   and the margins+padding+border should add up to the same total too. */
-
-li.jxToolItem  .separator {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  border: 0px;
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  padding: 4px;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-
-.jxBarTop  li.jxToolItem  span.jxBarSeparator,
-.jxBarBottom  li.jxToolItem  span.jxBarSeparator {
-  /* width/height should be defined */
-  width: 8px;
-  height: 20px;
-  background-image: url(images/toolbar_separator_h.png);
-}
-
-.jxBarLeft  li.jxToolItem  span.jxBarSeparator,
-.jxBarRight  li.jxToolItem  span.jxBarSeparator {
-  /* width/height should be defined */
-  width: 20px;
-  height: 8px;
-  background-image: url(images/toolbar_separator_v.png);
-}
-
-/* Vertically oriented toolbars need floats cleared */
-
-.jxBarLeft ul.jxToolbar,
-.jxBarLeft ul.jxTabBar,
-.jxBarLeft li.jxToolItem,
-.jxBarRight ul.jxToolbar,
-.jxBarRight ul.jxTabBar,
-.jxBarRight li.jxToolItem
-{
-  /* Base setup */
-  clear: both;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: tree.css 711 2008-08-13 20:38:33Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =========== */
-/* TREE STYLES */
-/* =========== */
-
-/* The jx tree built out of nested ULs
-   For this to work visually, the margins and padding need to be flattened
-   out, and the list marker needs to be hidden
-*/
-
-
-.jxTree,
-.jxTreeRoot {
-  /* relative positioning is required for IE to fix the peek-a-boo bug */
-  position:relative;
-  display: block;
-  list-style: none;
-  margin: 0px;
-  padding: 0px;
-}
-
-.jxTreeNest {
-  list-style: none;
-  margin: 0px;
-  padding: 0px;
-  background-repeat: repeat-y;
-  background-position: left top;
-}
-
-/* Node Classes */
-
-.jxTree li,
-.jxTreeRoot li {
-  /* relative positioning is required for IE to fix the peek-a-boo bug */
-  position:relative;
-  display: block;
-  margin: 0px;
-  padding: 0px;
-  background-repeat: no-repeat;
-  /* background branches may need to shift up/down according to height of the node */
-  background-position: left top;
-  white-space: nowrap;
-  font-size: 0px;
-  line-height: 0px;
-  overflow:hidden;
-}
-
-.jxTree li {
-  margin-left: 16px;
-}
-
-.jxTree a,
-.jxTreeRoot a {
-  position: relative;
-  display: block;
-  margin: 0px 0px 0px 14px;
-  padding: 0px 0px 0px 20px;
-  z-index: 0;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  color: #000;
-  text-decoration: none;
-  /* Line Height needs to be an even number so branches line up properly */
-  line-height: 20px;
-  height: 20px;
-}
-
-.jxTree a:hover,
-.jxTreeRoot a:hover {
-  background-image: url(images/tree_hover.png);
-  background-color: #CDE5FF;
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-}
-
-.jxDisabled .jxTree a:hover,
-.jxDisabled .jxTreeRoot a:hover {
-  background: none;
-  cursor: default;
-}
-
-.jxTreeNest {
-  background-image: url(images/tree_vert_line.png);
-}
-
-.jxTreeImage,
-.jxTreeIcon {
-  position: absolute;
-  display: inline;
-
-  left: 0px;
-  top: 0px;
-  width: 16px;
-  height: 20px;
-
-  z-index: 1;
-
-  background-image: url(images/tree.png);
-  background-repeat: no-repeat;
-
-  border: 0px;
-  margin: 0px;
-}
-
-.jxTreeIcon {
-  height: 16px;
-  top: 2px;
-  left: 2px;
-}
-
-.jxTreeBranchOpen .jxTreeIcon,
-.jxTreeBranchLastOpen .jxTreeIcon {
-  background-position: left -40px; /* open folder image */
-}
-
-
-.jxTreeBranchOpen .jxTreeImage {
-  background-position: left -100px; /* minus image */
-}
-
-.jxTreeBranchLastOpen .jxTreeImage {
-  background-position: left -160px; /* minus last image */
-}
-
-.jxTreeBranchClosed .jxTreeIcon,
-.jxTreeBranchLastClosed .jxTreeIcon {
-  background-position: left -20px; /* closed folder image */
-}
-
-
-.jxTreeBranchClosed .jxTreeImage {
-  background-position: left -80px; /* plus image */
-}
-
-.jxTreeBranchLastClosed .jxTreeImage {
-  background-position: left -140px; /* plus last image */
-}
-
-.jxTreeItem .jxTreeIcon,
-.jxTreeItemLast .jxTreeIcon {
-  background-position: left 0px; /* page image */
-}
-
-.jxTreeItem .jxTreeImage {
-  background-position: left -60px; /* node image */
-}
-
-.jxTreeItemLast .jxTreeImage {
-  background-position: left -120px; /* last node image */
-}
-
-.jxTreeItemSelected {
-  background-color: #AFD4FA;
-  font-weight:bold;
-}
-
-.jxTreeItem a,
-.jxTreeItem img,
-.jxTreeItem input,
-.jxTreeItemLast a,
-.jxTreeItemLast img,
-.jxTreeItemLast input,
-.jxTreeBranch a,
-.jxTreeBranch img,
-.jxTreeBranch input,
-.jxTreeBranchLast a,
-.jxTreeBranchLast img,
-.jxTreeBranchLast input {
-    vertical-align: middle;
-}
-
-

Modified: trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/index.html
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/index.html	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/index.html	2011-05-31 07:11:07 UTC (rev 5881)
@@ -5,7 +5,8 @@
 <meta http-equiv="Content-type" content="text/html; charset=UTF-8">
 
 <script type="text/javascript" src="../../../lib/fusionSF-compressed.js"></script>
-<link rel="stylesheet" href="jxtheme.css" type="text/css" media="screen" charset="utf-8">
+<link rel="stylesheet" href="../../../lib/jxLib/themes/delicious/jxtheme.css" type="text/css" media="screen" charset="utf-8">
+<link rel="stylesheet" href="limegold.css" type="text/css" media="screen" charset="utf-8">
 <!--[if lte IE 6]>
 <link rel="stylesheet" href="ie6.css" type="text/css" media="screen" charset="utf-8">
 <![endif]-->

Deleted: trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/jxtheme.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/jxtheme.css	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/jxtheme.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -1,24 +0,0 @@
-/*
- * reset.css - Copyright (c) 2006, Yahoo! Inc. All rights reserved.
- * Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
- *
- * Copyright (c) 2006-2008, DM Solutions Group Inc.  All rights reserved
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included
- * in all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.  IN NO EVENT SHALL
- * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- */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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{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:'';}div.jxButtonContainer{display:block;position:relative;float:left;margin:0;padding:2px;border:none;}a.jxButton{display:block;position:relative;float:left;margin:0;padding:0 0 0 4px;border:none;background-image:url(images/button.png);background-position:left -24px;background-repeat:no-repeat;text-decoration:none;}ul.jxToolbar a.jxButton{background-position:left top;}span.jxButtonContent{display:block;position:relative;float:left;font-size:0;line-height:0;margin:0;padding:4px 4px 4px 0;border:none;background-image:url(images/button.png);background-position:right -24px;background-repeat:no-repeat;}ul.jxT
 oolbar span.jxButtonContent{background-position:right top;}ul.jxToolbar a.jxButton:hover,a.jxButton:hover{background-position:left -96px;}a.jxButton:hover span.jxButtonContent{background-position:right -96px;}ul.jxToolbar a.jxButtonActive,a.jxButtonActive{background-position:left -72px;}a.jxButtonActive span.jxButtonContent{background-position:right -72px;}ul.jxToolbar a.jxButton:hover,a.jxButtonActive:hover{background-position:left -96px;}a.jxButtonActive:hover span.jxButtonContent{background-position:right -96px;}ul.jxToolbar a.jxButton:active,ul.jxToolbar a.jxButtonActive:active,a.jxButton:active,a.jxButtonActive:active{background-position:left -48px;}a.jxButton:active span.jxButtonContent,a.jxButtonActive:active span.jxButtonContent{background-position:right -48px;}ul.jxToolbar .jxDisabled a.jxButton,.jxDisabled a.jxButton{cursor:default;}ul.jxToolbar .jxDisabled a.jxButton:hover,ul.jxToolbar .jxDisabled a.jxButton:active{background-position:left top;}.jxDisabled a.jxBut
 ton:hover,.jxDisabled a.jxButton:active{background-position:left -24px;}ul.jxToolbar .jxDisabled a.jxButton:hover span.jxButtonContent,ul.jxToolbar .jxDisabled a.jxButton:active span.jxButtonContent{background-position:right top;}.jxDisabled a.jxButton:hover span.jxButtonContent,.jxDisabled a.jxButton:active span.jxButtonContent{background-position:right -24px;}img.jxButtonIcon{position:relative;float:left;width:16px;height:16px;background-position:center center;background-repeat:no-repeat;}span.jxButtonContent span{display:block;position:relative;float:left;cursor:pointer;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:16px;height:16px;white-space:nowrap;}span.jxButtonContent span.jxButtonLabel{margin:0;padding:0 4px 0 4px;color:#000;font-size:11px;}a.jxButtonMenu span.jxButtonContent,a.jxButtonMulti span.jxButtonContent,a.jxButtonFlyout span.jxButtonContent,a.jxButtonCombo span.jxButtonContent,a.jxButtonEditCombo span.jxButtonContent{padding-right
 :0;}a.jxButtonMenu span.jxButtonContent span,a.jxButtonFlyout span.jxButtonContent span,a.jxButtonMulti span.jxButtonContent span,a.jxButtonCombo span.jxButtonContent span,a.jxButtonEditCombo span.jxButtonContent span{padding-right:16px;background-image:url(images/emblems.png);background-position:right -16px;background-repeat:no-repeat;}a.jxButtonDisclose{position:absolute;display:block;padding:4px 0;font-size:0;line-height:0;right:2px;top:2px;background-image:url(images/button_multi_disclose.png);background-position:right 0;background-repeat:no-repeat;}a.jxButtonDisclose img{width:16px;height:16px;margin:0;padding:0;border:0;background-image:url(images/emblems.png);background-position:right -16px;background-repeat:no-repeat;}a.jxButtonDisclose:hover{background-position:right -96px;}a.jxButtonDisclose:active{background-position:right -48px;}ul.jxToolbar a.jxButtonHover{background-position:left -24px;}ul.jxToolbar a.jxButtonHover span.jxButtonContent{background-position:right
  -24px;}.jxFlyout .jxChrome{background-image:url(images/flyout_chrome.png);padding:5px 5px 7px 6px;}.jxFlyout .jxChrome img{width:500px;height:500px;}.jxFlyout{position:absolute;display:block;z-index:100;margin:0;padding:0;}.jxFlyoutContent{position:relative;display:block;overflow:auto;margin:6px 6px 8px 7px;background-color:#fff;border:1px solid #999;}a.jxButtonMulti,a.jxButtonMulti span.jxButtonContent{background-image:url(images/button_multi.png);}a.jxButtonEditCombo,a.jxButtonEditCombo span.jxButtonContent{background-image:url(images/button_combo.png);}a.jxButtonMulti span.jxButtonContent span{padding-right:21px;}a.jxButtonEditCombo span.jxButtonContent span{font-size:0;}a.jxButtonComboDefault span.jxButtonContent span,a.jxButtonComboDefault input{font-style:italic;color:#999;}a.jxButtonEditCombo input{float:left;line-height:16px;height:16px;padding:0 4px;margin:0;border:none;font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif;background-color:transparent;}.jxC
 hrome{position:absolute;display:block;font-size:0;line-height:0;z-index:-1;width:100%;height:100%;top:0;left:0;}.jxChromeDrag{opacity:.5;-ms-filter:"Alpha(opacity=50)";}.jxChromeTL{position:absolute;overflow:hidden;left:0;top:0;width:50%;height:50%;}.jxChromeTR{position:absolute;overflow:hidden;left:50%;top:0;width:50%;height:50%;}.jxChromeBL{position:absolute;overflow:hidden;left:0;top:50%;width:50%;height:50%;}.jxChromeBR{position:absolute;overflow:hidden;left:50%;top:50%;width:50%;height:50%;}.jxChromeTL img{position:absolute;top:0;left:0;width:500px;height:500px;}.jxChromeTR img{position:absolute;top:0;right:0;width:500px;height:500px;}.jxChromeBL img{position:absolute;bottom:0;left:0;width:500px;height:500px;}.jxChromeBR img{position:absolute;bottom:0;right:0;width:500px;height:500px;}.jxColorBar{position:relative;overflow:hidden;}table.jxColorGrid{position:relative;border-collapse:collapse;empty-cells:show;clear:both;}.jxColorGrid td{border:1px solid #000;}.jxColorGrid
  td.emptyCell{border:0 solid #000;}.jxColorGrid td.emptyCell span{display:block;width:7px;height:7px;line-height:0;font-size:0;border:0 solid #000;padding:1px;margin:0;}.jxColorGrid a.colorSwatch{display:block;width:7px;height:7px;line-height:0;font-size:0;border:0 solid #000;margin:0;padding:1px;}.jxColorGrid a.borderWhite:hover{border:1px solid #fff;padding:0;}.jxColorGrid a.borderBlack:hover{border:1px solid #000;padding:0;}input.jxHexInput{width:55px;vertical-align:middle;}input.jxAlphaInput{width:30px;vertical-align:middle;}div.jxColorPreview{float:left;position:relative;width:20px;height:20px;border:1px solid #000;margin:2px;vertical-align:middle;background-image:url('images/grid.png');overflow:hidden;}a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch{display:block;float:left;width:14px;height:14px;border:1px solid #000;background-image:url('images/grid.png');background-position:0 0;background-repeat:repeat;padding-right:0!important;}a.jxButtonFlyout span.jxBut
 tonContent span.jxButtonSwatch span{display:block;width:14px;height:14px;position:absolute;padding-right:0;background:none;}div.jxColorPreview img{position:absolute;z-index:0;}div.jxColorPreview div{width:20px;height:10px;position:absolute;display:block;left:0;z-index:1;font-size:10px;line-height:0;}div.jxColorPreview div.jxColorSelected{top:0;}div.jxColorPreview div.jxColorHover{bottom:0;}label.jxColorLabel,label.jxAlphaLabel{width:auto;font-family:Verdana,Arial,sans-serif;font-size:11px;line-height:24px;padding:2px;vertical-align:middle;}a.jxColorClose{position:absolute;top:0;right:0;width:16px;height:16px;}a.jxColorClose img{width:16px;height:16px;}a{outline:none;}.jxClearer{display:block;position:relative;float:none;clear:both;font-size:0;line-height:0;width:0;height:0;margin:0;padding:0;}.jxDisabled{opacity:.4;-ms-filter:"Alpha(opacity=40)";}.jxDisabled *{-ms-filter:"Alpha(opacity=40)";}iframe.jxIframeShim{position:absolute;top:0;left:0;width:100%;height:100%;-ms-filter
 :"Alpha(opacity:0)";opacity:0;z-index:-1;}.jxDialog .jxChrome{background-image:url(images/dialog_chrome.png);}.jxDialog .jxChrome img{width:500px;height:500px;}.jxDialog{display:block;z-index:1;}.jxDialogContentContainer{z-index:1;margin:0 11px 13px 12px;border:1px solid #b7b7b7;background-color:#f0f0f0;}.jxDialogModal{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.2;-ms-filter:"Alpha(opacity=20)";}.jxDialogContent{display:block;position:relative;overflow:auto;padding:0;z-index:1;}.jxDialogTitle{display:block;position:relative;background-image:url(images/a_pixel.png);text-align:center;height:24px;line-height:24px;z-index:1;margin:6px 6px 0 7px;}.jxDialogMin .jxDialogTitle{margin-bottom:8px;}.jxDialogMoveable{cursor:move;}.jxDialogIcon{position:absolute;left:2px;top:3px;width:16px;height:16px;border:none;padding:0;margin:0;}.jxDialogLabel{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-hei
 ght:21px;color:#000;white-space:nowrap;}.jxDialogResize{position:absolute;bottom:7px;right:6px;width:16px;height:16px;z-index:2;border:0;cursor:se-resize;background-image:url(images/dialog_resize.png);}.jxDialogControls{position:absolute;top:3px;right:2px;height:16px;width:80px;}.jxDialogControls img{background-image:url('images/panel_controls.png');background-repeat:no-repeat;border:0;margin:0;width:16px;height:16px;}.jxDialogClose img{background-position:0 -32px;}.jxDialogMenu img{background-position:0 -48px;}.jxDialogHelp img{background-position:0 -64px;}.jxDialogCollapse img{background-position:0 -16px;}.jxDialogMin .jxDialogCollapse img{background-position:0 0;}.jxDialogMax .jxDialogCollapse img{background-position:0 -16px;}.jxDialogLoading img{border:0;margin:0;width:16px;height:16px;visibility:hidden;position:absolute;top:1px;left:2px;}.jxDialogControls .jxButtonContainer,.jxDialogControls span.jxButtonContent,.jxDialogControls a.jxButton:hover span.jxButtonContent,.j
 xDialogControls a.jxButton:active span.jxButtonContent,.jxDialogControls a.jxButtonActive span.jxButtonContent,.jxDialogControls a.jxButtonActive:hover span.jxButtonContent,.jxDialogControls a.jxButtonActive:active span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton:hover span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton:active span.jxButtonContent,.jxDialogControls a.jxButton,.jxDialogControls a.jxButton:hover,.jxDialogControls a.jxButton:active,.jxDialogControls a.jxButtonActive,.jxDialogControls a.jxButtonActive:hover,.jxDialogControls a.jxButtonActive:active,.jxDialogControls .jxDisabled a.jxButton,.jxDialogControls .jxDisabled a.jxButton:hover,.jxDialogControls .jxDisabled a.jxButton:active{padding:0;margin:0;border:none;background-color:transparent;background-image:none;}.jxDialogControls a.jxButtonMenu span.jxButtonContent,.jxDialogControls a.jxButtonFlyout span.jxButtonContent{backgro
 und-image:none;}.jxDialogControls a.jxButtonMenu span.jxButtonContent span,.jxDialogControls a.jxButtonFlyout span.jxButtonContent span{padding-right:0;}.jxDialogControls .jxBarContainer{position:absolute;right:0;background-image:none;background-color:transparent;margin:0;padding:0;border:none;height:16px;}.jxDialogControls .jxBarScroller{left:auto;right:0;}.jxDialogControls ul.jxToolbar{float:right;}.jxDialogControls ul.jxToolbar,.jxDialogControls li.jxToolItem{background-image:none;background-color:transparent;margin:0;padding:0;border:none;}.jxGridContainer{position:absolute;top:0;left:0;border-left:0 solid #d8d8d8;border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;overflow:hidden;}.jxGridTable{position:relative;table-layout:fixed;border-collapse:collapse;border-style:none;width:0;cursor:default;font-family:Verdana,Arial,Verdana,sans-serif;font-size:11px;font-weight:normal;}.jxGridColHeadHide{height:0;line-height:0;font-size:0;backgr
 ound-color:#fff;white-space:normal;}.jxGridColHeadHide p,.jxGridRowHeadHide p{font-size:0;line-height:0;height:0;margin:0;padding:0;}.jxGridRowHeadHide{width:0;white-space:normal;}.jxGridCell{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;overflow:hidden;padding-left:3px;padding-right:3px;overflow:hidden;white-space:nowrap;cursor:cell;text-overflow:ellipsis;}.jxGridColHead{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;background-color:#f2f2f2;background-image:url('images/table_col.png');background-position:0 0;background-repeat:repeat-x;text-align:center;font-weight:bold;color:#333;cursor:default;}.jxGridRowHead{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;background-color:#f2f2f2;background-image:url('images/table_row.png');background-position:0 0;background-rep
 eat:repeat-y;text-align:center;font-weight:bold;color:#333;cursor:default;}.jxGridRowAll{background-color:#fff;}.jxGridColumnHeaderSelected{background-color:#e1e1e1;background-position:0 -200px;}.jxGridRowHeaderSelected{background-color:#e1e1e1;background-position:-400px 0;}.jxGridColumnSelected{background-color:#f7f7f7;}.jxGridRowSelected td{background-color:#f7f7f7;}td.jxGridCellSelected{background-color:#ebebeb;}.jxGridColumnHeaderPrelight{background-color:#cee5ff;background-position:0 -300px;}.jxGridRowHeaderPrelight{background-color:#cee5ff;background-position:-600px 0;}.jxGridColumnPrelight{background-color:#e5f1ff;}.jxGridRowPrelight td{background-color:#e5f1ff;}td.jxGridCellPrelight{background-color:#cce3ff;}html{height:100%;}body{width:100%;height:100%;overflow:hidden;background-color:#fff;}body,table{font-style:normal;font-weight:normal;font-size:75%;font-family:Verdana,Arial,Helvetica,sans-serif;color:#000;}#SplitterArea .jxSplitBarHorizontal{width:1px;background-
 color:#000;}#Map{background-color:#efefef;overflow:hidden;z-index:0;border-top:1px solid #000;}#Maptip{display:none;border:1px solid #000;background-color:#E5DAC7;padding:4px;}#Toolbar{z-index:2;background-image:url(images/toolbarBackground.png);height:24px;}#Toolbar div.jxButtonContainer{padding:1px 2px 0 2px;}#Toolbar a.jxButton{padding:0 0 0 4px;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonContent{padding:3px 4px 3px 0;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonLabel{color:#000;padding-top:1px;padding-bottom:0;}#ToolbarSecondary{height:24px;background-image:url(images/toolbarSubBackground.png);background-position:bottom;z-index:2;}#ToolbarSecondary div.jxButtonContainer{padding:1px 2px 0 2px;}#ToolbarSecondary a.jxButton{padding:0 0 0 4px;background-image:url(images/toolbarSubButton.png);}#ToolbarSecondary span.jxButtonContent{padding:4px 4px 3px 0;background-image:url(images/toolbarSubButton.png);}#ToolbarSecondary span
 .jxButtonLabel{padding-top:0;padding-bottom:0;}#FileMenu{z-index:3;background-color:#fff;background-image:none;}#FileMenu ul.jxToolbar{margin-top:10px;}#FileMenu div.jxButtonContainer{padding:1px 2px 1px 2px;}#FileMenu a.jxButton{padding:0 0 0 4px;background-image:url(images/fileMenuButton.png);}#FileMenu span.jxButtonContent{padding:2px 4px 2px 0;background-image:url(images/fileMenuButton.png);}#FileMenu span.jxButtonLabel{color:#000;padding:0 4px 0 4px;background-image:none;}#StatusbarContainer{border-top:1px solid #000;background-color:#fffebe;color:#fff;line-height:22px;font-size:10px;vertical-align:middle;}#Statusbar .jxSplitBarHorizontal{width:1px;background-color:#313131;cursor:'col-resize';margin-top:4px;height:13px;}#Statusbar .spanCursorPosition,#Statusbar .spanViewSize,#Statusbar .spanSelectionInfo{padding:4px 10px;color:#000000;}.inputEditableScale{border:1px solid #E7E6A3;background-color:#fff;font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;}#pbmg{
 position:absolute;right:1px;padding-top:1px;}#Sidebar{padding-left:8px;}#Sidebar .jxSplitBarVertical{height:0;}#Sidebar .jxSplitArea{border-top:1px solid #000;}#SidebarCollapse{position:absolute;width:8px;top:0;left:0;height:100%;z-index:1;overflow:hidden;}#SidebarCollapseContent{position:absolute;width:8px;height:100%;background:url(images/sidebarCollapseBackground.png) repeat-y #000;top:-2px;z-index:1;}#SidebarCollapseTop{position:absolute;height:2px;width:8px;top:0;background:url(images/sidebarCollapseTop.png) no-repeat;z-index:2;}#SidebarCollapseBottom{position:absolute;height:2px;width:8px;bottom:0;background:url(images/sidebarCollapseBottom.png) no-repeat;z-index:2;}#SidebarCollapseButton{display:block;width:8px;top:0;bottom:0;left:0;right:0;position:absolute;height:100%;font-size:1px;}.jxSnapOpened #SidebarCollapseButton{background-image:url(images/sidebarCloseButton.png) center no-repeat;}.jxSnapClosed #SidebarCollapseButton{background-image:url(images/sidebarOpenBut
 ton.png) center no-repeat;}#Sidebar .jxTabSetContainer{background-color:#fcc500;padding-left:3px;}#Sidebar .jxTabItem{margin:0 1px 0 0;}#Sidebar .jxBarTop a.jxTab:hover,#Sidebar .jxBarTop a.jxTab:active{text-decoration:underline;}#Sidebar .jxBarTop a.jxTab span.jxTabLabel{font-weight:bold;}#Legend{background-color:#fff;background-image:none;}#SelectionPanel{background-color:#fff;}#OverviewMap{background-color:#fcc500;border:1px solid #fefefe;margin:0 3px 3px 0;}#OverviewMap .olControlOverviewMapElement{background-color:#fff;}#Navigator{position:absolute;right:10px;top:10px;display:block;z-index:100;}.jxMenuContainer .jxChrome{background-image:url(images/flyout_chrome.png);padding:5px 5px 7px 6px;}a.jxButtonMenu span.jxMenuItemSpan{padding-right:16px;}.jxMenuContainer{position:absolute;display:block;z-index:200;padding:0;}ul.jxMenu,ul.jxSubMenu{display:block;position:relative;list-style-type:none;margin:6px 6px 8px 7px;background-color:#fff;border:1px solid #999;}li.jxMenuIte
 mContainer{display:block;position:relative;margin:0;padding:0;}a.jxMenuItem{display:block;position:relative;text-decoration:none;border:1px solid #fff;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none;margin:2px 2px;padding:0;color:#000;}a.jxMenuItem:hover{border:1px solid #D0EEA7;background-image:url(images/menu_hover.png);background-color:#D0EEA7;background-repeat:repeat-x;background-position:0 0;}a.jxMenuItem:hover span.jxMenuItemContent{border:1px solid #D0EEA7;border-bottom:1px solid #D0EEA7;}span.jxMenuItemContent{display:block;position:relative;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0;line-height:0;white-space:nowrap;padding:0 20px 0 0;margin:0;border:1px solid #fff;}a.jxButtonSubMenu span.jxMenuItemContent,a.jxButtonSubMenu:hover span.jxMenuItemContent{background-image:url(images/emblems.png);background-position:right -32px;background-repeat:no-repeat;}img.jxMenuItemIcon{position:absolute;top:0;left:0;display:inline;
 width:16px;height:16px;background-position:left center;background-repeat:no-repeat;}span.jxMenuItemContent span{display:block;position:relative;cursor:pointer;margin:0;padding:0 0 0 20px;font-size:16px;line-height:16px;}span.jxMenuItemContent span.jxMenuItemLabel{color:#000;font-size:11px;}.jxMenuItemToggle img.jxMenuItemIcon,.jxMenuItemSet img.jxMenuItemIcon{background-image:url(images/emblems.png);background-position:2px 0;background-repeat:no-repeat;}.jxMenuItemToggle a.jxMenuItemActive img.jxMenuItemIcon{background-position:2px -48px;}.jxMenuItemSet a.jxMenuItemActive img.jxMenuItemIcon{background-position:2px -64px;}a.jxMenuItemActive img.jxMenuItemIcon{top:-2px;left:-2px;border:2px solid #D0EEA7;}a.jxMenuItemActive span.jxMenuItemContent{background-image:url(images/menu_icon_active.png);background-position:0 0;background-repeat:no-repeat;}.jxDisabled a.jxMenuItem{cursor:default;}.jxDisabled a.jxMenuItem:hover{background-color:#fff;background-image:none;border:1px solid
  #fff;}ul.jxMenu span.jxMenuSeparator,ul.jxSubMenu span.jxMenuSeparator{display:block;font-size:10px;line-height:10px;background-image:url(images/toolbar_separator_v.png);background-repeat:repeat-x;background-position:left center;}.jxPanel{display:block;position:relative;}.jxPanelContentContainer{overflow:hidden;background-color:#f0f0f0;}.jxPanelContent{position:relative;display:block;overflow:auto;background-color:#fff;margin:0;padding:0;}.jxPanelTitle{display:block;position:relative;background-image:url(images/panelbar.png);background-repeat:repeat-x;background-position:left top;height:22px;margin:0;padding:0;text-align:center;}.jxPanelBar{position:absolute;line-height:1px;width:100%;height:5px;cursor:row-resize;background-color:#f0f0f0;z-index:1;}.jxPanelIcon{position:absolute;left:2px;top:3px;width:16px;height:16px;border:none;padding:0;margin:0;}.jxPanelLabel{padding-left:25px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-height:21p
 x;color:#000;white-space:nowrap;}.jxPanelControls{position:absolute;top:3px;right:2px;height:16px;width:80px;overflow:hidden;}.jxPanelControls img{background-image:url('images/panel_controls.png');background-repeat:no-repeat;border:0;margin:0;width:16px;height:16px;}.jxPanelClose img{background-position:0 -32px;}.jxPanelMenu img{background-position:0 -48px;}.jxPanelHelp img{background-position:0 -64px;}.jxPanelCollapse img{background-position:0 -16px;}.jxPanelMin .jxPanelCollapse img{background-position:0 0;}.jxPanelMax .jxPanelCollapse img{background-position:0 -16px;}.jxPanelMaximize img{background-position:0 0;}.jxPanelLoading img{border:0;margin:0;width:16px;height:16px;visibility:hidden;position:absolute;top:1px;left:2px;}.jxPanelControls .jxButtonContainer,.jxPanelControls span.jxButtonContent,.jxPanelControls a.jxButton:hover span.jxButtonContent,.jxPanelControls a.jxButton:active span.jxButtonContent,.jxPanelControls a.jxButtonActive span.jxButtonContent,.jxPanelCont
 rols a.jxButtonActive:hover span.jxButtonContent,.jxPanelControls a.jxButtonActive:active span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton:hover span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton:active span.jxButtonContent,.jxPanelControls a.jxButton,.jxPanelControls a.jxButton:hover,.jxPanelControls a.jxButton:active,.jxPanelControls a.jxButtonActive,.jxPanelControls a.jxButtonActive:hover,.jxPanelControls a.jxButtonActive:active,.jxPanelControls .jxDisabled a.jxButton,.jxPanelControls .jxDisabled a.jxButton:hover,.jxPanelControls .jxDisabled a.jxButton:active{padding:0;margin:0;border:none;background-color:transparent;background-image:none;}.jxPanelControls a.jxButtonMenu span.jxButtonContent,.jxPanelControls a.jxButtonFlyout span.jxButtonContent{background-image:none;}.jxPanelControls a.jxButtonMenu span.jxButtonContent span,.jxPanelControls a.jxButtonFlyout span.jxButtonContent span{paddi
 ng-right:0;}.jxPanelControls div.jxBarTop{position:absolute;right:0;background-image:none;background-color:transparent;margin:0;padding:0;border:none;height:16px;}.jxPanelControls .jxBarScroller{left:auto;right:0;}.jxPanelControls ul.jxToolbar{float:right;}.jxPanelControls ul.jxToolbar,.jxPanelControls li.jxToolItem{background-image:none;background-color:transparent;margin:0;padding:0;border:none;}.jxSplitBarHorizontal{display:block;position:absolute;font-size:0;line-height:0;margin:0;padding:0;border:none;width:5px;height:100%;cursor:col-resize;background-color:#f0f0f0;z-index:1;}.jxSplitBarVertical{display:block;position:absolute;font-size:0;line-height:0;margin:0;padding:0;border:none;width:100%;height:5px;cursor:row-resize;background-color:#f0f0f0;z-index:1;}.jxSplitContainer{display:block;position:relative;margin:0;padding:0;border:none;overflow:hidden;}.jxSplitArea{display:block;position:absolute;margin:0;padding:0;border:none;overflow:hidden;z-index:0;}.jxSplitterMask
 {position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;background-image:url(images/a_pixel.png);z-index:1;}.jxSplitBarDrag{background-color:#eee;}.jxSnapHorizontalBefore{width:5px;height:5px;position:absolute;top:0;left:0;background-color:#aaa;}.jxSnapHorizontalAfter{width:5px;height:5px;position:absolute;top:0;left:0;background-color:#aaa;}.jxTabSetContainer{position:relative;display:block;overflow:hidden;width:200px;height:200px;margin:0;padding:0;background-color:#fff;}.jxTabSetContainer .jxToolbarContainer{z-index:auto;}.tabContent{display:none;position:relative;width:100%;height:100%;overflow:auto;}.tabContentActive{display:block;}div.jxTabContainer{display:block;position:relative;margin:0;padding:0;border:none;}a.jxTabClose{display:block;position:absolute;cursor:pointer;}a.jxTabClose img{width:16px;height:16px;background-image:url(images/tab_close.png);}a.jxTab{display:block;position:relative;margin:0;padding:0;border:none;background-repeat:no-repeat;t
 ext-decoration:none;color:#000;}.jxDisabled a.jxButton{cursor:default;}a.jxTab:hover,a.jxTab:active,a.jxTabActive,a.jxTabActive:hover,a.jxTabActive:active,.jxDisabled a.jxButton:hover,.jxDisabled a.jxButton:active{border:none;}span.jxTabContent{display:block;font-size:0;line-height:0;margin:0;padding:0;background-repeat:no-repeat;}img.jxTabIcon{position:relative;width:16px;height:16px;background-position:center center;background-repeat:no-repeat;}span.jxTabLabel{display:block;position:relative;cursor:pointer;margin:0;padding:0;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:16px;}.jxBarTop div.jxTabContainer,.jxBarBottom div.jxTabContainer{float:left;padding:2px 0;}.jxBarTop a.jxTab,.jxBarTop span.jxTabContent{background-image:url(images/tab_top.png);}.jxBarBottom a.jxTab,.jxBarBottom span.jxTabContent{background-image:url(images/tab_bottom.png);}.jxBarTop a.jxTabClose,.jxBarBottom a.jxTabClose{top:3px;right:3px;}.jxBarTop .jxTabClose spa
 n.jxTabContent,.jxBarBottom .jxTabClose span.jxTabContent{padding-right:16px;}.jxBarTop a.jxTab,.jxBarBottom a.jxTab{float:left;padding-left:4px;background-position:left -24px;}.jxBarTop span.jxTabContent,.jxBarBottom span.jxTabContent{float:left;padding:4px 4px 4px 0;background-position:right -24px;}.jxBarTop a.jxTab:hover,.jxBarBottom a.jxTab:hover{background-position:left -96px;}.jxBarTop a.jxTab:hover span.jxTabContent,.jxBarBottom a.jxTab:hover span.jxTabContent{background-position:right -96px;}.jxBarTop a.jxTab:active,.jxBarBottom a.jxTab:active{background-position:left -48px;}.jxBarTop a.jxTab:active span.jxTabContent,.jxBarBottom a.jxTab:active span.jxTabContent{background-position:right -48px;}.jxBarTop a.jxTabActive,.jxBarBottom a.jxTabActive{background-position:left -72px;}.jxBarTop a.jxTabActive span.jxTabContent,.jxBarBottom a.jxTabActive span.jxTabContent{background-position:right -72px;}.jxBarTop .jxDisabled a.jxTab:hover,.jxBarTop .jxDisabled a.jxTab:active,.
 jxBarBottom .jxDisabled a.jxTab:hover,.jxBarBottom .jxDisabled a.jxTab:active{background-position:left -24px;}.jxBarTop .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarTop .jxDisabled a.jxTab:active span.jxTabContent,.jxBarBottom .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarBottom .jxDisabled a.jxTab:active span.jxTabContent{background-position:right -24px;}.jxBarTop img.jxTabIcon,.jxBarBottom img.jxTabIcon{float:left;}.jxBarTop span.jxTabLabel,.jxBarBottom span.jxTabLabel{float:left;height:16px;padding:0 4px 0 4px;}.jxBarLeft a.jxTab,.jxBarLeft span.jxTabContent{background-image:url(images/tab_left.png);}.jxBarRight a.jxTab,.jxBarRight span.jxTabContent{background-image:url(images/tab_right.png);}.jxBarLeft a.jxTabClose,.jxBarRight a.jxTabClose{top:3px;left:3px;}.jxBarLeft .jxTabClose span.jxTabContent,.jxBarRight .jxTabClose span.jxTabContent{padding-top:16px;}.jxBarLeft a.jxTab,.jxBarRight a.jxTab{padding-top:4px;background-position:-24px top;}.jxBarLeft span.jxTab
 Content,.jxBarRight span.jxTabContent{padding:0 4px 4px 4px;background-position:-24px bottom;}.jxBarLeft a.jxTab:hover,.jxBarRight a.jxTab:hover{background-position:-96px top;}.jxBarLeft a.jxTab:hover span.jxTabContent,.jxBarRight a.jxTab:hover span.jxTabContent{background-position:-96px bottom;}.jxBarLeft a.jxTab:active,.jxBarRight a.jxTab:active{background-position:-48px top;}.jxBarLeft a.jxTab:active span.jxTabContent,.jxBarRight a.jxTab:active span.jxTabContent{background-position:-48px bottom;}.jxBarLeft a.jxTabActive,.jxBarRight a.jxTabActive{background-position:-72px top;}.jxBarLeft a.jxTabActive span.jxTabContent,.jxBarRight a.jxTabActive span.jxTabContent{background-position:-72px bottom;}.jxBarLeft .jxDisabled a.jxTab:hover,.jxBarLeft .jxDisabled a.jxTab:active,.jxBarRight .jxDisabled a.jxTab:hover,.jxBarRigth .jxDisabled a.jxTab:active{background-position:-24px top;}.jxBarLeft .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarLeft .jxDisabled a.jxTab:active span.j
 xTabContent,.jxBarRight .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarRight .jxDisabled a.jxTab:active span.jxTabContent{background-position:-24px bottom;}.jxBarLeft span.jxTabLabel,.jxBarRight span.jxTabLabel{padding:4px 0 4px 0;}.jxBarContainer{display:block;position:relative;z-index:1;overflow:hidden;margin:0;padding:0;border:0;background-color:#f0f0f0;}.jxBarTop,.jxBarBottom{width:100%;height:28px;background-image:url(images/toolbar.png);background-repeat:repeat-x;background-position:0 0;overflow:hidden;}.jxTabBox .jxTabBarTop{background-image:url(images/tabbar.png);background-position:0 bottom;}.jxTabBox .jxTabBarBottom{background-image:url(images/tabbar_bottom.png);background-position:0 top;}.jxBarLeft,.jxBarRight{width:auto;height:100%;background-image:url(images/toolbar.png);background-repeat:repeat-x;background-position:0 0;float:left;overflow:hidden;}.jxTabBox .jxTabBarLeft{background-image:url(images/tabbar_left.png);background-repeat:repeat-y;background-posit
 ion:right 0;}.jxTabBox .jxTabBarRight{background-image:url(images/tabbar_right.png);background-repeat:repeat-y;background-position:left 0;}.jxBarTop .jxBarScroller,.jxBarBottom .jxBarScroller{position:absolute;width:100%;overflow:hidden;}.jxBarTop .jxBarScrollLeft,.jxBarBottom .jxBarScrollLeft{position:absolute;top:0;left:0;}.jxBarTop .jxBarScrollRight,.jxBarBottom .jxBarScrollRight{position:absolute;top:0;right:0;}.jxBarTop .jxBarScrollLeft img.jxButtonIcon,.jxBarBottom .jxBarScrollLeft img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -80px;}.jxBarTop .jxBarScrollRight img.jxButtonIcon,.jxBarBottom .jxBarScrollRight img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -96px;}ul.jxToolbar,ul.jxTabBar{display:block;position:relative;float:left;list-style-type:none;margin:0;padding:0;border:none;}li.jxToolItem{display:block;position:relative;float:left;font-size:0;line-height:0;padding:0;margin:0;border:none;}li.jxToolI
 tem .separator{display:block;position:relative;float:left;font-size:0;line-height:0;border:0;margin:0;padding:4px;background-repeat:no-repeat;background-position:center center;}.jxBarTop li.jxToolItem span.jxBarSeparator,.jxBarBottom li.jxToolItem span.jxBarSeparator{width:8px;height:20px;background-image:url(images/toolbar_separator_h.png);}.jxBarLeft li.jxToolItem span.jxBarSeparator,.jxBarRight li.jxToolItem span.jxBarSeparator{width:20px;height:8px;background-image:url(images/toolbar_separator_v.png);}.jxBarLeft ul.jxToolbar,.jxBarLeft ul.jxTabBar,.jxBarLeft li.jxToolItem,.jxBarRight ul.jxToolbar,.jxBarRight ul.jxTabBar,.jxBarRight li.jxToolItem{clear:both;}.jxTree,.jxTreeRoot{position:relative;display:block;list-style:none;margin:0;padding:0;}.jxTreeNest{list-style:none;margin:0;padding:0;background-repeat:repeat-y;background-position:left top;}.jxTree li,.jxTreeRoot li{overflow:hidden;position:relative;display:block;margin:0;padding:0;background-repeat:no-repeat;backgr
 ound-position:left top;white-space:nowrap;font-size:0;line-height:0;}.jxTree li{margin-left:16px;}.jxTree a,.jxTreeRoot a{position:relative;display:block;margin:0 0 0 14px;padding:0 0 0 20px;z-index:0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#000;text-decoration:none;line-height:20px;height:20px;}.jxTree a:hover,.jxTreeRoot a:hover{background-image:url(images/tree_hover.png);background-color:#CDE5FF;background-repeat:repeat-x;background-position:0 0;}.jxDisabled .jxTree a:hover,.jxDisabled .jxTreeRoot a:hover{background:none;cursor:default;}.jxTreeNest{background-image:url(images/tree_vert_line.png);}.jxTreeImage,.jxTreeIcon{position:absolute;display:inline;left:0;top:0;width:16px;height:20px;z-index:1;background-image:url(images/tree.png);background-repeat:no-repeat;border:0;margin:0;}.jxTreeIcon{height:16px;top:2px;left:2px;}.jxTreeBranchOpen .jxTreeIcon,.jxTreeBranchLastOpen .jxTreeIcon{background-position:left -40px;}.jxTreeBranchOpen .jxTreeIm
 age{background-position:left -100px;}.jxTreeBranchLastOpen .jxTreeImage{background-position:left -160px;}.jxTreeBranchClosed .jxTreeIcon,.jxTreeBranchLastClosed .jxTreeIcon{background-position:left -20px;}.jxTreeBranchClosed .jxTreeImage{background-position:left -80px;}.jxTreeBranchLastClosed .jxTreeImage{background-position:left -140px;}.jxTreeItem .jxTreeIcon,.jxTreeItemLast .jxTreeIcon{background-position:left 0;}.jxTreeItem .jxTreeImage{background-position:left -60px;}.jxTreeItemLast .jxTreeImage{background-position:left -120px;}.jxTreeItemSelected{background-color:#AFD4FA;font-weight:bold;}.jxTreeItem a,.jxTreeItem img,.jxTreeItem input,.jxTreeItemLast a,.jxTreeItemLast img,.jxTreeItemLast input,.jxTreeBranch a,.jxTreeBranch img,.jxTreeBranch input,.jxTreeBranchLast a,.jxTreeBranchLast img,.jxTreeBranchLast input{vertical-align:middle;}

Deleted: trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/jxtheme.uncompressed.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/jxtheme.uncompressed.css	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/jxtheme.uncompressed.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -1,2604 +0,0 @@
-/*
-Copyright (c) 2006, Yahoo! Inc. All rights reserved.
-Code licensed under the BSD License:
-http://developer.yahoo.net/yui/license.txt
-version: 0.11.0
-*/
-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;}
-table{border-collapse:collapse;border-spacing:0;}
-fieldset,img{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:'';}/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* BUTTON STYLES */
-/* ============= */
-/* jxButtons consist of an A, containing a SPAN, which contains an image.
-   Buttons can use the sliding door technique with background images to horizontally
-   accomodate icons with labels. */
-
-div.jxButtonContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-
-  margin: 0px;
-  padding: 2px;
-  border: none;
-}
-
-/* normal button */
-
-a.jxButton {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-
-  /* Using background images, the A contains the left side of the background */
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  border: none;
-  background-image: url(images/button.png);
-  background-position: left -24px;
-  background-repeat: no-repeat;
-  text-decoration: none;
-}
-
-ul.jxToolbar a.jxButton {
-  background-position: left top;
-}
-
-span.jxButtonContent {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  /* Using background images, the SPAN contains the right side of the background */
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 4px 4px 4px 0px; /* makes room for the right of the button bg */
-  border: none;
-  background-image: url(images/button.png);
-  background-position: right -24px;
-  background-repeat: no-repeat;
-}
-
-ul.jxToolbar span.jxButtonContent {
-  background-position: right top;
-}
-
-/* hover button */
-ul.jxToolbar a.jxButton:hover,
-a.jxButton:hover {
-  background-position: left -96px;
-}
-
-a.jxButton:hover span.jxButtonContent {
-  background-position: right -96px;
-}
-
-/* active button */
-ul.jxToolbar a.jxButtonActive,
-a.jxButtonActive {
-  background-position: left -72px;
-}
-
-a.jxButtonActive span.jxButtonContent {
-  background-position: right -72px;
-}
-
-/* hover active button */
-ul.jxToolbar a.jxButton:hover,
-a.jxButtonActive:hover {
-  background-position: left -96px;
-}
-
-a.jxButtonActive:hover span.jxButtonContent {
-  background-position: right -96px;
-}
-
-/* clicking button */
-ul.jxToolbar a.jxButton:active,
-ul.jxToolbar a.jxButtonActive:active,
-a.jxButton:active,
-a.jxButtonActive:active {
-  background-position: left -48px;
-}
-
-a.jxButton:active span.jxButtonContent,
-a.jxButtonActive:active span.jxButtonContent {
-  background-position: right -48px;
-}
-
-/* disabled buttons */
-
-ul.jxToolbar .jxDisabled a.jxButton,
-.jxDisabled a.jxButton {
- cursor: default;
-}
-
-/* hover and active disabled button */
-ul.jxToolbar .jxDisabled a.jxButton:hover,
-ul.jxToolbar .jxDisabled a.jxButton:active {
-  background-position: left top;
-}
-
-.jxDisabled a.jxButton:hover,
-.jxDisabled a.jxButton:active {
-  background-position: left -24px;
-}
-
-ul.jxToolbar .jxDisabled a.jxButton:hover span.jxButtonContent,
-ul.jxToolbar .jxDisabled a.jxButton:active span.jxButtonContent {
-  background-position: right top;
-}
-
-.jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxDisabled a.jxButton:active span.jxButtonContent {
-  background-position: right -24px;
-}
-
-img.jxButtonIcon {
-  /* Base setup */
-  position: relative;
-  float: left;
-
-  width: 16px;
-  height: 16px;
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-
-span.jxButtonContent span {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  cursor: pointer;
-
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  line-height: 16px;
-  height: 16px;
-  white-space: nowrap;
-}
-
-span.jxButtonContent span.jxButtonLabel {
-  margin: 0px;
-  padding: 0 4px 0 4px;
-  color: #000;
-  font-size: 11px;
-}
-
-/* ========================== */
-/* JX BUTTON EXTENSION STYLES */
-/* ========================== */
-
-a.jxButtonMenu span.jxButtonContent,
-a.jxButtonMulti span.jxButtonContent,
-a.jxButtonFlyout span.jxButtonContent,
-a.jxButtonCombo span.jxButtonContent,
-a.jxButtonEditCombo span.jxButtonContent {
-  padding-right: 0px;
-}
-
-a.jxButtonMenu span.jxButtonContent span,
-a.jxButtonFlyout span.jxButtonContent span,
-a.jxButtonMulti span.jxButtonContent span,
-a.jxButtonCombo span.jxButtonContent span,
-a.jxButtonEditCombo span.jxButtonContent span {
-  padding-right: 16px;
-  background-image: url(images/emblems.png);
-  background-position: right -16px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose {
-  position: absolute;
-  display: block;
-  padding: 4px 0px;
-  font-size: 0px;
-  line-height: 0px;
-  right: 2px;
-  top: 2px;
-  background-image: url(images/button_multi_disclose.png);
-  background-position: right 0px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose img {
-  width: 16px;
-  height: 16px;
-  margin: 0px;
-  padding: 0px;
-  border: 0px;
-  background-image: url(images/emblems.png);
-  background-position: right -16px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose:hover {
-  background-position: right -96px;
-}
-
-a.jxButtonDisclose:active {
-  background-position: right -48px;
-}
-
-/* note, jxButtonHover is set by Multi button JS */
-ul.jxToolbar a.jxButtonHover {
-  background-position: left -24px;
-}
-
-ul.jxToolbar a.jxButtonHover span.jxButtonContent {
-  background-position: right -24px;
-}
-
-
-/* Jx Flyout Styles */
-
-.jxFlyout .jxChrome {
-  background-image: url(images/flyout_chrome.png);
-  padding: 5px 5px 7px 6px;
-}
-
-.jxFlyout .jxChrome img {
-  width: 500px;
-  height: 500px;
-}
-
-.jxFlyout {
-  /* Base setup */
-  position: absolute;
-  display: block;
-  z-index: 100;
-
-  margin: 0px;
-  padding: 0px;
-}
-
-.jxFlyoutContent {
-  position: relative;
-  display: block;
-  overflow: auto;
-  margin: 6px 6px 8px 7px;
-  background-color: #fff;
-  border: 1px solid #999;
-}
-
-/* Jx Combo and Multi Button Styles */
-
-a.jxButtonMulti,
-a.jxButtonMulti span.jxButtonContent {
-  background-image: url(images/button_multi.png);
-}
-
-a.jxButtonEditCombo,
-a.jxButtonEditCombo span.jxButtonContent {
-  background-image: url(images/button_combo.png);
-}
-
-a.jxButtonEditCombo span.jxButtonContent {
-/* put 2px padding on the top of the input to center the text and
-   remove it from this span
- */
-}
-
-a.jxButtonMulti span.jxButtonContent span {
-  padding-right: 21px;
-}
-
-a.jxButtonEditCombo span.jxButtonContent span {
-  font-size: 0px;
-}
-
-a.jxButtonComboDefault span.jxButtonContent span,
-a.jxButtonComboDefault input {
-  font-style: italic;
-  color: #999;
-}
-
-a.jxButtonEditCombo input {
-  float: left;
-  line-height: 16px;
-  height: 16px;
-  padding: 0px 4px;
-  margin: 0px;
-  border: none;
-  font-size: 11px;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  background-color: transparent;
-}/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* CHROME STYLES */
-/* ============= */
-/* Chrome uses four absolutely positioned DIVs containing an image for each of
-   four quadrants.  The chrome image is used as a sprite map. */
-
-.jxChrome {
-  /* Base setup */
-  position:absolute;
-  display: block;
-  font-size: 0px;
-  line-height: 0px;
-  z-index: -1;
-  width: 100%;
-  height: 100%;
-  top: 0px;
-  left: 0px;
-}
-
-.jxChromeDrag {
-  opacity: 0.5;
-  -ms-filter: "Alpha(opacity=50)";
-}
-
-.jxChromeTL {
-  position: absolute;
-  overflow: hidden;
-  left: 0%;
-  top: 0%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeTR {
-  position: absolute;
-  overflow: hidden;
-  left: 50%;
-  top: 0%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeBL {
-  position: absolute;
-  overflow: hidden;
-  left: 0%;
-  top: 50%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeBR {
-  position: absolute;
-  overflow: hidden;
-  left: 50%;
-  top: 50%;
-  width: 50%;
-  height: 50%;
-}
-
-
-.jxChromeTL img {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeTR img {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeBL img {
-  position: absolute;
-  bottom: 0px;
-  left: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeBR img {
-  position: absolute;
-  bottom: 0px;
-  right: 0px;
-  width: 500px;
-  height:500px;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: color.css 711 2008-08-13 20:38:33Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =================== */
-/* COLOR PICKER STYLES */
-/* =================== */
-
-/*.jxColorPicker {
-    position: absolute;
-    display: none;
-    top: 100%;
-    width: 212px;
-    left: 0px;
-    border: 1px solid #000;
-    padding: 2px;
-    background-color: #eee;
-}*/
-
-.jxColorBar {
-    position: relative;
-    overflow: hidden;
-}
-
-table.jxColorGrid {
-    position: relative;
-    border-collapse: collapse;
-    empty-cells: show;
-    clear:both;
-}
-
-.jxColorGrid td {
-    border: 1px solid #000;
-}
-
-.jxColorGrid td.emptyCell {
-    border: 0px solid #000;
-}
-
-.jxColorGrid td.emptyCell span {
-    display: block;
-    width: 7px;
-    height: 7px;
-    line-height: 0px;
-    font-size: 0px;
-    border: 0px solid #000;
-    padding: 1px;
-    margin: 0px;
-}
-
-.jxColorGrid a.colorSwatch {
-    display: block;
-    width: 7px;
-    height: 7px;
-    line-height: 0px;
-    font-size: 0px;
-    border: 0px solid #000;
-    margin: 0px;
-    padding: 1px;
-}
-
-.jxColorGrid a.borderWhite:hover {
-    border: 1px solid #fff;
-    padding: 0px;
-}
-
-.jxColorGrid a.borderBlack:hover {
-    border: 1px solid #000;
-    padding: 0px;
-}
-
-input.jxHexInput {
-    width: 55px;
-    vertical-align: middle;
-}
-
-input.jxAlphaInput {
-    width: 30px;
-    vertical-align: middle;
-}
-
-div.jxColorPreview {
-    float: left;
-    position: relative;
-    width: 20px;
-    height: 20px;
-    border: 1px solid #000;
-    margin: 2px;
-    vertical-align: middle;
-    background-image: url('images/grid.png');
-    overflow: hidden;
-}
-
-a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch {
-    display: block;
-    float: left;
-    width: 14px;
-    height: 14px;
-    border: 1px solid #000;
-    background-image: url('images/grid.png');
-    background-position: 0px 0px;
-    background-repeat: repeat;
-    padding-right: 0px !important;
-}
-
-a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch span {
-    display: block;
-    width: 14px;
-    height: 14px;
-    position: absolute;
-    padding-right: 0px;
-    background: none;
-}
-
-div.jxColorPreview img {
-    position: absolute;
-    z-index: 0;
-}
-
-div.jxColorPreview div {
-    width: 20px;
-    height: 10px;
-    position: absolute;
-    display: block;
-    left: 0px;
-    z-index: 1;
-    font-size: 10px;
-    line-height: 0px;
-}
-
-div.jxColorPreview div.jxColorSelected {
-    top: 0px;
-}
-
-div.jxColorPreview div.jxColorHover {
-    bottom: 0px;
-}
-
-label.jxColorLabel,
-label.jxAlphaLabel {
-    width: auto;
-    font-family: Verdana, Arial, sans-serif;
-    font-size: 11px;
-    line-height: 24px;
-    padding: 2px;
-    vertical-align: middle;
-}
-
-a.jxColorClose {
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    width: 16px;
-    height: 16px;
-}
-
-a.jxColorClose img {
-    width: 16px;
-    height: 16px;
-}/**
- * @project         Jx
- * @revision        $Id: $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* COMMON STYLES */
-/* ============= */
-
-a{outline:none;}
-.jxClearer{display:block;position:relative;float:none;clear:both;font-size:0;line-height:0;width:0;height:0;margin:0;padding:0;}
-.jxDisabled{opacity:0.4;-ms-filter:"Alpha(opacity=40)";}
-.jxDisabled *{-ms-filter:"Alpha(opacity=40)";}
-iframe.jxIframeShim{position:absolute;top:0px;left:0px;width:100%;height:100%;-ms-filter:"Alpha(opacity:0)";opacity:0;z-index:-1;}/**
- * @project         Jx
- * @revision        $Id: dialog.css 1035 2008-09-22 17:05:20Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* DIALOG STYLES */
-/* ============= */
-
-.jxDialog .jxChrome {
-  background-image: url(images/dialog_chrome.png);
-}
-
-.jxDialog .jxChrome img {
-  width: 500px;
-  height: 500px;
-}
-
-.jxDialog {
-  /* Base setup */
-  display: block;
-  z-index: 1;
-}
-
-.jxDialogContentContainer {
-  z-index: 1;
-  margin: 0px 11px 13px 12px;
-  border: 1px solid #b7b7b7;
-  background-color: #f0f0f0;
-}
-
-.jxDialogModal {
-  /* Base setup */
-  position: absolute;
-  display: block;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  height: 100%;
-
-  background-color: #000;
-  opacity: .2;
-  -ms-filter: "Alpha(opacity=20)";
-}
-
-.jxDialogContent {
-  /* Base setup */
-  display: block;
-  position:relative;
-  overflow: auto;
-
-  padding: 0px;
-  z-index: 1;
-}
-
-.jxDialogTitle {
-   /* Base setup */
-  display: block;
-  position: relative;
-
-  /* this makes the dialog draggable by the title bar in IE
-   * Without it, only the label is draggable
-   */
-  background-image: url(images/a_pixel.png);
-
-  text-align: center;
-  height: 24px;
-  line-height: 24px;
-  z-index: 1;
-
-  margin: 6px 6px 0px 7px;
-}
-
-.jxDialogMin .jxDialogTitle {
-  margin-bottom: 8px;
-}
-
-.jxDialogMoveable {
-  cursor: move;
-}
-
-.jxDialogIcon {
-  position: absolute;
-  left: 2px;
-  top: 3px;
-  width: 16px;
-  height: 16px;
-  border: none;
-  padding: 0px;
-  margin: 0px;
-}
-
-.jxDialogLabel {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  font-weight: bold;
-  /* line-height vertically aligns the label in the containing div. */
-  line-height:21px;
-  color: #000;
-  white-space: nowrap;
-}
-
-.jxDialogResize {
-  /* Base setup */
-  position: absolute;
-
-  bottom: 7px;
-  right: 6px;
-  width: 16px;
-  height: 16px;
-  z-index: 2;
-  border: 0px;
-  cursor: se-resize;
-  background-image: url(images/dialog_resize.png);
-}
-
-.jxDialogControls {
-  position: absolute;
-  top: 3px;
-  right: 2px;
-  height: 16px;
-  width: 80px;
-}
-
-.jxDialogControls img {
-  background-image: url('images/panel_controls.png');
-  background-repeat: no-repeat;
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-}
-
-.jxDialogClose img {
-  background-position: 0px -32px;
-}
-
-.jxDialogMenu img {
-  background-position: 0px -48px;
-}
-
-.jxDialogHelp img {
-  background-position: 0px -64px;
-}
-
-.jxDialogCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxDialogMin .jxDialogCollapse img {
-  background-position: 0px 0px;
-}
-
-.jxDialogMax .jxDialogCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxDialogLoading img {
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-  visibility:hidden;
-  position: absolute;
-  top: 1px;
-  left: 2px;
-}
-
-
-/* ========================= */
-/* JX BUTTON STYLES OVERIDES */
-/* ========================= */
-
-.jxDialogControls .jxButtonContainer,
-.jxDialogControls span.jxButtonContent,
-.jxDialogControls a.jxButton:hover span.jxButtonContent,
-.jxDialogControls a.jxButton:active span.jxButtonContent,
-.jxDialogControls a.jxButtonActive span.jxButtonContent,
-.jxDialogControls a.jxButtonActive:hover span.jxButtonContent,
-.jxDialogControls a.jxButtonActive:active span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton:active span.jxButtonContent,
-.jxDialogControls a.jxButton,
-.jxDialogControls a.jxButton:hover,
-.jxDialogControls a.jxButton:active ,
-.jxDialogControls a.jxButtonActive,
-.jxDialogControls a.jxButtonActive:hover,
-.jxDialogControls a.jxButtonActive:active,
-.jxDialogControls .jxDisabled a.jxButton,
-.jxDialogControls .jxDisabled a.jxButton:hover,
-.jxDialogControls .jxDisabled a.jxButton:active {
-  padding: 0px;
-  margin: 0px;
-  border: none;
-  background-color: transparent;
-  background-image: none;
-}
-
-
-.jxDialogControls a.jxButtonMenu span.jxButtonContent,
-.jxDialogControls a.jxButtonFlyout span.jxButtonContent {
-  background-image: none;
-}
-
-.jxDialogControls a.jxButtonMenu span.jxButtonContent span,
-.jxDialogControls a.jxButtonFlyout span.jxButtonContent span {
-  padding-right: 0px;
-}
-
-/* ========================== */
-/* JX TOOLBAR STYLES OVERIDES */
-/* ========================== */
-
-/* Multiple toolbars can be housed in  the toolbar container the container will expand vertically to accomodate wrapped toolbars */
-
-.jxDialogControls .jxBarContainer {
-  /* Base setup */
-  position: absolute;
-  right: 0px;
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  height: 16px;
-}
-
-.jxDialogControls .jxBarScroller {
-  left: auto;
-  right: 0px;
-}
-
-.jxDialogControls ul.jxToolbar {
-  float: right;
-}
-
-.jxDialogControls ul.jxToolbar,
-.jxDialogControls li.jxToolItem {
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-}/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* GRID STYLES */
-/* ============= */
-
-.jxGridContainer {
-    position: absolute;
-    top: 0;
-    left: 0;
-    border-left: 0px solid #d8d8d8;
-    border-top: 0px solid #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    overflow: hidden;
-}
-
-.jxGridTable {
-    position: relative;
-    table-layout: fixed;
-    border-collapse: collapse;
-    border-style: none;
-    width: 0px;
-    cursor: default;
-    font-family: Verdana, Arial, Verdana, sans-serif;
-    font-size: 11px;
-    font-weight: normal;
-}
-
-.jxGridColHeadHide {
-    height: 0px;
-    line-height: 0px;
-    font-size: 0px;
-    background-color: #fff;
-    white-space: normal;
-}
-
-.jxGridColHeadHide p, .jxGridRowHeadHide p {
-    font-size: 0px;
-    line-height: 0px;
-    height: 0px;
-    margin: 0px;
-    padding: 0px;
-}
-
-.jxGridRowHeadHide {
-    width: 0px;
-    white-space: normal;
-}
-
-.jxGridCell {
-    border-top: 0px solid #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid #d8d8d8;
-    overflow: hidden;
-    padding-left: 3px;
-    padding-right: 3px;
-    overflow: hidden;
-    /* can change this to normal */
-    white-space: nowrap;
-    cursor: cell;
-    /* only applies in IE and Safari right now */
-    text-overflow: ellipsis;
-}
-
-/* Nornal Styles */
-
-.jxGridColHead {
-    border-top: 0px solid  #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid  #d8d8d8;
-    background-color: #f2f2f2;
-    background-image: url('images/table_col.png');
-    background-position: 0px 0px;
-    background-repeat: repeat-x;
-
-    text-align: center;
-    font-weight: bold;
-    color: #333;
-    cursor: default;
-}
-
-.jxGridRowHead {
-    border-top: 0px solid  #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid  #d8d8d8;
-    background-color:  #f2f2f2;
-    background-image: url('images/table_row.png');
-    background-position: 0px 0px;
-    background-repeat: repeat-y;
-
-    text-align: center;
-    font-weight: bold;
-    color: #333;
-    cursor: default;
-}
-
-/* Alternating Row Styles */
-
-.jxGridRowAll {
-    background-color: #fff;
-}
-
-.jxGridRowOdd {}
-.jxGridRowEven {}
-.jxGridRowOdd td {}
-.jxGridRowEven td {}
-
-/* Selected Styles */
-
-.jxGridColumnHeaderSelected {
-    background-color: #e1e1e1;
-    background-position: 0px -200px;
-}
-
-.jxGridRowHeaderSelected {
-    background-color: #e1e1e1;
-    background-position: -400px 0px;
-}
-
-.jxGridColumnSelected {
-    background-color: #f7f7f7;
-}
-
-.jxGridRowSelected td {
-    background-color: #f7f7f7;
-}
-
-td.jxGridCellSelected {
-    background-color: #ebebeb;
-}
-
-/* Prelight Styles */
-
-.jxGridColumnHeaderPrelight {
-    background-color: #cee5ff;
-    background-position: 0px -300px;
-}
-
-.jxGridRowHeaderPrelight {
-    background-color: #cee5ff;
-    background-position: -600px 0px;
-}
-
-.jxGridColumnPrelight {
-    background-color: #e5f1ff;
-}
-
-.jxGridRowPrelight td {
-    background-color: #e5f1ff;
-}
-
-td.jxGridCellPrelight {
-  background-color: #cce3ff;
-}
-
-/********************************************************
-  Noble Studios - 05/21/07
-  ns_adsk.css
-  Mapguide Layout
-********************************************************/
-
-html {
-  height: 100%;
-}
-
-body {
-  width:  100%;
-  height:  100%;
-  overflow:  hidden;
-  background-color: #ffffff;
-}
-
-
-body, table {
-  font-style: normal;
-  font-weight: normal;
-  font-size: 75%;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: #000000;
-}
-
-/********************************************************
-  Overall Structure
-********************************************************/
-#AppContainer {
-}
-
-#SplitterArea {
-}
-
-#SplitterArea .jxSplitBarHorizontal {
-  width: 1px;
-  background-color: #000;
-}
-
-#Map {
-  background-image: url(images/mapBackground.png);
-  background-repeat: repeat-x;
-  background-color: #efefef;
-  background-position: bottom;
-  overflow: hidden;
-  z-index: 0;
-  border-top: 1px solid #000;
-}
-
-#Maptip {
-  display: none;
-  border: 1px solid #000;
-  background-color: #E5DAC7;
-  padding: 4px;
-}
-
-/********************************************************
-  Primary Toolbar
-********************************************************/
-
-#Toolbar {
-  z-index: 2;
-  background-image: url(images/toolbarBackground.png);
-  height: 24px;
-}
-
-#Toolbar div.jxButtonContainer {
-  padding: 1px 2px 0px 2px;
-}
-
-#Toolbar a.jxButton {
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  background-image: url(images/toolbarButton.png);
-}
-
-#Toolbar span.jxButtonContent {
-  padding: 3px 4px 3px 0px; /* makes room for the right of the button bg */
-  background-image: url(images/toolbarButton.png);
-}
-
-#Toolbar span.jxButtonLabel {
-  color: #000;
-  padding-top: 1px;
-  padding-bottom: 0px;
-}
-
-
-/********************************************************
-  Secondary Toolbar
-********************************************************/
-
-#ToolbarSecondary {
-  height: 24px;
-  background-image: url(images/toolbarSubBackground.png);
-  background-position: bottom;
-  z-index: 2;
-}
-
-#ToolbarSecondary div.jxButtonContainer {
-  padding: 1px 2px 0px 2px;
-}
-
-#ToolbarSecondary a.jxButton {
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  background-image: url(images/toolbarSubButton.png);
-}
-
-#ToolbarSecondary span.jxButtonContent {
-  padding: 4px 4px 3px 0px; /* makes room for the right of the button bg */
-  background-image: url(images/toolbarSubButton.png);
-}
-
-#ToolbarSecondary span.jxButtonLabel {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-
-/********************************************************
-  FileMenu
-********************************************************/
-
-#FileMenu {
-  z-index: 3;
-  background-color: #fff;
-  background-image: none;
-}
-
-#FileMenu ul.jxToolbar {
-  margin-top: 10px;
-}
-
-#FileMenu div.jxButtonContainer {
-  padding: 1px 2px 1px 2px;
-}
-
-#FileMenu a.jxButton {
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  background-image: url(images/fileMenuButton.png);
-}
-
-#FileMenu span.jxButtonContent {
-  padding: 2px 4px 2px 0px; /* makes room for the right of the button bg */
-  background-image: url(images/fileMenuButton.png);
-}
-
-#FileMenu span.jxButtonLabel {
-  color: #000;
-  padding: 0 4px 0 4px;
-  background-image: none;
-}
-
-
-/********************************************************
-  Status bar
-********************************************************/
-
-#StatusbarContainer {
-  border-top: 1px solid #000000;
-  background-color: #fffebe;
-  color: #ffffff;
-  line-height: 22px;
-  font-size: 10px;
-  vertical-align: middle;
-}
-
-#Statusbar .jxSplitBarHorizontal {
-  width: 1px;
-  background-color: #313131;
-  cursor: 'col-resize';
-  margin-top: 4px;
-  height: 13px;
-}
-
-#Statusbar .spanCursorPosition,
-#Statusbar .spanViewSize,
-#Statusbar .spanSelectionInfo {
-  padding: 4px 10px;
-  color: #000000;
-}
-
-.inputEditableScale {
-  border: 1px solid #E7E6A3;
-  background-color: #fff;
-  font-size: 10px;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-}
-
-#pbmg {
-  position: absolute;
-  right: 1px;
-  padding-top: 1px;
-}
-
-/********************************************************
-  Sidebar
-********************************************************/
-
-#Sidebar {
-  padding-left: 8px;
-}
-
-#Sidebar .jxSplitBarVertical {
-  height: 0px;
-}
-
-#Sidebar .jxSplitArea {
-  border-top: 1px solid #000;
-}
-
-#SidebarCollapse {
-  position: absolute;
-  width: 8px;
-  top: 0px;
-  left: 0px;
-  height: 100%;
-  z-index: 1;
-  overflow: hidden;
-}
-
-#SidebarCollapseContent {
-  position: absolute;
-  width: 8px;
-  height: 100%;
-  background: url(images/sidebarCollapseBackground.png) repeat-y #000;
-  top: -2px;
-  z-index: 1;
-}
-
-#SidebarCollapseTop {
-  position: absolute;
-  height: 2px;
-  width: 8px;
-  top: 0px;
-  background: url(images/sidebarCollapseTop.png) no-repeat;
-  z-index: 2;
-}
-
-#SidebarCollapseBottom {
-  position: absolute;
-  height: 2px;
-  width: 8px;
-  bottom: 0px;
-  background: url(images/sidebarCollapseBottom.png) no-repeat;
-  z-index: 2;
-}
-
-#SidebarCollapseButton {
-  display: block;
-  width: 8px;
-  top: 0px;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
-  position: absolute;
-  height: 100%;
-  font-size: 1px;
-}
-
-.jxSnapOpened #SidebarCollapseButton {
-  background-image: url(images/sidebarCloseButton.png) center no-repeat;
-}
-
-.jxSnapClosed #SidebarCollapseButton {
-  background-image: url(images/sidebarOpenButton.png) center no-repeat;
-}
-
-/**********************************************************
-  Sidebar Tabs
-**********************************************************/
-
-#Sidebar .jxTabSetContainer {
-  background-color: #fcc500;
-  padding-left: 3px;
-}
-
-#Sidebar .jxTabItem {
-  margin: 0px 1px 0px 0px;
-}
-
-#Sidebar .jxBarTop a.jxTab:hover,
-#Sidebar .jxBarTop a.jxTab:active {
-  text-decoration: underline;
-}
-
-#Sidebar .jxBarTop a.jxTab span.jxTabLabel {
-  font-weight: bold;
-}
-
-/**********************************************************
-  Sidebar Panels
-**********************************************************/
-
-#Legend {
-  background-color: #fff;
-  background-image: none;
-}
-
-#SelectionPanel {
-  background-color: #fff;
-}
-
-#OverviewMap {
-  background-color: #fcc500;
-  border: 1px solid #fefefe;
-  margin: 0px 3px 3px 0px;
-}
-
-#OverviewMap .olControlOverviewMapElement {
-  background-color: #fff;
-}
-
-#Navigator {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  display: block;
-  z-index: 100;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: menu.css 1143 2008-09-24 19:59:44Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============== */
-/* JX MENU STYLES */
-/* ============== */
-
-.jxMenuContainer .jxChrome {
-  /* the background image gets used by Jx.Chrome to create a stretchable chrome */
-  background-image: url(images/flyout_chrome.png);
-  /* the padding reflects the amount of space to leave around the content area
-   * for the chrome, typically to leave space for a shadow
-   */
-  padding: 5px 5px 7px 6px;
-}
-
-a.jxButtonMenu span.jxMenuItemSpan {
-  padding-right: 16px;
-}
-
-/* Jx Menus and Sub-menus are all built out of nested ULs
-   For this to work visually, the margins and padding need to be flattened
-   out, and the list marker needs to be hidden
-*/
-
-.jxMenuContainer {
-  position: absolute;
-  display: block;
-  z-index: 200;
-  padding: 0px;
-}
-
-ul.jxMenu,
-ul.jxSubMenu {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  list-style-type: none;
-
-  margin: 6px 6px 8px 7px;
-  background-color: #fff;
-  border: 1px solid #999;
-}
-
-li.jxMenuItemContainer {
-  /* This is needed for IE to make sure submenus don't open space in the parent menu */
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  margin: 0px;
-  padding: 0px;
-}
-
-a.jxMenuItem {
-  /* Base setup */
-  display: block;
-  position: relative;
-  text-decoration: none;
-
-  border: 1px solid #fff;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  text-decoration: none;
-  margin: 2px 2px;
-  padding: 0px;
-  color: #000;
-}
-
-a.jxMenuItem:hover {
-  border: 1px solid #D0EEA7;
-  background-image: url(images/menu_hover.png);
-  background-color: #D0EEA7;
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-}
-
-a.jxMenuItem:hover span.jxMenuItemContent {
-  border: 1px solid #D0EEA7;  /* forces IE to render properly */
-  border-bottom: 1px solid #D0EEA7;
-}
-
-span.jxMenuItemContent {
-  /* If using background images, the SPAN contains the right side of the background */
-  /* use padding to make space between the icon and button edge */
-  /* padding-left: 0px;*/ /* butts up to the left of the button bg image */
-  /* Base setup */
-  display: block;
-  position: relative;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 0px;
-  line-height: 0px;
-  white-space: nowrap;
-  padding: 0px 20px 0px 0px; /* space for the arrow */
-  margin: 0px;
-  border: 1px solid #fff; /* forces IE to render properly */
-}
-
-a.jxButtonSubMenu span.jxMenuItemContent,
-a.jxButtonSubMenu:hover span.jxMenuItemContent {
-  background-image: url(images/emblems.png);
-  background-position: right -32px;
-  background-repeat: no-repeat;
-}
-
-img.jxMenuItemIcon {
-  /* Base setup */
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  display: inline;
-
-  width: 16px;
-  height: 16px;
-  background-position: left center;
-  background-repeat: no-repeat;
-}
-
-span.jxMenuItemContent span {
-  /* Base setup for empty labels */
-  display: block;
-  position: relative;
-  cursor: pointer;
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 0px 0px 0px 20px; /* space for the icon */
-  font-size: 16px; /* keeps empty labels open */
-  line-height: 16px;
-}
-
-span.jxMenuItemContent span.jxMenuItemLabel {
-  /* Base setup, overrides empty labels */
-
-  color: #000;
-  font-size: 11px;
-}
-
-.jxMenuItemToggle img.jxMenuItemIcon,
-.jxMenuItemSet img.jxMenuItemIcon {
-  background-image: url(images/emblems.png);
-  background-position: 2px 0px;
-  background-repeat: no-repeat;
-}
-
-.jxMenuItemToggle a.jxMenuItemActive img.jxMenuItemIcon {
-  background-position: 2px -48px;
-}
-
-.jxMenuItemSet a.jxMenuItemActive img.jxMenuItemIcon {
-  background-position: 2px -64px;
-}
-
-a.jxMenuItemActive img.jxMenuItemIcon {
-  top: -2px;
-  left: -2px;
-  border: 2px solid #D0EEA7;
-}
-
-a.jxMenuItemActive span.jxMenuItemContent {
-  background-image: url(images/menu_icon_active.png);
-  background-position: 0px 0px;
-  background-repeat: no-repeat;
-}
-
-.jxDisabled a.jxMenuItem {
-  cursor: default;
-}
-
-.jxDisabled a.jxMenuItem:hover {
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #fff;
-}
-
-ul.jxMenu span.jxMenuSeparator,
-ul.jxSubMenu span.jxMenuSeparator {
-  /* Base setup */
-    display: block;
-
-  font-size: 10px;
-  line-height: 10px;
-  background-image: url(images/toolbar_separator_v.png);
-  background-repeat: repeat-x;
-  background-position: left center;
-}/**
- * @project         Jx
- * @revision        $Id: panel.css 1079 2008-09-23 17:54:08Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =============== */
-/* JX PANEL STYLES */
-/* =============== */
-
-.jxPanel {
-  /* Base setup */
-  display: block;
-  position:relative;
-}
-
-.jxPanelContentContainer {
-  /* Base setup */
-  /* need to test various scenarios to see if this is limiting */
-  overflow: hidden;
-  /*margin: 5px;*/
-  background-color: #f0f0f0;
-}
-
-/* the content panel inside a panel */
-.jxPanelContent {
-  /* Base setup */
-  /* position relative is required for panels to work correctly in safari */
-  position: relative;
-  display: block;
-  overflow: auto;
-
-  /*border: 1px solid #d8d8d8;*/
-  background-color: #fff;
-  margin: 0px;
-  padding: 0px;
-}
-
-.jxPanelTitle {
-  /* Base setup */
-  /* position relative is required for panel dragging to work correctly in safari */
-  display: block;
-  position: relative;
-
-  background-image: url(images/panelbar.png);
-  background-repeat: repeat-x;
-  background-position: left top;
-  /* note this is hard coded into jx.js JxPanel initialize function - change there as well as here */
-  height: 22px;
-  margin: 0;
-  padding: 0;
-
-  text-align: center;
-}
-
-/* JX PANELSET STYLE FOR TITLE BAR */
-.jxPanelBar {
-  position: absolute;
-  line-height: 1px;
-  width: 100%;
-  height: 5px;
-  cursor: row-resize;
-  /*background-image: url(images/a_pixel.png);*/
-  background-color: #f0f0f0;
-  z-index: 1;
-}
-
-.jxPanelIcon {
-  position: absolute;
-  left: 2px;
-  top: 3px;
-  width: 16px;
-  height: 16px;
-  border: none;
-  padding: 0px;
-  margin: 0px;
-}
-
-.jxPanelLabel {
-  /* make room for the loading spinner */
-  padding-left: 25px;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  font-weight: bold;
-  /* line-height vertically aligns the label in the containing div. */
-  line-height:21px;
-  color: #000;
-  white-space: nowrap;
-}
-
-.jxPanelControls {
-  position: absolute;
-  top: 3px;
-  right: 2px;
-  height: 16px;
-  width: 80px;
-  overflow: hidden;
-}
-
-.jxPanelControls img {
-  background-image: url('images/panel_controls.png');
-  background-repeat: no-repeat;
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-}
-
-.jxPanelClose img {
-  background-position: 0px -32px;
-}
-
-.jxPanelMenu img {
-  background-position: 0px -48px;
-}
-
-.jxPanelHelp img {
-  background-position: 0px -64px;
-}
-
-.jxPanelCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxPanelMin .jxPanelCollapse img {
-  background-position: 0px 0px;
-}
-
-.jxPanelMax .jxPanelCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxPanelMaximize img {
-  background-position: 0px 0px;
-}
-
-.jxPanelLoading img {
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-  visibility:hidden;
-  position: absolute;
-  top: 1px;
-  left: 2px;
-}
-
-
-
-/* ========================= */
-/* JX BUTTON STYLES OVERIDES */
-/* ========================= */
-
-.jxPanelControls .jxButtonContainer,
-.jxPanelControls span.jxButtonContent,
-.jxPanelControls a.jxButton:hover span.jxButtonContent,
-.jxPanelControls a.jxButton:active span.jxButtonContent,
-.jxPanelControls a.jxButtonActive span.jxButtonContent,
-.jxPanelControls a.jxButtonActive:hover span.jxButtonContent,
-.jxPanelControls a.jxButtonActive:active span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton:active span.jxButtonContent,
-.jxPanelControls a.jxButton,
-.jxPanelControls a.jxButton:hover,
-.jxPanelControls a.jxButton:active ,
-.jxPanelControls a.jxButtonActive,
-.jxPanelControls a.jxButtonActive:hover,
-.jxPanelControls a.jxButtonActive:active,
-.jxPanelControls .jxDisabled a.jxButton,
-.jxPanelControls .jxDisabled a.jxButton:hover,
-.jxPanelControls .jxDisabled a.jxButton:active {
-  padding: 0px;
-  margin: 0px;
-  border: none;
-  background-color: transparent;
-  background-image: none;
-}
-
-.jxPanelControls a.jxButtonMenu span.jxButtonContent,
-.jxPanelControls a.jxButtonFlyout span.jxButtonContent {
-  background-image: none;
-}
-
-.jxPanelControls a.jxButtonMenu span.jxButtonContent span,
-.jxPanelControls a.jxButtonFlyout span.jxButtonContent span {
-  padding-right: 0px;
-}
-
-/* ========================== */
-/* JX TOOLBAR STYLES OVERIDES */
-/* ========================== */
-
-/* Multiple toolbars can be housed in  the toolbar container the container will expand vertically to accomodate wrapped toolbars */
-
-.jxPanelControls div.jxBarTop {
-  /* Base setup */
-  position: absolute;
-  right: 0px;
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  height: 16px;
-}
-
-.jxPanelControls .jxBarScroller {
-  left: auto;
-  right: 0px;
-}
-
-.jxPanelControls ul.jxToolbar {
-  float: right;
-}
-
-.jxPanelControls ul.jxToolbar,
-.jxPanelControls li.jxToolItem {
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-}/**
- * @project         Jx
- * @revision        $Id: splitter.css 1130 2008-09-24 19:12:35Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =============== */
-/* SPLITTER STYLES */
-/* =============== */
-
-.jxSplitBarHorizontal {
-  display: block;
-  position: absolute;
-  font-size: 0px;
-  line-height: 0px;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  width: 5px;
-  height: 100%;
-  cursor: col-resize;
-  /*background-image: url(images/a_pixel.png);*/
-  background-color: #f0f0f0;
-  z-index: 1;
-}
-
-.jxSplitBarVertical {
-  display: block;
-  position: absolute;
-  font-size: 0px;
-  line-height: 0px;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  width: 100%;
-  height: 5px;
-  cursor: row-resize;
-  /*background-image: url(images/a_pixel.png);*/
-  background-color: #f0f0f0;
-  z-index: 1;
-}
-
-.jxSplitContainer {
-  display: block;
-  position: relative;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  overflow: hidden;
-}
-
-.jxSplitArea {
-  display: block;
-  position: absolute;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  overflow: hidden;
-  z-index: 0;
-}
-
-.jxSplitterMask { 
-  position: absolute; 
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-image: url(images/a_pixel.png);
-  z-index: 1; 
-} 
-
-.jxSplitBarDrag {
-  background-color: #eee;
-}
-
-.jxSnapHorizontalBefore {
-  width: 5px;
-  height: 5px;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  background-color: #aaa;
-}
-
-.jxSnapHorizontalAfter {
-  width: 5px;
-  height: 5px;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  background-color: #aaa;
-}/**
- * @project         Jx
- * @revision        $Id: tab.css 1129 2008-09-24 19:01:34Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ================== */
-/* TAB CONTENT STYLES */
-/* ================== */
-
-/* The tabBox consists of a box containing a tabbar and the tab content areas.
-   It can be used within the body or nested within another object.
-*/
-
-.jxTabSetContainer {
-  /* This is an example of a container that can be used to hold a tabBox
-     the position need to be explicitly set, as well as the width and height. */
-  /* Base setup */
-  position: relative;
-  display: block;
-  overflow: hidden;
-
-  width: 200px;
-  height: 200px;
-  margin: 0px;
-  padding: 0px;
-  background-color: #fff;
-}
-
-.jxTabSetContainer  .jxToolbarContainer {
-  /* Base setup */
-  z-index: auto;
-}
-
-.tabContent {
-  /* the width and height need to be set to 100% to:
-     1. fill the tab box area
-     2. allow a scrolling content area in IE */
-  /* Base setup */
-  display: none;
-  position: relative;
-  width:100%;
-  height: 100%;
-  overflow: auto;
-}
-
-.tabContentActive {
-  /* Base setup */
-  display: block;
-}
-
-/* ======================== */
-/* BASE TAB (BUTTON) STYLES */
-/* ======================== */
-
-div.jxTabContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  margin: 0px;
-  padding: 0px;
-  border: none;
-}
-
-a.jxTabClose {
-  /* Base setup */
-  display: block;
-  position: absolute;
-  cursor: pointer;
-}
-
-a.jxTabClose img {
-  width: 16px;
-  height: 16px;
-  background-image: url(images/tab_close.png);
-}
-
-a.jxTab {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  /* Using background images, the A contains the left side of the background */
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  background-repeat: no-repeat;
-  text-decoration: none;
-  color: #000;
-}
-
-.jxDisabled a.jxButton {
- cursor: default;
-}
-
-a.jxTab:hover,
-a.jxTab:active,
-a.jxTabActive,
-a.jxTabActive:hover,
-a.jxTabActive:active,
-.jxDisabled a.jxButton:hover,
-.jxDisabled a.jxButton:active {
-  border: none;
-}
-
-span.jxTabContent {
-  /* Base setup */
-  display: block;
-  font-size: 0px;
-  line-height: 0px;
-
-  /* The SPAN contains the other side of the tab background image
-     and the tab label */
-  margin: 0px;
-  padding: 0px;
-  background-repeat: no-repeat;
-}
-
-img.jxTabIcon {
-  /* Base setup */
-  position: relative;
-
-  width: 16px;
-  height: 16px;
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-
-span.jxTabLabel {
-  /* Base setup */
-  display: block;
-  position: relative;
-  cursor: pointer;
-
-  margin: 0px;
-  padding: 0px;
-  color: #000;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  line-height: 16px;
-}
-
-.jxTabBox {
-}
-
-/* ======================================= */
-/* HORIZONTALTAB BAR - TOP and BOTTOM TABS */
-/* ======================================= */
-
-.jxBarTop div.jxTabContainer,
-.jxBarBottom div.jxTabContainer {
-  /* Base setup */
-  float: left;
-  padding: 2px 0px;
-}
-
-.jxBarTop a.jxTab,
-.jxBarTop span.jxTabContent {
-  background-image: url(images/tab_top.png);
-}
-
-.jxBarBottom a.jxTab,
-.jxBarBottom span.jxTabContent {
-  background-image: url(images/tab_bottom.png);
-}
-
-/* Closeable Tab */
-
-.jxBarTop a.jxTabClose,
-.jxBarBottom a.jxTabClose {
-  top: 3px;
-  right: 3px;
-}
-
-.jxBarTop .jxTabClose span.jxTabContent,
-.jxBarBottom .jxTabClose span.jxTabContent {
-  padding-right: 16px;
-}
-
-/* Normal Tab */
-
-.jxBarTop a.jxTab,
-.jxBarBottom a.jxTab {
-  /* Base setup */
-  float: left;
-
-  padding-left: 4px; /* makes room for the left of the tab bg */
-  background-position: left -24px;
-}
-
-.jxBarTop span.jxTabContent,
-.jxBarBottom span.jxTabContent {
-  /* Base setup */
-  float: left;
-
-  padding: 4px 4px 4px 0px; /* makes space around the label */
-  background-position: right -24px;
-}
-
-
-/* Hover Tab */
-
-.jxBarTop a.jxTab:hover,
-.jxBarBottom a.jxTab:hover {
-  background-position: left -96px;
-}
-
-.jxBarTop a.jxTab:hover span.jxTabContent,
-.jxBarBottom a.jxTab:hover span.jxTabContent {
-  background-position: right -96px;
-}
-
-/* Click Tab */
-
-.jxBarTop a.jxTab:active,
-.jxBarBottom a.jxTab:active {
-  background-position: left -48px;
-}
-
-.jxBarTop a.jxTab:active span.jxTabContent,
-.jxBarBottom a.jxTab:active span.jxTabContent {
-  background-position: right -48px;
-}
-
-/* Active Tab */
-
-.jxBarTop a.jxTabActive,
-.jxBarBottom a.jxTabActive {
-  background-position: left -72px; /* switch to the active left BG */
-}
-
-.jxBarTop a.jxTabActive span.jxTabContent,
-.jxBarBottom a.jxTabActive span.jxTabContent {
-  background-position: right -72px; /* switch to the active right BG  */
-}
-
-/* Disabled Tab */
-
-.jxBarTop .jxDisabled a.jxTab:hover,
-.jxBarTop .jxDisabled a.jxTab:active,
-.jxBarBottom .jxDisabled a.jxTab:hover,
-.jxBarBottom .jxDisabled a.jxTab:active {
-  background-position: left -24px; /* do not switch the left BG */
-}
-
-
-.jxBarTop .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarTop .jxDisabled a.jxTab:active span.jxTabContent,
-.jxBarBottom .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarBottom .jxDisabled a.jxTab:active span.jxTabContent {
-  background-position: right -24px; /* do not switch the right BG */
-}
-
-
-.jxBarTop img.jxTabIcon,
-.jxBarBottom img.jxTabIcon {
-  /* Base setup */
-  float: left;
-}
-
-.jxBarTop span.jxTabLabel,
-.jxBarBottom span.jxTabLabel {
-  /* Base setup */
-  float: left;
-  height: 16px;
-
-  padding: 0px 4px 0px 4px;
-}
-
-
-/* ================================= */
-/* VERTICAL TAB BAR - LEFT and RIGHT */
-/* ================================= */
-
-.jxBarLeft div.jxTabContainer,
-.jxBarRight div.jxTabContainer {
-  /* Base setup */
-}
-
-.jxBarLeft a.jxTab,
-.jxBarLeft span.jxTabContent {
-  background-image: url(images/tab_left.png);
-}
-
-.jxBarRight a.jxTab,
-.jxBarRight span.jxTabContent {
-  background-image: url(images/tab_right.png);
-}
-
-/* Closeable Tab */
-
-.jxBarLeft a.jxTabClose,
-.jxBarRight a.jxTabClose {
-  top: 3px;
-  left: 3px;
-}
-
-.jxBarLeft .jxTabClose span.jxTabContent,
-.jxBarRight .jxTabClose span.jxTabContent {
-  padding-top: 16px;
-}
-
-/* Normal Tab */
-
-.jxBarLeft a.jxTab,
-.jxBarRight a.jxTab {
-  padding-top: 4px; /* makes room for the top of the tab bg */
-  background-position: -24px top;
-}
-
-.jxBarLeft span.jxTabContent,
-.jxBarRight span.jxTabContent {
-  padding: 0px 4px 4px 4px; /* makes space around the label */
-  background-position: -24px bottom;
-}
-
-/* Hover tab */
-
-.jxBarLeft a.jxTab:hover,
-.jxBarRight a.jxTab:hover {
-  background-position: -96px top; /* shifts the left BG out 2 px for slide effect */
-}
-
-.jxBarLeft a.jxTab:hover span.jxTabContent,
-.jxBarRight a.jxTab:hover span.jxTabContent {
-  background-position: -96px bottom;
-}
-
-/* Click Tab */
-
-.jxBarLeft a.jxTab:active,
-.jxBarRight a.jxTab:active {
-  background-position: -48px top;
-}
-
-.jxBarLeft a.jxTab:active span.jxTabContent,
-.jxBarRight a.jxTab:active span.jxTabContent {
-  background-position: -48px bottom;
-}
-
-/* Active Tab */
-
-.jxBarLeft a.jxTabActive,
-.jxBarRight a.jxTabActive {
-  background-position: -72px top; /* switch to the active top BG */
-}
-
-.jxBarLeft a.jxTabActive span.jxTabContent,
-.jxBarRight a.jxTabActive span.jxTabContent {
-  background-position: -72px bottom; /* switch to the active bottom BG  */
-}
-
-/* Disabled Tab */
-
-.jxBarLeft .jxDisabled a.jxTab:hover,
-.jxBarLeft .jxDisabled a.jxTab:active,
-.jxBarRight .jxDisabled a.jxTab:hover,
-.jxBarRigth .jxDisabled a.jxTab:active {
-  background-position: -24px top; /* do not switch the top BG */
-}
-
-
-.jxBarLeft .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarLeft .jxDisabled a.jxTab:active span.jxTabContent,
-.jxBarRight .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarRight .jxDisabled a.jxTab:active span.jxTabContent {
-  background-position: -24px bottom; /* do not switch the top BG */
-}
-
-.jxBarLeft span.jxTabLabel,
-.jxBarRight span.jxTabLabel {
-  padding: 4px 0px 4px 0px;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: toolbar.css 1080 2008-09-23 18:06:47Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============== */
-/* TOOLBAR STYLES */
-/* ============== */
-
-/* Multiple toolbars can be housed in  the toolbar container.
-   The container will expand vertically to accomodate wrapped toolbars */
-
-.jxBarContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-  z-index: 1;
-  overflow: hidden;
-
-  margin: 0px;
-  padding: 0px;
-  border: 0px;
-
-  background-color: #f0f0f0;
-}
-
-.jxBarTop,
-.jxBarBottom {
-  /* Horizontally oriented toolbars */
-  /* Base setup */
-  width: 100%; /* fills the width, may be needed for JS style sniffing */
-  height: 28px;
-  background-image: url(images/toolbar.png);
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-  overflow: hidden;
-}
-
-.jxTabBox .jxTabBarTop {
-  background-image: url(images/tabbar.png);
-  background-position: 0px bottom;
-}
-
-.jxTabBox .jxTabBarBottom {
-  background-image: url(images/tabbar_bottom.png);
-  background-position: 0px top;
-}
-
-.jxBarLeft,
-.jxBarRight {
-  /* Vertically oriented toolbars */
-  /* Base setup */
-  width: auto;
-  height: 100%;
-  background-image: url(images/toolbar.png);
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-  float: left;
-  overflow: hidden;
-}
-
-.jxTabBox .jxTabBarLeft {
-  background-image: url(images/tabbar_left.png);
-  background-repeat: repeat-y;
-  background-position: right 0px;
-}
-
-.jxTabBox .jxTabBarRight {
-  background-image: url(images/tabbar_right.png);
-  background-repeat: repeat-y;
-  background-position: left 0px;
-}
-
-.jxBarTop .jxBarScroller,
-.jxBarBottom .jxBarScroller {
-  position: absolute;
-  /* much bigger than its container */
-  width: 100%;
-  overflow: hidden;
-}
-
-.jxBarTop .jxBarScrollLeft,
-.jxBarBottom .jxBarScrollLeft {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-}
-
-.jxBarTop .jxBarScrollRight,
-.jxBarBottom .jxBarScrollRight {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-}
-
-.jxBarTop .jxBarScrollLeft img.jxButtonIcon,
-.jxBarBottom .jxBarScrollLeft img.jxButtonIcon {
-  background-image: url(images/emblems.png);
-  background-position: 0px -80px;
-}
-
-.jxBarTop .jxBarScrollRight img.jxButtonIcon,
-.jxBarBottom .jxBarScrollRight img.jxButtonIcon {
-  background-image: url(images/emblems.png);
-  background-position: 0px -96px;
-}
-
-/* The jx toolbar and tabbar are both built out of a UL
-   The margins/padding are flattened out, and the list markers are hidden
-   UL's are floated left so multiple toolbars can be in the samae row.
-   In IE, the UL needs to have a specified width to prevent button wrapping.
-
-   The tab background uses the sliding door technique so tabs can expand to
-   accomodate content up to 200 px wide (top/bottom tabs) or 200px high
-   (left/right tabs).  All parts and states of the tab BG graphics are in the
-   same image so they can be treated like sprites.
-
-   Horizontal tabs can contain text or an image label.  Vertical tabs need an
-   image label.
-*/
-
-ul.jxToolbar,
-ul.jxTabBar {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  list-style-type: none;
-
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  padding: 0px;
-  border: none;
-}
-
-.jxBarTop ul.jxToolbar,
-.jxBarBottom ul.jxToolbar,
-.jxBarTop ul.jxTabBar,
-.jxBarBottom ul.jxTabBar {
-}
-
-/* LI's are floated to the left, to make a horizontal row of buttons*/
-
-li.jxToolItem {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  padding: 0px;
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  border: none;
-}
-
-/* Seperator height should match that of button images
-   and the margins+padding+border should add up to the same total too. */
-
-li.jxToolItem  .separator {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  border: 0px;
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  padding: 4px;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-
-.jxBarTop  li.jxToolItem  span.jxBarSeparator,
-.jxBarBottom  li.jxToolItem  span.jxBarSeparator {
-  /* width/height should be defined */
-  width: 8px;
-  height: 20px;
-  background-image: url(images/toolbar_separator_h.png);
-}
-
-.jxBarLeft  li.jxToolItem  span.jxBarSeparator,
-.jxBarRight  li.jxToolItem  span.jxBarSeparator {
-  /* width/height should be defined */
-  width: 20px;
-  height: 8px;
-  background-image: url(images/toolbar_separator_v.png);
-}
-
-/* Vertically oriented toolbars need floats cleared */
-
-.jxBarLeft ul.jxToolbar,
-.jxBarLeft ul.jxTabBar,
-.jxBarLeft li.jxToolItem,
-.jxBarRight ul.jxToolbar,
-.jxBarRight ul.jxTabBar,
-.jxBarRight li.jxToolItem
-{
-  /* Base setup */
-  clear: both;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: tree.css 711 2008-08-13 20:38:33Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =========== */
-/* TREE STYLES */
-/* =========== */
-
-/* The jx tree built out of nested ULs
-   For this to work visually, the margins and padding need to be flattened
-   out, and the list marker needs to be hidden
-*/
-
-
-.jxTree,
-.jxTreeRoot {
-  /* relative positioning is required for IE to fix the peek-a-boo bug */
-  position:relative;
-  display: block;
-  list-style: none;
-  margin: 0px;
-  padding: 0px;
-}
-
-.jxTreeNest {
-  list-style: none;
-  margin: 0px;
-  padding: 0px;
-  background-repeat: repeat-y;
-  background-position: left top;
-}
-
-/* Node Classes */
-
-.jxTree li,
-.jxTreeRoot li {
-  /* relative positioning is required for IE to fix the peek-a-boo bug */
-  position:relative;
-  display: block;
-  margin: 0px;
-  padding: 0px;
-  background-repeat: no-repeat;
-  /* background branches may need to shift up/down according to height of the node */
-  background-position: left top;
-  white-space: nowrap;
-  font-size: 0px;
-  line-height: 0px;
-  overflow:hidden;
-}
-
-.jxTree li {
-  margin-left: 16px;
-}
-
-.jxTree a,
-.jxTreeRoot a {
-  position: relative;
-  display: block;
-  margin: 0px 0px 0px 14px;
-  padding: 0px 0px 0px 20px;
-  z-index: 0;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  color: #000;
-  text-decoration: none;
-  /* Line Height needs to be an even number so branches line up properly */
-  line-height: 20px;
-  height: 20px;
-}
-
-.jxTree a:hover,
-.jxTreeRoot a:hover {
-  background-image: url(images/tree_hover.png);
-  background-color: #CDE5FF;
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-}
-
-.jxDisabled .jxTree a:hover,
-.jxDisabled .jxTreeRoot a:hover {
-  background: none;
-  cursor: default;
-}
-
-.jxTreeNest {
-  background-image: url(images/tree_vert_line.png);
-}
-
-.jxTreeImage,
-.jxTreeIcon {
-  position: absolute;
-  display: inline;
-
-  left: 0px;
-  top: 0px;
-  width: 16px;
-  height: 20px;
-
-  z-index: 1;
-
-  background-image: url(images/tree.png);
-  background-repeat: no-repeat;
-
-  border: 0px;
-  margin: 0px;
-}
-
-.jxTreeIcon {
-  height: 16px;
-  top: 2px;
-  left: 2px;
-}
-
-.jxTreeBranchOpen .jxTreeIcon,
-.jxTreeBranchLastOpen .jxTreeIcon {
-  background-position: left -40px; /* open folder image */
-}
-
-
-.jxTreeBranchOpen .jxTreeImage {
-  background-position: left -100px; /* minus image */
-}
-
-.jxTreeBranchLastOpen .jxTreeImage {
-  background-position: left -160px; /* minus last image */
-}
-
-.jxTreeBranchClosed .jxTreeIcon,
-.jxTreeBranchLastClosed .jxTreeIcon {
-  background-position: left -20px; /* closed folder image */
-}
-
-
-.jxTreeBranchClosed .jxTreeImage {
-  background-position: left -80px; /* plus image */
-}
-
-.jxTreeBranchLastClosed .jxTreeImage {
-  background-position: left -140px; /* plus last image */
-}
-
-.jxTreeItem .jxTreeIcon,
-.jxTreeItemLast .jxTreeIcon {
-  background-position: left 0px; /* page image */
-}
-
-.jxTreeItem .jxTreeImage {
-  background-position: left -60px; /* node image */
-}
-
-.jxTreeItemLast .jxTreeImage {
-  background-position: left -120px; /* last node image */
-}
-
-.jxTreeItemSelected {
-  background-color: #AFD4FA;
-  font-weight:bold;
-}
-
-.jxTreeItem a,
-.jxTreeItem img,
-.jxTreeItem input,
-.jxTreeItemLast a,
-.jxTreeItemLast img,
-.jxTreeItemLast input,
-.jxTreeBranch a,
-.jxTreeBranch img,
-.jxTreeBranch input,
-.jxTreeBranchLast a,
-.jxTreeBranchLast img,
-.jxTreeBranchLast input {
-    vertical-align: middle;
-}
-
-

Added: trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/limegold.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/limegold.css	                        (rev 0)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/limegold.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -0,0 +1 @@
+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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{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:'';}html{height:100%;}body{width:100%;height:100%;overflow:hidden;background-color:#fff;}body,table{font-style:normal;font-weight:normal;font-size:75%;font-family:Verdana,Arial,Helvetica,sans-serif;color:#000;}#SplitterArea .jxSplitBarHorizontal{width:1px;background-color:#000;}#Map{background-image:url(images/mapBackground.png);background-repeat:repeat-x;background-color:#efefef;background-position:bottom;overflow:hidden;z-index:0;border-top:1px solid #000;}#Maptip{display:none;border:1px solid #000;background-color:#E5DAC7;padding:4px;}#Toolbar{z-index:2;background-image:url(images/toolbarBackground.png);
 height:24px;}#Toolbar span.jxButtonContainer{padding:1px 2px 0 2px;}#Toolbar a.jxButton{padding:0 0 0 4px;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonContent{padding:3px 4px 3px 0;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonLabel{color:#000;padding-top:1px;padding-bottom:0;}#ToolbarSecondary{height:24px;background-image:url(images/toolbarSubBackground.png);background-position:bottom;z-index:2;}#ToolbarSecondary span.jxButtonContainer{padding:1px 2px 0 2px;}#ToolbarSecondary a.jxButton{padding:0 0 0 4px;background-image:url(images/toolbarSubButton.png);}#ToolbarSecondary span.jxButtonContent{padding:4px 4px 3px 0;background-image:url(images/toolbarSubButton.png);}#ToolbarSecondary span.jxButtonLabel{padding-top:0;padding-bottom:0;}#FileMenu{z-index:3;background-color:#fff;background-image:none;}#FileMenu ul.jxToolbar{margin-top:10px;}#FileMenu span.jxButtonContainer{padding:1px 2px 1px 2px;}#FileMenu a.jxButton{padding:0 0 0
  4px;background-image:url(images/fileMenuButton.png);}#FileMenu span.jxButtonContent{padding:2px 4px 2px 0;background-image:url(images/fileMenuButton.png);}#FileMenu span.jxButtonLabel{color:#000;padding:0 4px 0 4px;background-image:none;}#StatusbarContainer{border-top:1px solid #000;background-color:#fffebe;color:#fff;line-height:22px;font-size:10px;vertical-align:middle;}#Statusbar .jxSplitBarHorizontal{width:1px;background-color:#313131;cursor:'col-resize';margin-top:4px;height:13px;}#Statusbar .spanCursorPosition,#Statusbar .spanViewSize,#Statusbar .spanSelectionInfo{padding:4px 10px;color:#000;}.inputEditableScale{border:1px solid #E7E6A3;background-color:#fff;font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;}#pbmg{position:absolute;right:1px;padding-top:1px;}#Sidebar{padding-left:8px;}#Sidebar .jxSplitBarVertical{height:0;}#Sidebar .jxSplitArea{border-top:1px solid #000;}#Sidebar .jxBarTop .jxBarControls,#Sidebar .jxBarBottom .jxBarControls{display:none;}#
 SidebarCollapse{position:absolute;width:8px;top:0;left:0;height:100%;z-index:1;overflow:hidden;}#SidebarCollapseContent{position:absolute;width:8px;height:100%;background:url(images/sidebarCollapseBackground.png) repeat-y #000;top:-2px;z-index:1;}#SidebarCollapseTop{position:absolute;height:2px;width:8px;top:0;background:url(images/sidebarCollapseTop.png) no-repeat;z-index:2;}#SidebarCollapseBottom{position:absolute;height:2px;width:8px;bottom:0;background:url(images/sidebarCollapseBottom.png) no-repeat;z-index:2;}#SidebarCollapseButton{display:block;width:8px;top:0;bottom:0;left:0;right:0;position:absolute;height:100%;font-size:1px;}.jxSnapOpened #SidebarCollapseButton{background-image:url(images/sidebarCloseButton.png) center no-repeat;}.jxSnapClosed #SidebarCollapseButton{background-image:url(images/sidebarOpenButton.png) center no-repeat;}#Sidebar .jxTabSetContainer{background-color:#fcc500;padding-left:3px;}#Sidebar .jxTabItem{margin:0 1px 0 0;}#Sidebar .jxToolItem{marg
 in:0 2px 0 0;}#Sidebar .jxBarTop a.jxTab:hover,#Sidebar .jxBarTop a.jxTab:active{text-decoration:underline;}#Sidebar .jxBarTop a.jxTab span.jxTabLabel{font-weight:bold;}#Legend{background-color:#fff;background-image:none;}#SelectionPanel{background-color:#fff;}#OverviewMap{background-color:#fcc500;border:1px solid #fefefe;margin:0 3px 3px 0;}#OverviewMap .olControlOverviewMapElement{background-color:#fff;}#Navigator{position:absolute;right:10px;top:10px;display:block;z-index:100;}ul.jxToolbar .jxButton:focus,.jxButton:focus{background-position:left -96px;}ul.jxToolbar .jxButton:focus span.jxButtonContent,.jxButton:focus span.jxButtonContent{background-position:right -96px;}ul.jxToolbar .jxButtonActive:focus,.jxButtonActive:focus{background-position:left -72px;}ul.jxToolbar .jxButtonActive:focus span.jxButtonContent,.jxButtonActive:focus span.jxButtonContent{background-position:right -72px;}span.jxButtonContent span{font-family:Verdana,Arial,Helvetica,sans-serif;}a.jxButtonEd
 itCombo input{font-family:Verdana,Arial,Helvetica,sans-serif;background-color:transparent;}.jxChromeTL img{width:500px;height:500px;}.jxChromeTR img{width:500px;height:500px;}.jxChromeBL img{width:500px;height:500px;}.jxChromeBR img{width:500px;height:500px;}.jxDialog .jxChrome{background-image:url(images/dialog_chrome.png);}.jxDialogContentContainer{border:none;}.jxDialogModal{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.2;-ms-filter:"Alpha(opacity=20)";}.jxDialogTitle{background-image:url(images/a_pixel.png);height:16px;margin:10px 10px 0 10px;}.jxDialogIcon{left:10px;top:0;}.jxDialogLabel{font-family:Verdana,Arial,Helvetica,sans-serif;line-height:15px;display:block;top:0;}.jxDialogControls{top:0;}.jxDialogControls img{background-image:url('images/dialog_controls.png');}.jxGridTable{font-family:Verdana,Arial,Helvetica,sans-serif;}a.jxMenuItem{font-family:Verdana,Arial,Helvetica,sans-serif;}span.jxMenuItemContent{font-fa
 mily:Verdana,Arial,Helvetica,sans-serif;}.jxPanelContentContainer{background-image:url(images/panelBackround.png);background-repeat:repeat-x;background-position:left bottom;background-color:#f0f0f0;}.jxPanelContent{background-color:transparent;}.jxPanelTitle{background-image:url(images/panelbar.png);background-repeat:repeat-x;background-position:left top;text-align:left;}.jxPanelBar{background-color:transparent;}.jxPanelLabel{padding-left:20px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-height:21px;color:#fff;white-space:nowrap;}.jxPanelControls{top:2px;left:2px;height:16px;width:16px;}.jxPanelControls img{background-image:url('images/panel_controls.png');background-repeat:no-repeat;}span.jxTabLabel{font-family:Verdana,Arial,Helvetica,sans-serif;}.jxSplitBarHorizontal{width:2px;background-color:transparent;}.jxSplitBarVertical{width:2px;background-color:transparent;}.jxSplitterMask{position:absolute;top:0;left:0;width:100%;height:100%;
 overflow:hidden;background-image:url(images/a_pixel.png);z-index:1;}.jxSplitArea{display:block;position:absolute;margin:0;padding:0;border:none;overflow:hidden;z-index:0;}.jxTabBarTop .jxBarWrapper,.jxTabBarBottom .jxBarWrapper{padding-left:0;}.jxBarTop div.jxTabContainer,.jxBarBottom div.jxTabContainer{float:left;padding:2px 0;}.jxBarTop a.jxTab,.jxBarTop span.jxTabContent{background-image:url(images/tab_top.png);}.jxBarBottom a.jxTab,.jxBarBottom span.jxTabContent{background-image:url(images/tab_bottom.png);}.jxBarTop a.jxTabClose,.jxBarBottom a.jxTabClose{top:3px;right:3px;}.jxBarTop a.jxTab,.jxBarBottom a.jxTab{float:left;}.jxBarTop span.jxTabContent,.jxBarBottom span.jxTabContent{float:left;}.jxBarTop a.jxTab:hover,.jxBarBottom a.jxTab:hover{background-position:left -96px;}.jxBarTop a.jxTab:hover span.jxTabContent,.jxBarBottom a.jxTab:hover span.jxTabContent{background-position:right -96px;}.jxBarTop a.jxTab:active,.jxBarBottom a.jxTab:active{background-position:left -4
 8px;}.jxBarTop a.jxTabActive:focus,.jxBarBottom a.jxTabActive:focus{background-position:left -48px;}.jxBarTop a.jxTabActive:focus span.jxTabContent,.jxBarBottom a.jxTabActive:focus span.jxTabContent{background-position:right -48px;}.jxBarTop a.jxTab:active span.jxTabContent,.jxBarBottom a.jxTab:active span.jxTabContent{background-position:right -48px;}.jxBarTop img.jxTabIcon,.jxBarBottom img.jxTabIcon{float:left;}.jxBarTop span.jxTabLabel,.jxBarBottom span.jxTabLabel{float:left;}.jxBarTop,.jxBarBottom{background-image:url(images/toolbar.png);background-repeat:repeat-x;background-position:0 0;}.jxBarTop .jxBarScroller,.jxBarBottom .jxBarScroller{position:absolute;width:10000%;overflow:hidden;}.jxBarTop li.jxToolItem span.jxBarSeparator,.jxBarBottom li.jxToolItem span.jxBarSeparator{width:8px;height:20px;background-image:url(images/toolbar_separator_h.png);}.jxBarLeft li.jxToolItem span.jxBarSeparator,.jxBarRight li.jxToolItem span.jxBarSeparator{width:20px;height:8px;backgrou
 nd-image:url(images/toolbar_separator_v.png);}.jxBarTop .jxBarScrollLeft img.jxButtonIcon,.jxBarBottom .jxBarScrollLeft img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -80px;}.jxBarTop .jxBarScrollRight img.jxButtonIcon,.jxBarBottom .jxBarScrollRight img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -96px;}.jxBarTop .jxBarControls .jxButtonContainer,.jxBarBottom .jxBarControls .jxButtonContainer,.jxBarTop .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer,.jxBarBottom .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer{z-index:1;padding:2px;margin-left:-1px;}.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarTop .jxBarControls .jxDisabled .jxButton,.jxBarBottom .jxBa
 rControls .jxDisabled .jxButton,.jxBarTop .jxBarControls .jxDisabled .jxButton,.jxBarBottom .jxBarControls .jxDisabled .jxButton{visibility:hidden;cursor:default;}.jxTabBox .jxTabBarTop{background-image:url(images/tabbar.png);background-position:0 bottom;}a.jxTreeItem{font-family:Verdana,Arial,Helvetica,sans-serif;}
\ No newline at end of file

Added: trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/limegold.uncompressed.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/limegold.uncompressed.css	                        (rev 0)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/limegold/limegold.uncompressed.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -0,0 +1,740 @@
+/*
+Copyright (c) 2006, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 0.11.0
+*/
+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;}
+table{border-collapse:collapse;border-spacing:0;}
+fieldset,img{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:'';}
+
+/********************************************************
+  Noble Studios - 05/21/07
+  ns_adsk.css
+  Mapguide Layout
+********************************************************/
+
+html {
+  height: 100%;
+}
+
+body {
+  width:  100%;
+  height:  100%;
+  overflow:  hidden;
+  background-color: #ffffff;
+}
+
+
+body, table {
+  font-style: normal;
+  font-weight: normal;
+  font-size: 75%;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: #000000;
+}
+
+/********************************************************
+  Overall Structure
+********************************************************/
+#AppContainer {
+}
+
+#SplitterArea {
+}
+
+#SplitterArea .jxSplitBarHorizontal {
+  width: 1px;
+  background-color: #000;
+}
+
+#Map {
+  background-image: url(images/mapBackground.png);
+  background-repeat: repeat-x;
+  background-color: #efefef;
+  background-position: bottom;
+  overflow: hidden;
+  z-index: 0;
+  border-top: 1px solid #000;
+}
+
+#Maptip {
+  display: none;
+  border: 1px solid #000;
+  background-color: #E5DAC7;
+  padding: 4px;
+}
+
+/********************************************************
+  Primary Toolbar
+********************************************************/
+
+#Toolbar {
+  z-index: 2;
+  background-image: url(images/toolbarBackground.png);
+  height: 24px;
+}
+
+#Toolbar span.jxButtonContainer {
+  padding: 1px 2px 0px 2px;
+}
+
+#Toolbar a.jxButton {
+  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
+  background-image: url(images/toolbarButton.png);
+}
+
+#Toolbar span.jxButtonContent {
+  padding: 3px 4px 3px 0px; /* makes room for the right of the button bg */
+  background-image: url(images/toolbarButton.png);
+}
+
+#Toolbar span.jxButtonLabel {
+  color: #000;
+  padding-top: 1px;
+  padding-bottom: 0px;
+}
+
+
+/********************************************************
+  Secondary Toolbar
+********************************************************/
+
+#ToolbarSecondary {
+  height: 24px;
+  background-image: url(images/toolbarSubBackground.png);
+  background-position: bottom;
+  z-index: 2;
+}
+
+#ToolbarSecondary span.jxButtonContainer {
+  padding: 1px 2px 0px 2px;
+}
+
+#ToolbarSecondary a.jxButton {
+  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
+  background-image: url(images/toolbarSubButton.png);
+}
+
+#ToolbarSecondary span.jxButtonContent {
+  padding: 4px 4px 3px 0px; /* makes room for the right of the button bg */
+  background-image: url(images/toolbarSubButton.png);
+}
+
+#ToolbarSecondary span.jxButtonLabel {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+/********************************************************
+  FileMenu
+********************************************************/
+
+#FileMenu {
+  z-index: 3;
+  background-color: #fff;
+  background-image: none;
+}
+
+#FileMenu ul.jxToolbar {
+  margin-top: 10px;
+}
+
+#FileMenu span.jxButtonContainer {
+  padding: 1px 2px 1px 2px;
+}
+
+#FileMenu a.jxButton {
+  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
+  background-image: url(images/fileMenuButton.png);
+}
+
+#FileMenu span.jxButtonContent {
+  padding: 2px 4px 2px 0px; /* makes room for the right of the button bg */
+  background-image: url(images/fileMenuButton.png);
+}
+
+#FileMenu span.jxButtonLabel {
+  color: #000;
+  padding: 0 4px 0 4px;
+  background-image: none;
+}
+
+
+/********************************************************
+  Status bar
+********************************************************/
+
+#StatusbarContainer {
+  border-top: 1px solid #000000;
+  background-color: #fffebe;
+  color: #ffffff;
+  line-height: 22px;
+  font-size: 10px;
+  vertical-align: middle;
+}
+
+#Statusbar .jxSplitBarHorizontal {
+  width: 1px;
+  background-color: #313131;
+  cursor: 'col-resize';
+  margin-top: 4px;
+  height: 13px;
+}
+
+#Statusbar .spanCursorPosition,
+#Statusbar .spanViewSize,
+#Statusbar .spanSelectionInfo {
+  padding: 4px 10px;
+  color: #000000;
+}
+
+.inputEditableScale {
+  border: 1px solid #E7E6A3;
+  background-color: #fff;
+  font-size: 10px;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+#pbmg {
+  position: absolute;
+  right: 1px;
+  padding-top: 1px;
+}
+
+/********************************************************
+  Sidebar
+********************************************************/
+
+#Sidebar {
+  padding-left: 8px;
+}
+
+#Sidebar .jxSplitBarVertical {
+  height: 0px;
+}
+
+#Sidebar .jxSplitArea {
+  border-top: 1px solid #000;
+}
+
+#Sidebar .jxBarTop .jxBarControls,
+#Sidebar .jxBarBottom .jxBarControls{
+  display: none;
+}
+
+#SidebarCollapse {
+  position: absolute;
+  width: 8px;
+  top: 0px;
+  left: 0px;
+  height: 100%;
+  z-index: 1;
+  overflow: hidden;
+}
+
+#SidebarCollapseContent {
+  position: absolute;
+  width: 8px;
+  height: 100%;
+  background: url(images/sidebarCollapseBackground.png) repeat-y #000;
+  top: -2px;
+  z-index: 1;
+}
+
+#SidebarCollapseTop {
+  position: absolute;
+  height: 2px;
+  width: 8px;
+  top: 0px;
+  background: url(images/sidebarCollapseTop.png) no-repeat;
+  z-index: 2;
+}
+
+#SidebarCollapseBottom {
+  position: absolute;
+  height: 2px;
+  width: 8px;
+  bottom: 0px;
+  background: url(images/sidebarCollapseBottom.png) no-repeat;
+  z-index: 2;
+}
+
+#SidebarCollapseButton {
+  display: block;
+  width: 8px;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  position: absolute;
+  height: 100%;
+  font-size: 1px;
+}
+
+.jxSnapOpened #SidebarCollapseButton {
+  background-image: url(images/sidebarCloseButton.png) center no-repeat;
+}
+
+.jxSnapClosed #SidebarCollapseButton {
+  background-image: url(images/sidebarOpenButton.png) center no-repeat;
+}
+
+/**********************************************************
+  Sidebar Tabs
+**********************************************************/
+
+#Sidebar .jxTabSetContainer {
+  background-color: #fcc500;
+  padding-left: 3px;
+}
+
+#Sidebar .jxTabItem {
+  margin: 0px 1px 0px 0px;
+}
+
+#Sidebar .jxToolItem {
+  margin: 0px 2px 0px 0px;
+}
+
+#Sidebar .jxBarTop a.jxTab:hover,
+#Sidebar .jxBarTop a.jxTab:active {
+  text-decoration: underline;
+}
+
+#Sidebar .jxBarTop a.jxTab span.jxTabLabel {
+  font-weight: bold;
+}
+
+/**********************************************************
+  Sidebar Panels
+**********************************************************/
+
+#Legend {
+  background-color: #fff;
+  background-image: none;
+}
+
+#SelectionPanel {
+  background-color: #fff;
+}
+
+#OverviewMap {
+  background-color: #fcc500;
+  border: 1px solid #fefefe;
+  margin: 0px 3px 3px 0px;
+}
+
+#OverviewMap .olControlOverviewMapElement {
+  background-color: #fff;
+}
+
+#Navigator {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  display: block;
+  z-index: 100;
+}
+/* ====================== */
+/* OVERRIDE BUTTON STYLES */
+/* ====================== */
+
+/* focus button */
+ul.jxToolbar .jxButton:focus,
+.jxButton:focus {
+  background-position: left -96px;
+}
+
+ul.jxToolbar .jxButton:focus span.jxButtonContent,
+.jxButton:focus span.jxButtonContent {
+  background-position: right -96px;
+}
+
+/* focus active button */
+ul.jxToolbar .jxButtonActive:focus,
+.jxButtonActive:focus {
+  background-position: left -72px;
+}
+
+ul.jxToolbar .jxButtonActive:focus span.jxButtonContent,
+.jxButtonActive:focus span.jxButtonContent {
+  background-position: right -72px;
+}
+
+span.jxButtonContent span {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+a.jxButtonEditCombo input {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  background-color: transparent;
+}
+
+/* ====================== */
+/* OVERRIDE CHROME STYLES */
+/* ====================== */
+
+.jxChromeTL img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeTR img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeBL img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeBR img {
+  width: 500px;
+  height:500px;
+}
+
+/* ====================== */
+/* OVERRIDE DIALOG STYLES */
+/* ====================== */
+
+.jxDialog .jxChrome {
+  background-image: url(images/dialog_chrome.png);
+}
+
+.jxDialogContentContainer {
+  border: none;
+}
+
+.jxDialogModal {
+  /* Base setup */
+  position: absolute;
+  display: block;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+
+  background-color: #000;
+  opacity: .2;
+  -ms-filter: "Alpha(opacity=20)";
+}
+
+.jxDialogTitle {
+  /* this makes the dialog draggable by the title bar in IE
+   * Without it, only the label is draggable
+   */
+  background-image: url(images/a_pixel.png);
+
+  /* note: height is hard coded into jx.js Jx.Dialog initialize function - change there as well as here */
+  height: 16px;
+
+  margin: 10px 10px 0px 10px;
+}
+
+.jxDialogIcon {
+  left: 10px;
+  top: 0px;
+}
+
+.jxDialogLabel {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  line-height:15px;
+  display:block;
+  top: 0px;
+}
+
+.jxDialogControls {
+  top: 0px;
+}
+
+.jxDialogControls img {
+  background-image: url('images/dialog_controls.png');
+}
+
+
+/* ======================= */
+/* OVERRIDE JX GRID STYLES */
+/* ======================= */
+
+.jxGridTable {
+    font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+/* ======================= */
+/* OVERRIDE JX MENU STYLES */
+/* ======================= */
+
+a.jxMenuItem {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+span.jxMenuItemContent {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+/* ======================== */
+/* OVERRIDE JX PANEL STYLES */
+/* ======================== */
+
+.jxPanelContentContainer {
+  background-image: url(images/panelBackround.png);
+  background-repeat: repeat-x;
+  background-position: left bottom;
+  background-color: #f0f0f0;
+}
+
+.jxPanelContent {
+  background-color: transparent;
+}
+
+.jxPanelTitle {
+  background-image: url(images/panelbar.png);
+  background-repeat: repeat-x;
+  background-position: left top;
+  text-align: left;
+}
+
+/* JX PANELSET STYLE FOR TITLE BAR */
+.jxPanelBar {
+  background-color: transparent;
+}
+
+.jxPanelLabel {
+  /* make room for the loading spinner */
+  padding-left: 20px;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size: 11px;
+  font-weight: bold;
+  /* line-height vertically aligns the label in the containing div. */
+  line-height:21px;
+  color: #fff;
+  white-space: nowrap;
+}
+
+.jxPanelControls {
+  top: 2px;
+  left: 2px;
+  height: 16px;
+  width: 16px;
+}
+
+.jxPanelControls img {
+  background-image: url('images/panel_controls.png');
+  background-repeat: no-repeat;
+}
+
+/* ================================= */
+/* OVERRIDE BASE TAB (BUTTON) STYLES */
+/* ================================= */
+
+span.jxTabLabel {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+/* ======================== */
+/* OVERRIDE SPLITTER STYLES */
+/* ======================== */
+
+.jxSplitBarHorizontal {
+  width: 2px;
+  background-color: transparent;
+}
+
+.jxSplitBarVertical {
+  width: 2px;
+  background-color: transparent;
+}
+
+.jxSplitterMask { 
+  position: absolute; 
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-image: url(images/a_pixel.png);
+  z-index: 1; 
+} 
+
+.jxSplitArea {
+  display: block;
+  position: absolute;
+  margin: 0px;
+  padding: 0px;
+  border: none;
+  overflow: hidden;
+  z-index: 0;
+}
+
+/* ================================================ */
+/* OVERRIDE HORIZONTALTAB BAR - TOP and BOTTOM TABS */
+/* ================================================ */
+
+.jxTabBarTop .jxBarWrapper, 
+.jxTabBarBottom .jxBarWrapper {
+  padding-left: 0px;
+}
+
+.jxBarTop div.jxTabContainer,
+.jxBarBottom div.jxTabContainer {
+  /* Base setup */
+  float: left;
+  padding: 2px 0px;
+}
+
+.jxBarTop a.jxTab,
+.jxBarTop span.jxTabContent {
+  background-image: url(images/tab_top.png);
+}
+
+.jxBarBottom a.jxTab,
+.jxBarBottom span.jxTabContent {
+  background-image: url(images/tab_bottom.png);
+}
+
+.jxBarTop a.jxTabClose,
+.jxBarBottom a.jxTabClose {
+  top: 3px;
+  right: 3px;
+}
+
+.jxBarTop a.jxTab,
+.jxBarBottom a.jxTab {
+  float: left;
+}
+
+.jxBarTop span.jxTabContent,
+.jxBarBottom span.jxTabContent {
+  float: left;
+}
+
+.jxBarTop a.jxTab:hover,
+.jxBarBottom a.jxTab:hover {
+  background-position: left -96px;
+}
+
+.jxBarTop a.jxTab:hover span.jxTabContent,
+.jxBarBottom a.jxTab:hover span.jxTabContent {
+  background-position: right -96px;
+}
+
+.jxBarTop a.jxTab:active,
+.jxBarBottom a.jxTab:active {
+  background-position: left -48px;
+}
+
+/* Focus Active tab */
+.jxBarTop a.jxTabActive:focus,
+.jxBarBottom a.jxTabActive:focus {
+  background-position: left -48px; 
+}
+
+.jxBarTop a.jxTabActive:focus span.jxTabContent,
+.jxBarBottom a.jxTabActive:focus span.jxTabContent {
+  background-position: right -48px; 
+}
+
+.jxBarTop a.jxTab:active span.jxTabContent,
+.jxBarBottom a.jxTab:active span.jxTabContent {
+  background-position: right -48px;
+}
+
+
+.jxBarTop img.jxTabIcon,
+.jxBarBottom img.jxTabIcon {
+  float: left;
+}
+
+.jxBarTop span.jxTabLabel,
+.jxBarBottom span.jxTabLabel {
+  float: left;
+}
+
+/* ======================= */
+/* OVERRIDE TOOLBAR STYLES */
+/* ======================= */
+
+.jxBarTop,
+.jxBarBottom {
+  background-image: url(images/toolbar.png);
+  background-repeat: repeat-x;
+  background-position: 0px 0px;
+}
+
+.jxBarTop .jxBarScroller,
+.jxBarBottom .jxBarScroller {
+  position: absolute;
+  /* much bigger than its container */
+  width: 10000%;
+  overflow: hidden;
+}
+
+.jxBarTop  li.jxToolItem  span.jxBarSeparator,
+.jxBarBottom  li.jxToolItem  span.jxBarSeparator {
+  /* width/height should be defined */
+  width: 8px;
+  height: 20px;
+  background-image: url(images/toolbar_separator_h.png);
+}
+
+.jxBarLeft  li.jxToolItem  span.jxBarSeparator,
+.jxBarRight  li.jxToolItem  span.jxBarSeparator {
+  /* width/height should be defined */
+  width: 20px;
+  height: 8px;
+  background-image: url(images/toolbar_separator_v.png);
+}
+
+.jxBarTop .jxBarScrollLeft img.jxButtonIcon,
+.jxBarBottom .jxBarScrollLeft img.jxButtonIcon {
+  background-image: url(images/emblems.png);
+  background-position: 0px -80px;
+}
+
+.jxBarTop .jxBarScrollRight img.jxButtonIcon,
+.jxBarBottom .jxBarScrollRight img.jxButtonIcon {
+  background-image: url(images/emblems.png);
+  background-position: 0px -96px;
+}
+
+.jxBarTop .jxBarControls .jxButtonContainer,
+.jxBarBottom .jxBarControls .jxButtonContainer,
+.jxBarTop .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer,
+.jxBarBottom .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer{
+  z-index: 1;
+  padding: 2px;
+  margin-left: -1px;
+}
+
+/* trick here:  hide disabled buttons */
+.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarBottom .jxBarControls  .jxDisabled span.jxButtonContent span,
+.jxBarTop .jxBarControls .jxDisabled .jxButton,
+.jxBarBottom .jxBarControls .jxDisabled .jxButton,
+.jxBarTop .jxBarControls .jxDisabled .jxButton,
+.jxBarBottom .jxBarControls  .jxDisabled .jxButton{
+  visibility:hidden;
+  cursor: default; 
+}
+
+.jxTabBox .jxTabBarTop {
+  background-image: url(images/tabbar.png);
+  background-position: 0px bottom;
+}
+
+/* ==================== */
+/* OVERRIDE TREE STYLES */
+/* ==================== */
+
+a.jxTreeItem {
+  font-family: Verdana,Arial,Helvetica,sans-serif;
+}
\ No newline at end of file

Modified: trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/index.html
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/index.html	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/index.html	2011-05-31 07:11:07 UTC (rev 5881)
@@ -7,7 +7,8 @@
 <meta http-equiv="Content-type" content="text/html; charset=UTF-8">
 
 <script type="text/javascript" src="../../../lib/fusionSF-compressed.js"></script>
-<link rel="stylesheet" href="jxtheme.css" type="text/css" media="screen" charset="utf-8">
+<link rel="stylesheet" href="../../../lib/jxLib/themes/delicious/jxtheme.css" type="text/css" media="screen" charset="utf-8">
+<link rel="stylesheet" href="maroon.css" type="text/css" media="screen" charset="utf-8">
 <!--[if lte IE 6]>
 <link rel="stylesheet" href="ie6.css" type="text/css" media="screen" charset="utf-8">
 <![endif]-->
@@ -82,26 +83,26 @@
   /* create dynamic content */
   panel1 = new Jx.Panel({
       label: OpenLayers.i18n('legendTitle'),
-      collapse: false,
+      collapse: true,
       maximize: true,
       contentId: 'Legend'});
   panel1.content.id = 'Legend';
 
   panel2 = new Jx.Panel({
       label: OpenLayers.i18n('selectionPanelTitle'),
-      collapse: false,
+      collapse: true,
       maximize: true,
       contentId: 'SelectionPanel'});
 
   panel3 = new Jx.Panel({
       label: OpenLayers.i18n('taskPaneTitle'),
-      collapse: false,
+      collapse: true,
       maximize: true,
       contentId: 'TaskPane'});
 
   panel4 = new Jx.Panel({
       label: OpenLayers.i18n('ovmapTitle'),
-      collapse: false,
+      collapse: true,
       maximize: true,
       contentId: 'OverviewMap'});
 

Deleted: trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/jxtheme.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/jxtheme.css	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/jxtheme.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -1,24 +0,0 @@
-/*
- * reset.css - Copyright (c) 2006, Yahoo! Inc. All rights reserved.
- * Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
- *
- * Copyright (c) 2006-2008, DM Solutions Group Inc.  All rights reserved
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included
- * in all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.  IN NO EVENT SHALL
- * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- */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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{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:'';}div.jxButtonContainer{display:block;position:relative;float:left;margin:0;padding:2px;border:none;}a.jxButton{display:block;position:relative;float:left;margin:0;padding:0 0 0 4px;border:none;background-image:url(images/button.png);background-position:left -24px;background-repeat:no-repeat;text-decoration:none;}ul.jxToolbar a.jxButton{background-position:left top;}span.jxButtonContent{display:block;position:relative;float:left;font-size:0;line-height:0;margin:0;padding:4px 4px 4px 0;border:none;background-image:url(images/button.png);background-position:right -24px;background-repeat:no-repeat;}ul.jxT
 oolbar span.jxButtonContent{background-position:right top;}ul.jxToolbar a.jxButton:hover,a.jxButton:hover{background-position:left -96px;}a.jxButton:hover span.jxButtonContent{background-position:right -96px;}ul.jxToolbar a.jxButtonActive,a.jxButtonActive{background-position:left -72px;}a.jxButtonActive span.jxButtonContent{background-position:right -72px;}ul.jxToolbar a.jxButton:hover,a.jxButtonActive:hover{background-position:left -96px;}a.jxButtonActive:hover span.jxButtonContent{background-position:right -96px;}ul.jxToolbar a.jxButton:active,ul.jxToolbar a.jxButtonActive:active,a.jxButton:active,a.jxButtonActive:active{background-position:left -48px;}a.jxButton:active span.jxButtonContent,a.jxButtonActive:active span.jxButtonContent{background-position:right -48px;}ul.jxToolbar .jxDisabled a.jxButton,.jxDisabled a.jxButton{cursor:default;}ul.jxToolbar .jxDisabled a.jxButton:hover,ul.jxToolbar .jxDisabled a.jxButton:active{background-position:left top;}.jxDisabled a.jxBut
 ton:hover,.jxDisabled a.jxButton:active{background-position:left -24px;}ul.jxToolbar .jxDisabled a.jxButton:hover span.jxButtonContent,ul.jxToolbar .jxDisabled a.jxButton:active span.jxButtonContent{background-position:right top;}.jxDisabled a.jxButton:hover span.jxButtonContent,.jxDisabled a.jxButton:active span.jxButtonContent{background-position:right -24px;}img.jxButtonIcon{position:relative;float:left;width:16px;height:16px;background-position:center center;background-repeat:no-repeat;}span.jxButtonContent span{display:block;position:relative;float:left;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:16px;height:16px;white-space:nowrap;}span.jxButtonContent span.jxButtonLabel{margin:0;padding:0 4px 0 4px;color:#000;font-size:11px;}a.jxButtonMenu span.jxButtonContent,a.jxButtonMulti span.jxButtonContent,a.jxButtonFlyout span.jxButtonContent,a.jxButtonCombo span.jxButtonContent,a.jxButtonEditCombo span.jxButtonContent{padding-right:0;}a.jx
 ButtonMenu span.jxButtonContent span,a.jxButtonFlyout span.jxButtonContent span,a.jxButtonMulti span.jxButtonContent span,a.jxButtonCombo span.jxButtonContent span,a.jxButtonEditCombo span.jxButtonContent span{padding-right:16px;background-image:url(images/emblems.png);background-position:right -16px;background-repeat:no-repeat;}a.jxButtonDisclose{position:absolute;display:block;padding:4px 0;font-size:0;line-height:0;right:2px;top:2px;background-image:url(images/button_multi_disclose.png);background-position:right 0;background-repeat:no-repeat;}a.jxButtonDisclose img{width:16px;height:16px;margin:0;padding:0;border:0;background-image:url(images/emblems.png);background-position:right -16px;background-repeat:no-repeat;}a.jxButtonDisclose:hover{background-position:right -96px;}a.jxButtonDisclose:active{background-position:right -48px;}ul.jxToolbar a.jxButtonHover{background-position:left -24px;}ul.jxToolbar a.jxButtonHover span.jxButtonContent{background-position:right -24px;}
 .jxFlyout .jxChrome{background-image:url(images/flyout_chrome.png);padding:5px 5px 7px 6px;}.jxFlyout .jxChrome img{width:500px;height:500px;}.jxFlyout{position:absolute;display:block;z-index:100;margin:0;padding:0;}.jxFlyoutContent{position:relative;display:block;overflow:auto;margin:6px 6px 8px 7px;background-color:#fff;border:1px solid #999;}a.jxButtonMulti,a.jxButtonMulti span.jxButtonContent{background-image:url(images/button_multi.png);}a.jxButtonEditCombo,a.jxButtonEditCombo span.jxButtonContent{background-image:url(images/button_combo.png);}a.jxButtonMulti span.jxButtonContent span{padding-right:21px;}a.jxButtonEditCombo span.jxButtonContent span{font-size:0;}a.jxButtonComboDefault span.jxButtonContent span,a.jxButtonComboDefault input{font-style:italic;color:#999;}a.jxButtonEditCombo input{float:left;line-height:16px;height:16px;padding:0 4px;margin:0;border:none;font-size:11px;font-family:Arial,Helvetica,sans-serif;background-color:transparent;}.jxChrome{position:a
 bsolute;display:block;font-size:0;line-height:0;z-index:-1;width:100%;height:100%;top:0;left:0;}.jxChromeDrag{opacity:.5;-ms-filter:"Alpha(opacity=50)";}.jxChromeTL{position:absolute;overflow:hidden;left:0;top:0;width:50%;height:50%;}.jxChromeTR{position:absolute;overflow:hidden;left:50%;top:0;width:50%;height:50%;}.jxChromeBL{position:absolute;overflow:hidden;left:0;top:50%;width:50%;height:50%;}.jxChromeBR{position:absolute;overflow:hidden;left:50%;top:50%;width:50%;height:50%;}.jxChromeTL img{position:absolute;top:0;left:0;width:500px;height:500px;}.jxChromeTR img{position:absolute;top:0;right:0;width:500px;height:500px;}.jxChromeBL img{position:absolute;bottom:0;left:0;width:500px;height:500px;}.jxChromeBR img{position:absolute;bottom:0;right:0;width:500px;height:500px;}.jxColorBar{position:relative;overflow:hidden;}table.jxColorGrid{position:relative;border-collapse:collapse;empty-cells:show;clear:both;}.jxColorGrid td{border:1px solid #000;}.jxColorGrid td.emptyCell{bo
 rder:0 solid #000;}.jxColorGrid td.emptyCell span{display:block;width:7px;height:7px;line-height:0;font-size:0;border:0 solid #000;padding:1px;margin:0;}.jxColorGrid a.colorSwatch{display:block;width:7px;height:7px;line-height:0;font-size:0;border:0 solid #000;margin:0;padding:1px;}.jxColorGrid a.borderWhite:hover{border:1px solid #fff;padding:0;}.jxColorGrid a.borderBlack:hover{border:1px solid #000;padding:0;}input.jxHexInput{width:55px;vertical-align:middle;}input.jxAlphaInput{width:30px;vertical-align:middle;}div.jxColorPreview{float:left;position:relative;width:20px;height:20px;border:1px solid #000;margin:2px;vertical-align:middle;background-image:url('images/grid.png');overflow:hidden;}a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch{display:block;float:left;width:14px;height:14px;border:1px solid #000;background-image:url('images/grid.png');background-position:0 0;background-repeat:repeat;padding-right:0!important;}a.jxButtonFlyout span.jxButtonContent span.
 jxButtonSwatch span{display:block;width:14px;height:14px;position:absolute;padding-right:0;background:none;}div.jxColorPreview img{position:absolute;z-index:0;}div.jxColorPreview div{width:20px;height:10px;position:absolute;display:block;left:0;z-index:1;font-size:10px;line-height:0;}div.jxColorPreview div.jxColorSelected{top:0;}div.jxColorPreview div.jxColorHover{bottom:0;}label.jxColorLabel,label.jxAlphaLabel{width:auto;font-family:Arial,sans-serif;font-size:11px;line-height:24px;padding:2px;vertical-align:middle;}a.jxColorClose{position:absolute;top:0;right:0;width:16px;height:16px;}a.jxColorClose img{width:16px;height:16px;}a{outline:none;}.jxClearer{display:block;position:relative;float:none;clear:both;font-size:0;line-height:0;width:0;height:0;margin:0;padding:0;}.jxDisabled{opacity:.4;-ms-filter:"Alpha(opacity=40)";}.jxDisabled *{-ms-filter:"Alpha(opacity=40)";}iframe.jxIframeShim{position:absolute;top:0;left:0;width:100%;height:100%;-ms-filter:"Alpha(opacity:0)";opac
 ity:0;z-index:-1;}.jxDialog .jxChrome{background-image:url(images/dialog_chrome.png);}.jxDialog .jxChrome img{width:500px;height:500px;}.jxDialog{display:block;z-index:1;}.jxDialogContentContainer{z-index:1;margin:0 11px 13px 12px;border:1px solid #b7b7b7;background-color:#f0f0f0;}.jxDialogModal{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.2;-ms-filter:"Alpha(opacity=20)";}.jxDialogContent{display:block;position:relative;overflow:auto;padding:0;z-index:1;}.jxDialogTitle{display:block;position:relative;background-image:url(images/a_pixel.png);text-align:center;height:24px;line-height:24px;z-index:1;margin:6px 6px 0 7px;}.jxDialogMin .jxDialogTitle{margin-bottom:8px;}.jxDialogMoveable{cursor:move;}.jxDialogIcon{position:absolute;left:2px;top:3px;width:16px;height:16px;border:none;padding:0;margin:0;}.jxDialogLabel{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-height:21px;color:#000;white-space:
 nowrap;}.jxDialogResize{position:absolute;bottom:7px;right:6px;width:16px;height:16px;z-index:2;border:0;cursor:se-resize;background-image:url(images/dialog_resize.png);}.jxDialogControls{position:absolute;top:3px;right:2px;height:16px;width:80px;}.jxDialogControls img{background-image:url('images/panel_controls.png');background-repeat:no-repeat;border:0;margin:0;width:16px;height:16px;}.jxDialogClose img{background-position:0 -32px;}.jxDialogMenu img{background-position:0 -48px;}.jxDialogHelp img{background-position:0 -64px;}.jxDialogCollapse img{background-position:0 -16px;}.jxDialogMin .jxDialogCollapse img{background-position:0 0;}.jxDialogMax .jxDialogCollapse img{background-position:0 -16px;}.jxDialogLoading img{border:0;margin:0;width:16px;height:16px;visibility:hidden;position:absolute;top:1px;left:2px;}.jxDialogControls .jxButtonContainer,.jxDialogControls span.jxButtonContent,.jxDialogControls a.jxButton:hover span.jxButtonContent,.jxDialogControls a.jxButton:activ
 e span.jxButtonContent,.jxDialogControls a.jxButtonActive span.jxButtonContent,.jxDialogControls a.jxButtonActive:hover span.jxButtonContent,.jxDialogControls a.jxButtonActive:active span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton:hover span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton:active span.jxButtonContent,.jxDialogControls a.jxButton,.jxDialogControls a.jxButton:hover,.jxDialogControls a.jxButton:active,.jxDialogControls a.jxButtonActive,.jxDialogControls a.jxButtonActive:hover,.jxDialogControls a.jxButtonActive:active,.jxDialogControls .jxDisabled a.jxButton,.jxDialogControls .jxDisabled a.jxButton:hover,.jxDialogControls .jxDisabled a.jxButton:active{padding:0;margin:0;border:none;background-color:transparent;background-image:none;}.jxDialogControls a.jxButtonMenu span.jxButtonContent,.jxDialogControls a.jxButtonFlyout span.jxButtonContent{background-image:none;}.jxDialogControl
 s a.jxButtonMenu span.jxButtonContent span,.jxDialogControls a.jxButtonFlyout span.jxButtonContent span{padding-right:0;}.jxDialogControls .jxBarContainer{position:absolute;right:0;background-image:none;background-color:transparent;margin:0;padding:0;border:none;height:16px;}.jxDialogControls .jxBarScroller{left:auto;right:0;}.jxDialogControls ul.jxToolbar{float:right;}.jxDialogControls ul.jxToolbar,.jxDialogControls li.jxToolItem{background-image:none;background-color:transparent;margin:0;padding:0;border:none;}.jxGridContainer{position:absolute;top:0;left:0;border-left:0 solid #d8d8d8;border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;overflow:hidden;}.jxGridTable{position:relative;table-layout:fixed;border-collapse:collapse;border-style:none;width:0;cursor:default;font-family:Arial,Verdana,sans-serif;font-size:11px;font-weight:normal;}.jxGridColHeadHide{height:0;line-height:0;font-size:0;background-color:#fff;white-space:normal;}.jxG
 ridColHeadHide p,.jxGridRowHeadHide p{font-size:0;line-height:0;height:0;margin:0;padding:0;}.jxGridRowHeadHide{width:0;white-space:normal;}.jxGridCell{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;overflow:hidden;padding-left:3px;padding-right:3px;overflow:hidden;white-space:nowrap;cursor:cell;text-overflow:ellipsis;}.jxGridColHead{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;background-color:#f2f2f2;background-image:url('images/table_col.png');background-position:0 0;background-repeat:repeat-x;text-align:center;font-weight:bold;color:#333;cursor:default;}.jxGridRowHead{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;background-color:#f2f2f2;background-image:url('images/table_row.png');background-position:0 0;background-repeat:repeat-y;text-align:center;font-weig
 ht:bold;color:#333;cursor:default;}.jxGridRowAll{background-color:#fff;}.jxGridColumnHeaderSelected{background-color:#e1e1e1;background-position:0 -200px;}.jxGridRowHeaderSelected{background-color:#e1e1e1;background-position:-400px 0;}.jxGridColumnSelected{background-color:#f7f7f7;}.jxGridRowSelected td{background-color:#f7f7f7;}td.jxGridCellSelected{background-color:#ebebeb;}.jxGridColumnHeaderPrelight{background-color:#cee5ff;background-position:0 -300px;}.jxGridRowHeaderPrelight{background-color:#cee5ff;background-position:-600px 0;}.jxGridColumnPrelight{background-color:#e5f1ff;}.jxGridRowPrelight td{background-color:#e5f1ff;}td.jxGridCellPrelight{background-color:#cce3ff;}html{height:100%;overflow:hidden;}body{width:100%;height:100%;overflow:hidden;background-image:url(images/background.png);background-repeat:repeat-x;background-color:#3e5c5f;background-position:top;}body,table{font-style:normal;font-weight:normal;font-size:75%;font-family:Verdana,Arial,Helvetica,sans-s
 erif;color:#000;}#MapArea{border-top:1px solid #000;z-index:0;overflow:hidden;}#Map{border:1px solid #adadad;}.olMapViewport{z-index:1;}#Maptip{display:none;border:1px solid #000;background-color:#E5DAC7;padding:4px;}#Toolbar{background-image:url(images/toolbarBackground.png);background-color:#500000;border-left:1px solid #000;border-right:1px solid #000;z-index:1;}#ToolbarVertical{padding:10px 0 0 0;background:#500000;border:1px solid #000;z-index:1;}#Toolbar div.jxButtonContainer{padding:0 2px 0 2px;}#Toolbar a.jxButton{padding:0 0 0 4px;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonContent{padding:5px 4px 4px 0;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonLabel,#ToolbarVertical a.jxButtonLabel{color:#fff;}li.jxToolItem .separator{padding:4px;}#FileMenu{background-image:url(images/fileMenuBackground.png);background-repeat:repeat-x;background-color:#ad1b25;background-position:center;border:1px solid #000;z-index:2;}#FileMenu 
 div.jxButtonContainer{padding:0 2px 0 2px;}#FileMenu a.jxButton{padding:0 0 0 4px;background-image:url(images/fileMenuButton.png);}#FileMenu span.jxButtonContent{padding:3px 4px 4px 0;background-image:url(images/fileMenuButton.png);}#FileMenu span.jxButtonLabel{color:#fff;padding:0 4px 0 4px;background-image:none;}.jxBarTop li.jxToolItem span.separator,.jxBarBottom li.jxToolItem span.separator{width:8px;height:16px;}.jxBarLeft li.jxToolItem span.separator,.jxBarRight li.jxToolItem span.separator{width:16px;height:8px;}#Toolbar a.jxButtonMenu span.jxButtonContent span,#Toolbar a.jxButtonFlyout span.jxButtonContent span,#Toolbar a.jxButtonMulti span.jxButtonContent span,#Toolbar a.jxButtonCombo span.jxButtonContent span,#Toolbar a.jxButtonEditCombo span.jxButtonContent span{background-image:url(images/emblems_alt.png);}#StatusbarContainer{border-top:1px solid #000;color:#fff;line-height:22px;font-size:10px;vertical-align:middle;background-image:url(images/statusbarBackground.p
 ng);background-position:top left;background-repeat:repeat-x;}#Statusbar .jxSplitBarHorizontal{width:3px;border-left:1px solid #fef7dd;background-color:#ad1b25;cursor:'col-resize';margin-top:4px;height:14px;}#Statusbar .spanCursorPosition,#Statusbar .spanViewSize,#Statusbar .spanSelectionInfo{padding:4px 10px;}.inputEditableScale{font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#fff;background-color:#C66067;border:1px solid #ccc;}#pbmg{position:absolute;right:1px;padding-top:1px;}#SplitterArea .jxSplitBarHorizontal{width:1px;background-color:#3a3a38;border-top:1px solid #000;}#Sidebar{border-right:1px solid #000;padding-left:8px;}#Sidebar .jxSplitArea{border-top:1px solid #000;}#Tasks{display:block;visibility:visible;height:250px;}#TaskTools{padding:5px 8px;background:#fff;border-bottom:1px solid #8e99a3;}.TaskMenuIcon{float:right;}#OverviewMap{height:180px;}#OverviewMapContent{border:1px solid #fff;height:177px;}#SidebarCollapse{position:absolute;width:8px
 ;top:0;left:0;height:100%;z-index:1;overflow:hidden;background:url(images/sidebarCollapseBackground.png) repeat-y #000;z-index:1;border-top:1px solid #000;}#SidebarCollapseButton{display:block;width:8px;top:0;bottom:0;left:0;right:0;position:absolute;height:100%;font-size:1px;}.jxSnapOpened #SidebarCollapseButton{background:url(images/sidebarCloseButton.png) center no-repeat;}.jxSnapClosed #SidebarCollapseButton{background:url(images/sidebarOpenButton.png) center no-repeat;}#TaskPane{width:100%;height:100%;overflow:hidden;}.inputEditableScale{font:normal 10px Verdana,Arial,Helvetica,sans-serif;}#Navigator{position:absolute;right:10px;top:10px;display:block;z-index:100;}.jxTree a,.jxTreeRoot a{font-family:Verdana,Arial,Helvetica,sans-serif;}.jxMenuContainer .jxChrome{background-image:url(images/flyout_chrome.png);padding:10px;}a.jxButtonMenu span.jxMenuItemSpan{padding-right:16px;}.jxMenuContainer{position:absolute;display:block;z-index:200;padding:0;}ul.jxMenu,ul.jxSubMenu{d
 isplay:block;position:relative;list-style-type:none;margin:10px;background-color:#fff;border:1px solid #999;}li.jxMenuItemContainer{display:block;position:relative;margin:0;padding:0;}a.jxMenuItem{display:block;position:relative;text-decoration:none;border:1px solid #fff;font-family:Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none;margin:2px 2px;padding:0;color:#000;}a.jxMenuItem:hover{border:1px solid #E0E0E0;background-image:url(images/menu_hover.png);background-color:#E0E0E0;background-repeat:repeat-x;background-position:0 0;}a.jxMenuItem:hover span.jxMenuItemContent{border:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;}span.jxMenuItemContent{display:block;position:relative;font-family:Arial,Helvetica,sans-serif;font-size:0;line-height:0;white-space:nowrap;padding:0 20px 0 0;margin:0;border:1px solid #fff;}a.jxButtonSubMenu span.jxMenuItemContent,a.jxButtonSubMenu:hover span.jxMenuItemContent{background-image:url(images/emblems.png);background-position:r
 ight -32px;background-repeat:no-repeat;}img.jxMenuItemIcon{position:absolute;top:0;left:0;display:inline;width:16px;height:16px;background-position:left center;background-repeat:no-repeat;}span.jxMenuItemContent span{display:block;position:relative;cursor:pointer;margin:0;padding:0 0 0 20px;font-size:16px;line-height:16px;}span.jxMenuItemContent span.jxMenuItemLabel{color:#000;font-size:11px;}.jxMenuItemToggle img.jxMenuItemIcon,.jxMenuItemSet img.jxMenuItemIcon{background-image:url(images/emblems.png);background-position:2px 0;background-repeat:no-repeat;}.jxMenuItemToggle a.jxMenuItemActive img.jxMenuItemIcon{background-position:2px -48px;}.jxMenuItemSet a.jxMenuItemActive img.jxMenuItemIcon{background-position:2px -64px;}a.jxMenuItemActive img.jxMenuItemIcon{top:-2px;left:-2px;padding:0;border:2px solid #ccc;}a.jxMenuItemActive span.jxMenuItemContent{background-image:url(images/menu_icon_active.png);background-position:0 0;background-repeat:no-repeat;}.jxDisabled a.jxMenu
 Item{cursor:default;}.jxDisabled a.jxMenuItem:hover{background-color:#fff;background-image:none;border:1px solid #fff;}ul.jxMenu span.jxMenuSeparator,ul.jxSubMenu span.jxMenuSeparator{display:block;font-size:10px;line-height:10px;background-image:url(images/toolbar_separator_v.png);background-repeat:repeat-x;background-position:left center;}.jxPanel{display:block;position:relative;overflow:hidden;}.jxPanelContentContainer{overflow:hidden;background-color:#f0f0f0;}.jxPanelContent{position:relative;display:block;overflow:auto;background-color:#fff;margin:0;padding:0;}.jxPanelTitle{display:block;position:relative;background-image:url(images/panelbar.png);background-repeat:repeat-x;background-position:center;background-color:#ad1b25;height:21px;margin:0;padding:0;text-align:center;border:none;border-top:1px solid #000;}.jxPanelBar{position:absolute;line-height:1px;width:100%;height:5px;cursor:row-resize;background-color:#f0f0f0;z-index:1;}.jxPanelIcon{position:absolute;left:2px;
 top:3px;width:16px;height:16px;border:none;padding:0;margin:0;}.jxPanelLabel{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-height:21px;color:#fff;display:block;float:left;padding-left:25px;white-space:nowrap;}.jxPanelControls{position:absolute;top:2px;left:2px;height:16px;width:16px;overflow:hidden;}.jxPanelControls img{background-image:url('images/panel_controls.png');background-repeat:no-repeat;border:0;margin:0;width:16px;height:16px;}.jxPanelClose img{background-position:0 -32px;}.jxPanelMenu img{background-position:0 -48px;}.jxPanelHelp img{background-position:0 -64px;}.jxPanelCollapse img{background-position:0 -16px;}.jxPanelMin .jxPanelCollapse img{background-position:0 0;}.jxPanelMax .jxPanelCollapse img{background-position:0 -16px;}.jxPanelMaximize img{background-position:0 0;}.jxPanelLoading img{border:0;margin:0;width:16px;height:16px;visibility:hidden;position:absolute;top:1px;left:2px;}.jxPanelControls .jxButtonContainer,.jx
 PanelControls span.jxButtonContent,.jxPanelControls a.jxButton:hover span.jxButtonContent,.jxPanelControls a.jxButton:active span.jxButtonContent,.jxPanelControls a.jxButtonActive span.jxButtonContent,.jxPanelControls a.jxButtonActive:hover span.jxButtonContent,.jxPanelControls a.jxButtonActive:active span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton:hover span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton:active span.jxButtonContent,.jxPanelControls a.jxButton,.jxPanelControls a.jxButton:hover,.jxPanelControls a.jxButton:active,.jxPanelControls a.jxButtonActive,.jxPanelControls a.jxButtonActive:hover,.jxPanelControls a.jxButtonActive:active,.jxPanelControls .jxDisabled a.jxButton,.jxPanelControls .jxDisabled a.jxButton:hover,.jxPanelControls .jxDisabled a.jxButton:active{padding:0;margin:0;border:none;background-color:transparent;background-image:none;}.jxPanelControls a.jxButtonMenu span.jxBu
 ttonContent,.jxPanelControls a.jxButtonFlyout span.jxButtonContent{background-image:none;}.jxPanelControls a.jxButtonMenu span.jxButtonContent span,.jxPanelControls a.jxButtonFlyout span.jxButtonContent span{padding-right:0;}.jxPanelControls div.jxBarTop{position:absolute;right:0;background-image:none;background-color:transparent;margin:0;padding:0;border:none;height:16px;}.jxPanelControls .jxBarScroller{left:auto;right:0;}.jxPanelControls ul.jxToolbar{float:right;}.jxPanelControls ul.jxToolbar,.jxPanelControls li.jxToolItem{background-image:none;background-color:transparent;margin:0;padding:0;border:none;}.jxSplitBarHorizontal{display:block;position:absolute;font-size:0;line-height:0;margin:0;padding:0;border:none;width:5px;height:100%;cursor:col-resize;background-color:#f0f0f0;z-index:1;}.jxSplitBarVertical{display:block;position:absolute;font-size:0;line-height:0;margin:0;padding:0;border:none;width:100%;height:5px;cursor:row-resize;background-color:#f0f0f0;z-index:1;}.jx
 SplitContainer{display:block;position:relative;margin:0;padding:0;border:none;overflow:hidden;}.jxSplitArea{display:block;position:absolute;margin:0;padding:0;border:none;overflow:hidden;z-index:0;}.jxSplitterMask{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-image:url(images/a_pixel.png);z-index:1;}.jxSplitBarDrag{background-color:#eee;}.jxSnapHorizontalBefore{width:5px;height:5px;position:absolute;top:0;left:0;background-color:#aaa;}.jxSnapHorizontalAfter{width:5px;height:5px;position:absolute;top:0;left:0;background-color:#aaa;}.jxTabSetContainer{position:relative;display:block;overflow:hidden;width:200px;height:200px;margin:0;padding:0;background-color:#fff;}.jxTabSetContainer .jxToolbarContainer{z-index:auto;}.tabContent{display:none;position:relative;width:100%;height:100%;overflow:auto;}.tabContentActive{display:block;}div.jxTabContainer{display:block;position:relative;margin:0;padding:2px;border:none;}a.jxTabClose{display:block;posi
 tion:absolute;cursor:pointer;}a.jxTabClose img{width:16px;height:16px;background-image:url(images/tab_close.png);}a.jxTab{display:block;position:relative;margin:0;padding:0;border:none;background-repeat:no-repeat;text-decoration:none;color:#000;}.jxDisabled a.jxButton{cursor:default;}a.jxTab:hover,a.jxTab:active,a.jxTabActive,a.jxTabActive:hover,a.jxTabActive:active,.jxDisabled a.jxButton:hover,.jxDisabled a.jxButton:active{border:none;}span.jxTabContent{display:block;font-size:0;line-height:0;margin:0;padding:0;background-repeat:no-repeat;}img.jxTabIcon{position:relative;width:16px;height:16px;background-position:center center;background-repeat:no-repeat;}span.jxTabLabel{display:block;position:relative;cursor:pointer;margin:0;padding:0;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:16px;}.jxBarTop div.jxTabContainer,.jxBarBottom div.jxTabContainer{float:left;}.jxBarTop a.jxTab,.jxBarTop span.jxTabContent{background-image:url(images/tab_top.png)
 ;}.jxBarBottom a.jxTab,.jxBarBottom span.jxTabContent{background-image:url(images/tab_bottom.png);}.jxBarTop a.jxTabClose,.jxBarBottom a.jxTabClose{top:3px;right:3px;}.jxBarTop .jxTabClose span.jxTabContent,.jxBarBottom .jxTabClose span.jxTabContent{padding-right:16px;}.jxBarTop a.jxTab,.jxBarBottom a.jxTab{float:left;padding-left:4px;background-position:left -24px;}.jxBarTop span.jxTabContent,.jxBarBottom span.jxTabContent{float:left;padding:4px 4px 4px 0;background-position:right -24px;}.jxBarTop a.jxTab:hover,.jxBarBottom a.jxTab:hover{background-position:left -96px;}.jxBarTop a.jxTab:hover span.jxTabContent,.jxBarBottom a.jxTab:hover span.jxTabContent{background-position:right -96px;}.jxBarTop a.jxTab:active,.jxBarBottom a.jxTab:active{background-position:left -48px;}.jxBarTop a.jxTab:active span.jxTabContent,.jxBarBottom a.jxTab:active span.jxTabContent{background-position:right -48px;}.jxBarTop a.jxTabActive,.jxBarBottom a.jxTabActive{background-position:left -72px;}.j
 xBarTop a.jxTabActive span.jxTabContent,.jxBarBottom a.jxTabActive span.jxTabContent{background-position:right -72px;}.jxBarTop .jxDisabled a.jxTab:hover,.jxBarTop .jxDisabled a.jxTab:active,.jxBarBottom .jxDisabled a.jxTab:hover,.jxBarBottom .jxDisabled a.jxTab:active{background-position:left -24px;}.jxBarTop .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarTop .jxDisabled a.jxTab:active span.jxTabContent,.jxBarBottom .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarBottom .jxDisabled a.jxTab:active span.jxTabContent{background-position:right -24px;}.jxBarTop img.jxTabIcon,.jxBarBottom img.jxTabIcon{float:left;}.jxBarTop span.jxTabLabel,.jxBarBottom span.jxTabLabel{float:left;height:16px;padding:0 4px 0 4px;}.jxBarLeft a.jxTab,.jxBarLeft span.jxTabContent{background-image:url(images/tab_left.png);}.jxBarRight a.jxTab,.jxBarRight span.jxTabContent{background-image:url(images/tab_right.png);}.jxBarLeft a.jxTabClose,.jxBarRight a.jxTabClose{top:3px;left:3px;}.jxBarLeft .jxTa
 bClose span.jxTabContent,.jxBarRight .jxTabClose span.jxTabContent{padding-top:16px;}.jxBarLeft a.jxTab,.jxBarRight a.jxTab{padding-top:4px;background-position:-24px top;}.jxBarLeft span.jxTabContent,.jxBarRight span.jxTabContent{padding:0 4px 4px 4px;background-position:-24px bottom;}.jxBarLeft a.jxTab:hover,.jxBarRight a.jxTab:hover{background-position:-96px top;}.jxBarLeft a.jxTab:hover span.jxTabContent,.jxBarRight a.jxTab:hover span.jxTabContent{background-position:-96px bottom;}.jxBarLeft a.jxTab:active,.jxBarRight a.jxTab:active{background-position:-48px top;}.jxBarLeft a.jxTab:active span.jxTabContent,.jxBarRight a.jxTab:active span.jxTabContent{background-position:-48px bottom;}.jxBarLeft a.jxTabActive,.jxBarRight a.jxTabActive{background-position:-72px top;}.jxBarLeft a.jxTabActive span.jxTabContent,.jxBarRight a.jxTabActive span.jxTabContent{background-position:-72px bottom;}.jxBarLeft .jxDisabled a.jxTab:hover,.jxBarLeft .jxDisabled a.jxTab:active,.jxBarRight .jx
 Disabled a.jxTab:hover,.jxBarRigth .jxDisabled a.jxTab:active{background-position:-24px top;}.jxBarLeft .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarLeft .jxDisabled a.jxTab:active span.jxTabContent,.jxBarRight .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarRight .jxDisabled a.jxTab:active span.jxTabContent{background-position:-24px bottom;}.jxBarLeft span.jxTabLabel,.jxBarRight span.jxTabLabel{padding:4px 0 4px 0;}.jxBarContainer{display:block;position:relative;z-index:1;overflow:hidden;margin:0;padding:0;border:0;background-color:#f0f0f0;}.jxBarTop,.jxBarBottom{width:100%;height:28px;background-image:url(images/toolbar.png);background-repeat:repeat-x;background-position:0 0;overflow:hidden;}.jxTabBox .jxBarTop{background-image:url(images/tabbar.png);background-position:0 bottom;}.jxTabBox .jxBarBottom{background-image:url(images/tabbar_bottom.png);background-position:0 top;}.jxBarLeft,.jxBarRight{width:auto;height:100%;background-image:url(images/toolbar.png);backg
 round-repeat:repeat-x;background-position:0 0;float:left;overflow:hidden;}.jxTabBox .jxBarLeft{background-image:url(images/tabbar_left.png);background-repeat:repeat-y;background-position:right 0;}.jxTabBox .jxBarRight{background-image:url(images/tabbar_right.png);background-repeat:repeat-y;background-position:left 0;}.jxBarTop .jxBarScroller,.jxBarBottom .jxBarScroller{position:absolute;width:10000%;overflow:hidden;}.jxBarTop .jxBarScrollLeft,.jxBarBottom .jxBarScrollLeft{position:absolute;top:0;left:0;}.jxBarTop .jxBarScrollRight,.jxBarBottom .jxBarScrollRight{position:absolute;top:0;right:0;}.jxBarTop .jxBarScrollLeft img.jxButtonIcon,.jxBarBottom .jxBarScrollLeft img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -80px;}.jxBarTop .jxBarScrollRight img.jxButtonIcon,.jxBarBottom .jxBarScrollRight img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -96px;}ul.jxToolbar,ul.jxTabBar{display:block;position:relative;float:l
 eft;list-style-type:none;margin:0;padding:0;border:none;}li.jxToolItem{display:block;position:relative;float:left;font-size:0;line-height:0;padding:0;margin:0;border:none;}li.jxToolItem .separator{display:block;position:relative;float:left;font-size:0;line-height:0;border:0;margin:0;padding:4px;background-repeat:no-repeat;background-position:center center;}.jxBarTop li.jxToolItem span.jxBarSeparator,.jxBarBottom li.jxToolItem span.jxBarSeparator{width:8px;height:20px;background-image:url(images/toolbar_separator_h.png);}.jxBarLeft li.jxToolItem span.jxBarSeparator,.jxBarRight li.jxToolItem span.jxBarSeparator{width:20px;height:8px;background-image:url(images/toolbar_separator_v.png);}.jxBarLeft ul.jxToolbar,.jxBarLeft ul.jxTabBar,.jxBarLeft li.jxToolItem,.jxBarRight ul.jxToolbar,.jxBarRight ul.jxTabBar,.jxBarRight li.jxToolItem{clear:both;}.jxTree,.jxTreeRoot{position:relative;display:block;list-style:none;margin:0;padding:0;}.jxTreeNest{list-style:none;margin:0;padding:0;ba
 ckground-repeat:repeat-y;background-position:left top;}.jxTree li,.jxTreeRoot li{overflow:hidden;position:relative;display:block;margin:0;padding:0;background-repeat:no-repeat;background-position:left top;white-space:nowrap;font-size:0;line-height:0;}.jxTree li{margin-left:16px;}.jxTree a,.jxTreeRoot a{position:relative;display:block;margin:0 0 0 14px;padding:0 0 0 20px;z-index:0;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000;text-decoration:none;line-height:20px;height:20px;}.jxTree a:hover,.jxTreeRoot a:hover{background-image:url(images/tree_hover.png);background-color:#CDE5FF;background-repeat:repeat-x;background-position:0 0;}.jxDisabled .jxTree a:hover,.jxDisabled .jxTreeRoot a:hover{background:none;cursor:default;}.jxTreeNest{background-image:url(images/tree_vert_line.png);}.jxTreeImage,.jxTreeIcon{position:absolute;display:inline;left:0;top:0;width:16px;height:20px;z-index:1;background-image:url(images/tree.png);background-repeat:no-repeat;border:0;m
 argin:0;}.jxTreeIcon{height:16px;top:2px;left:2px;}.jxTreeBranchOpen .jxTreeIcon,.jxTreeBranchLastOpen .jxTreeIcon{background-position:left -40px;}.jxTreeBranchOpen .jxTreeImage{background-position:left -100px;}.jxTreeBranchLastOpen .jxTreeImage{background-position:left -160px;}.jxTreeBranchClosed .jxTreeIcon,.jxTreeBranchLastClosed .jxTreeIcon{background-position:left -20px;}.jxTreeBranchClosed .jxTreeImage{background-position:left -80px;}.jxTreeBranchLastClosed .jxTreeImage{background-position:left -140px;}.jxTreeItem .jxTreeIcon,.jxTreeItemLast .jxTreeIcon{background-position:left 0;}.jxTreeItem .jxTreeImage{background-position:left -60px;}.jxTreeItemLast .jxTreeImage{background-position:left -120px;}.jxTreeItemSelected{background-color:#AFD4FA;font-weight:bold;}.jxTreeItem a,.jxTreeItem img,.jxTreeItem input,.jxTreeItemLast a,.jxTreeItemLast img,.jxTreeItemLast input,.jxTreeBranch a,.jxTreeBranch img,.jxTreeBranch input,.jxTreeBranchLast a,.jxTreeBranchLast img,.jxTreeBr
 anchLast input{vertical-align:middle;}

Deleted: trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/jxtheme.uncompressed.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/jxtheme.uncompressed.css	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/jxtheme.uncompressed.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -1,2595 +0,0 @@
-/*
-Copyright (c) 2006, Yahoo! Inc. All rights reserved.
-Code licensed under the BSD License:
-http://developer.yahoo.net/yui/license.txt
-version: 0.11.0
-*/
-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;}
-table{border-collapse:collapse;border-spacing:0;}
-fieldset,img{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:'';}/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* BUTTON STYLES */
-/* ============= */
-/* jxButtons consist of an A, containing a SPAN, which contains an image.
-   Buttons can use the sliding door technique with background images to horizontally
-   accomodate icons with labels. */
-
-div.jxButtonContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-
-  margin: 0px;
-  padding: 2px;
-  border: none;
-}
-
-/* normal button */
-
-a.jxButton {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-
-  /* Using background images, the A contains the left side of the background */
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  border: none;
-  background-image: url(images/button.png);
-  background-position: left -24px;
-  background-repeat: no-repeat;
-  text-decoration: none;
-}
-
-ul.jxToolbar a.jxButton {
-  background-position: left top;
-}
-
-span.jxButtonContent {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  /* Using background images, the SPAN contains the right side of the background */
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 4px 4px 4px 0px; /* makes room for the right of the button bg */
-  border: none;
-  background-image: url(images/button.png);
-  background-position: right -24px;
-  background-repeat: no-repeat;
-}
-
-ul.jxToolbar span.jxButtonContent {
-  background-position: right top;
-}
-
-/* hover button */
-ul.jxToolbar a.jxButton:hover,
-a.jxButton:hover {
-  background-position: left -96px;
-}
-
-a.jxButton:hover span.jxButtonContent {
-  background-position: right -96px;
-}
-
-/* active button */
-ul.jxToolbar a.jxButtonActive,
-a.jxButtonActive {
-  background-position: left -72px;
-}
-
-a.jxButtonActive span.jxButtonContent {
-  background-position: right -72px;
-}
-
-/* hover active button */
-ul.jxToolbar a.jxButton:hover,
-a.jxButtonActive:hover {
-  background-position: left -96px;
-}
-
-a.jxButtonActive:hover span.jxButtonContent {
-  background-position: right -96px;
-}
-
-/* clicking button */
-ul.jxToolbar a.jxButton:active,
-ul.jxToolbar a.jxButtonActive:active,
-a.jxButton:active,
-a.jxButtonActive:active {
-  background-position: left -48px;
-}
-
-a.jxButton:active span.jxButtonContent,
-a.jxButtonActive:active span.jxButtonContent {
-  background-position: right -48px;
-}
-
-/* disabled buttons */
-
-ul.jxToolbar .jxDisabled a.jxButton,
-.jxDisabled a.jxButton {
- cursor: default;
-}
-
-/* hover and active disabled button */
-ul.jxToolbar .jxDisabled a.jxButton:hover,
-ul.jxToolbar .jxDisabled a.jxButton:active {
-  background-position: left top;
-}
-
-.jxDisabled a.jxButton:hover,
-.jxDisabled a.jxButton:active {
-  background-position: left -24px;
-}
-
-ul.jxToolbar .jxDisabled a.jxButton:hover span.jxButtonContent,
-ul.jxToolbar .jxDisabled a.jxButton:active span.jxButtonContent {
-  background-position: right top;
-}
-
-.jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxDisabled a.jxButton:active span.jxButtonContent {
-  background-position: right -24px;
-}
-
-img.jxButtonIcon {
-  /* Base setup */
-  position: relative;
-  float: left;
-
-  width: 16px;
-  height: 16px;
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-
-span.jxButtonContent span {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  cursor: pointer;
-
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  line-height: 16px;
-  height: 16px;
-  white-space: nowrap;
-}
-
-span.jxButtonContent span.jxButtonLabel {
-  margin: 0px;
-  padding: 0 4px 0 4px;
-  color: #000;
-  font-size: 11px;
-}
-
-/* ========================== */
-/* JX BUTTON EXTENSION STYLES */
-/* ========================== */
-
-a.jxButtonMenu span.jxButtonContent,
-a.jxButtonMulti span.jxButtonContent,
-a.jxButtonFlyout span.jxButtonContent,
-a.jxButtonCombo span.jxButtonContent,
-a.jxButtonEditCombo span.jxButtonContent {
-  padding-right: 0px;
-}
-
-a.jxButtonMenu span.jxButtonContent span,
-a.jxButtonFlyout span.jxButtonContent span,
-a.jxButtonMulti span.jxButtonContent span,
-a.jxButtonCombo span.jxButtonContent span,
-a.jxButtonEditCombo span.jxButtonContent span {
-  padding-right: 16px;
-  background-image: url(images/emblems.png);
-  background-position: right -16px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose {
-  position: absolute;
-  display: block;
-  padding: 4px 0px;
-  font-size: 0px;
-  line-height: 0px;
-  right: 2px;
-  top: 2px;
-  background-image: url(images/button_multi_disclose.png);
-  background-position: right 0px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose img {
-  width: 16px;
-  height: 16px;
-  margin: 0px;
-  padding: 0px;
-  border: 0px;
-  background-image: url(images/emblems.png);
-  background-position: right -16px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose:hover {
-  background-position: right -96px;
-}
-
-a.jxButtonDisclose:active {
-  background-position: right -48px;
-}
-
-/* note, jxButtonHover is set by Multi button JS */
-ul.jxToolbar a.jxButtonHover {
-  background-position: left -24px;
-}
-
-ul.jxToolbar a.jxButtonHover span.jxButtonContent {
-  background-position: right -24px;
-}
-
-
-/* Jx Flyout Styles */
-
-.jxFlyout .jxChrome {
-  background-image: url(images/flyout_chrome.png);
-  padding: 5px 5px 7px 6px;
-}
-
-.jxFlyout .jxChrome img {
-  width: 500px;
-  height: 500px;
-}
-
-.jxFlyout {
-  /* Base setup */
-  position: absolute;
-  display: block;
-  z-index: 100;
-
-  margin: 0px;
-  padding: 0px;
-}
-
-.jxFlyoutContent {
-  position: relative;
-  display: block;
-  overflow: auto;
-  margin: 6px 6px 8px 7px;
-  background-color: #fff;
-  border: 1px solid #999;
-}
-
-/* Jx Combo and Multi Button Styles */
-
-a.jxButtonMulti,
-a.jxButtonMulti span.jxButtonContent {
-  background-image: url(images/button_multi.png);
-}
-
-a.jxButtonEditCombo,
-a.jxButtonEditCombo span.jxButtonContent {
-  background-image: url(images/button_combo.png);
-}
-
-a.jxButtonEditCombo span.jxButtonContent {
-/* put 2px padding on the top of the input to center the text and
-   remove it from this span
- */
-}
-
-a.jxButtonMulti span.jxButtonContent span {
-  padding-right: 21px;
-}
-
-a.jxButtonEditCombo span.jxButtonContent span {
-  font-size: 0px;
-}
-
-a.jxButtonComboDefault span.jxButtonContent span,
-a.jxButtonComboDefault input {
-  font-style: italic;
-  color: #999;
-}
-
-a.jxButtonEditCombo input {
-  float: left;
-  line-height: 16px;
-  height: 16px;
-  padding: 0px 4px;
-  margin: 0px;
-  border: none;
-  font-size: 11px;
-  font-family: Arial, Helvetica, sans-serif;
-  background-color: transparent;
-}/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* CHROME STYLES */
-/* ============= */
-/* Chrome uses four absolutely positioned DIVs containing an image for each of
-   four quadrants.  The chrome image is used as a sprite map. */
-
-.jxChrome {
-  /* Base setup */
-  position:absolute;
-  display: block;
-  font-size: 0px;
-  line-height: 0px;
-  z-index: -1;
-  width: 100%;
-  height: 100%;
-  top: 0px;
-  left: 0px;
-}
-
-.jxChromeDrag {
-  opacity: 0.5;
-  -ms-filter: "Alpha(opacity=50)";
-}
-
-.jxChromeTL {
-  position: absolute;
-  overflow: hidden;
-  left: 0%;
-  top: 0%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeTR {
-  position: absolute;
-  overflow: hidden;
-  left: 50%;
-  top: 0%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeBL {
-  position: absolute;
-  overflow: hidden;
-  left: 0%;
-  top: 50%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeBR {
-  position: absolute;
-  overflow: hidden;
-  left: 50%;
-  top: 50%;
-  width: 50%;
-  height: 50%;
-}
-
-
-.jxChromeTL img {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeTR img {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeBL img {
-  position: absolute;
-  bottom: 0px;
-  left: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeBR img {
-  position: absolute;
-  bottom: 0px;
-  right: 0px;
-  width: 500px;
-  height:500px;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: color.css 711 2008-08-13 20:38:33Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =================== */
-/* COLOR PICKER STYLES */
-/* =================== */
-
-/*.jxColorPicker {
-    position: absolute;
-    display: none;
-    top: 100%;
-    width: 212px;
-    left: 0px;
-    border: 1px solid #000;
-    padding: 2px;
-    background-color: #eee;
-}*/
-
-.jxColorBar {
-    position: relative;
-    overflow: hidden;
-}
-
-table.jxColorGrid {
-    position: relative;
-    border-collapse: collapse;
-    empty-cells: show;
-    clear:both;
-}
-
-.jxColorGrid td {
-    border: 1px solid #000;
-}
-
-.jxColorGrid td.emptyCell {
-    border: 0px solid #000;
-}
-
-.jxColorGrid td.emptyCell span {
-    display: block;
-    width: 7px;
-    height: 7px;
-    line-height: 0px;
-    font-size: 0px;
-    border: 0px solid #000;
-    padding: 1px;
-    margin: 0px;
-}
-
-.jxColorGrid a.colorSwatch {
-    display: block;
-    width: 7px;
-    height: 7px;
-    line-height: 0px;
-    font-size: 0px;
-    border: 0px solid #000;
-    margin: 0px;
-    padding: 1px;
-}
-
-.jxColorGrid a.borderWhite:hover {
-    border: 1px solid #fff;
-    padding: 0px;
-}
-
-.jxColorGrid a.borderBlack:hover {
-    border: 1px solid #000;
-    padding: 0px;
-}
-
-input.jxHexInput {
-    width: 55px;
-    vertical-align: middle;
-}
-
-input.jxAlphaInput {
-    width: 30px;
-    vertical-align: middle;
-}
-
-div.jxColorPreview {
-    float: left;
-    position: relative;
-    width: 20px;
-    height: 20px;
-    border: 1px solid #000;
-    margin: 2px;
-    vertical-align: middle;
-    background-image: url('images/grid.png');
-    overflow: hidden;
-}
-
-a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch {
-    display: block;
-    float: left;
-    width: 14px;
-    height: 14px;
-    border: 1px solid #000;
-    background-image: url('images/grid.png');
-    background-position: 0px 0px;
-    background-repeat: repeat;
-    padding-right: 0px !important;
-}
-
-a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch span {
-    display: block;
-    width: 14px;
-    height: 14px;
-    position: absolute;
-    padding-right: 0px;
-    background: none;
-}
-
-div.jxColorPreview img {
-    position: absolute;
-    z-index: 0;
-}
-
-div.jxColorPreview div {
-    width: 20px;
-    height: 10px;
-    position: absolute;
-    display: block;
-    left: 0px;
-    z-index: 1;
-    font-size: 10px;
-    line-height: 0px;
-}
-
-div.jxColorPreview div.jxColorSelected {
-    top: 0px;
-}
-
-div.jxColorPreview div.jxColorHover {
-    bottom: 0px;
-}
-
-label.jxColorLabel,
-label.jxAlphaLabel {
-    width: auto;
-    font-family: Arial, sans-serif;
-    font-size: 11px;
-    line-height: 24px;
-    padding: 2px;
-    vertical-align: middle;
-}
-
-a.jxColorClose {
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    width: 16px;
-    height: 16px;
-}
-
-a.jxColorClose img {
-    width: 16px;
-    height: 16px;
-}/**
- * @project         Jx
- * @revision        $Id: $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* COMMON STYLES */
-/* ============= */
-
-a{outline:none;}
-.jxClearer{display:block;position:relative;float:none;clear:both;font-size:0;line-height:0;width:0;height:0;margin:0;padding:0;}
-.jxDisabled{opacity:0.4;-ms-filter:"Alpha(opacity=40)";}
-.jxDisabled *{-ms-filter:"Alpha(opacity=40)";}
-iframe.jxIframeShim{position:absolute;top:0px;left:0px;width:100%;height:100%;-ms-filter:"Alpha(opacity:0)";opacity:0;z-index:-1;}/**
- * @project         Jx
- * @revision        $Id: dialog.css 1035 2008-09-22 17:05:20Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* DIALOG STYLES */
-/* ============= */
-
-.jxDialog .jxChrome {
-  background-image: url(images/dialog_chrome.png);
-}
-
-.jxDialog .jxChrome img {
-  width: 500px;
-  height: 500px;
-}
-
-.jxDialog {
-  /* Base setup */
-  display: block;
-  z-index: 1;
-}
-
-.jxDialogContentContainer {
-  z-index: 1;
-  margin: 0px 11px 13px 12px;
-  border: 1px solid #b7b7b7;
-  background-color: #f0f0f0;
-}
-
-.jxDialogModal {
-  /* Base setup */
-  position: absolute;
-  display: block;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  height: 100%;
-
-  background-color: #000;
-  opacity: .2;
-  -ms-filter: "Alpha(opacity=20)";
-}
-
-.jxDialogContent {
-  /* Base setup */
-  display: block;
-  position:relative;
-  overflow: auto;
-
-  padding: 0px;
-  z-index: 1;
-}
-
-.jxDialogTitle {
-   /* Base setup */
-  display: block;
-  position: relative;
-
-  /* this makes the dialog draggable by the title bar in IE
-   * Without it, only the label is draggable
-   */
-  background-image: url(images/a_pixel.png);
-
-  text-align: center;
-  height: 24px;
-  line-height: 24px;
-  z-index: 1;
-
-  margin: 6px 6px 0px 7px;
-}
-
-.jxDialogMin .jxDialogTitle {
-  margin-bottom: 8px;
-}
-
-.jxDialogMoveable {
-  cursor: move;
-}
-
-.jxDialogIcon {
-  position: absolute;
-  left: 2px;
-  top: 3px;
-  width: 16px;
-  height: 16px;
-  border: none;
-  padding: 0px;
-  margin: 0px;
-}
-
-.jxDialogLabel {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  font-weight: bold;
-  /* line-height vertically aligns the label in the containing div. */
-  line-height:21px;
-  color: #000;
-  white-space: nowrap;
-}
-
-.jxDialogResize {
-  /* Base setup */
-  position: absolute;
-
-  bottom: 7px;
-  right: 6px;
-  width: 16px;
-  height: 16px;
-  z-index: 2;
-  border: 0px;
-  cursor: se-resize;
-  background-image: url(images/dialog_resize.png);
-}
-
-.jxDialogControls {
-  position: absolute;
-  top: 3px;
-  right: 2px;
-  height: 16px;
-  width: 80px;
-}
-
-.jxDialogControls img {
-  background-image: url('images/panel_controls.png');
-  background-repeat: no-repeat;
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-}
-
-.jxDialogClose img {
-  background-position: 0px -32px;
-}
-
-.jxDialogMenu img {
-  background-position: 0px -48px;
-}
-
-.jxDialogHelp img {
-  background-position: 0px -64px;
-}
-
-.jxDialogCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxDialogMin .jxDialogCollapse img {
-  background-position: 0px 0px;
-}
-
-.jxDialogMax .jxDialogCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxDialogLoading img {
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-  visibility:hidden;
-  position: absolute;
-  top: 1px;
-  left: 2px;
-}
-
-
-/* ========================= */
-/* JX BUTTON STYLES OVERIDES */
-/* ========================= */
-
-.jxDialogControls .jxButtonContainer,
-.jxDialogControls span.jxButtonContent,
-.jxDialogControls a.jxButton:hover span.jxButtonContent,
-.jxDialogControls a.jxButton:active span.jxButtonContent,
-.jxDialogControls a.jxButtonActive span.jxButtonContent,
-.jxDialogControls a.jxButtonActive:hover span.jxButtonContent,
-.jxDialogControls a.jxButtonActive:active span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton:active span.jxButtonContent,
-.jxDialogControls a.jxButton,
-.jxDialogControls a.jxButton:hover,
-.jxDialogControls a.jxButton:active ,
-.jxDialogControls a.jxButtonActive,
-.jxDialogControls a.jxButtonActive:hover,
-.jxDialogControls a.jxButtonActive:active,
-.jxDialogControls .jxDisabled a.jxButton,
-.jxDialogControls .jxDisabled a.jxButton:hover,
-.jxDialogControls .jxDisabled a.jxButton:active {
-  padding: 0px;
-  margin: 0px;
-  border: none;
-  background-color: transparent;
-  background-image: none;
-}
-
-
-.jxDialogControls a.jxButtonMenu span.jxButtonContent,
-.jxDialogControls a.jxButtonFlyout span.jxButtonContent {
-  background-image: none;
-}
-
-.jxDialogControls a.jxButtonMenu span.jxButtonContent span,
-.jxDialogControls a.jxButtonFlyout span.jxButtonContent span {
-  padding-right: 0px;
-}
-
-/* ========================== */
-/* JX TOOLBAR STYLES OVERIDES */
-/* ========================== */
-
-/* Multiple toolbars can be housed in  the toolbar container the container will expand vertically to accomodate wrapped toolbars */
-
-.jxDialogControls .jxBarContainer {
-  /* Base setup */
-  position: absolute;
-  right: 0px;
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  height: 16px;
-}
-
-.jxDialogControls .jxBarScroller {
-  left: auto;
-  right: 0px;
-}
-
-.jxDialogControls ul.jxToolbar {
-  float: right;
-}
-
-.jxDialogControls ul.jxToolbar,
-.jxDialogControls li.jxToolItem {
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-}/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* GRID STYLES */
-/* ============= */
-
-.jxGridContainer {
-    position: absolute;
-    top: 0;
-    left: 0;
-    border-left: 0px solid #d8d8d8;
-    border-top: 0px solid #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    overflow: hidden;
-}
-
-.jxGridTable {
-    position: relative;
-    table-layout: fixed;
-    border-collapse: collapse;
-    border-style: none;
-    width: 0px;
-    cursor: default;
-    font-family: Arial, Verdana, sans-serif;
-    font-size: 11px;
-    font-weight: normal;
-}
-
-.jxGridColHeadHide {
-    height: 0px;
-    line-height: 0px;
-    font-size: 0px;
-    background-color: #fff;
-    white-space: normal;
-}
-
-.jxGridColHeadHide p, .jxGridRowHeadHide p {
-    font-size: 0px;
-    line-height: 0px;
-    height: 0px;
-    margin: 0px;
-    padding: 0px;
-}
-
-.jxGridRowHeadHide {
-    width: 0px;
-    white-space: normal;
-}
-
-.jxGridCell {
-    border-top: 0px solid #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid #d8d8d8;
-    overflow: hidden;
-    padding-left: 3px;
-    padding-right: 3px;
-    overflow: hidden;
-    /* can change this to normal */
-    white-space: nowrap;
-    cursor: cell;
-    /* only applies in IE and Safari right now */
-    text-overflow: ellipsis;
-}
-
-/* Nornal Styles */
-
-.jxGridColHead {
-    border-top: 0px solid  #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid  #d8d8d8;
-    background-color: #f2f2f2;
-    background-image: url('images/table_col.png');
-    background-position: 0px 0px;
-    background-repeat: repeat-x;
-
-    text-align: center;
-    font-weight: bold;
-    color: #333;
-    cursor: default;
-}
-
-.jxGridRowHead {
-    border-top: 0px solid  #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid  #d8d8d8;
-    background-color:  #f2f2f2;
-    background-image: url('images/table_row.png');
-    background-position: 0px 0px;
-    background-repeat: repeat-y;
-
-    text-align: center;
-    font-weight: bold;
-    color: #333;
-    cursor: default;
-}
-
-/* Alternating Row Styles */
-
-.jxGridRowAll {
-    background-color: #fff;
-}
-
-.jxGridRowOdd {}
-.jxGridRowEven {}
-.jxGridRowOdd td {}
-.jxGridRowEven td {}
-
-/* Selected Styles */
-
-.jxGridColumnHeaderSelected {
-    background-color: #e1e1e1;
-    background-position: 0px -200px;
-}
-
-.jxGridRowHeaderSelected {
-    background-color: #e1e1e1;
-    background-position: -400px 0px;
-}
-
-.jxGridColumnSelected {
-    background-color: #f7f7f7;
-}
-
-.jxGridRowSelected td {
-    background-color: #f7f7f7;
-}
-
-td.jxGridCellSelected {
-    background-color: #ebebeb;
-}
-
-/* Prelight Styles */
-
-.jxGridColumnHeaderPrelight {
-    background-color: #cee5ff;
-    background-position: 0px -300px;
-}
-
-.jxGridRowHeaderPrelight {
-    background-color: #cee5ff;
-    background-position: -600px 0px;
-}
-
-.jxGridColumnPrelight {
-    background-color: #e5f1ff;
-}
-
-.jxGridRowPrelight td {
-    background-color: #e5f1ff;
-}
-
-td.jxGridCellPrelight {
-  background-color: #cce3ff;
-}
-
-/********************************************************
-  Noble Studios - 05/21/07
-  ns_adsk.css
-  Mapguide Layout
-********************************************************/
-
-html {
-  height: 100%;
-  overflow: hidden;
-}
-
-body {
-  width:  100%;
-  height:  100%;
-  overflow:  hidden;
-  background-image: url(images/background.png);
-  background-repeat: repeat-x;
-  background-color: #3e5c5f;
-  background-position: top;
-}
-
-body, table {
-  font-style: normal;
-  font-weight: normal;
-  font-size: 75%;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: #000000;
-}
-
-/********************************************************
-  Overall Structure
-********************************************************/
-
-#AppContainer {
-}
-
-#MapArea {
-  border-top: 1px solid #000;
-  z-index: 0;
-  overflow: hidden;
-}
-
-#Map {
-  border: 1px solid #adadad;
-}
-
-.olMapViewport {
-    z-index: 1;
-}
-
-#Maptip {
-  display: none;
-  border: 1px solid #000;
-  background-color: #E5DAC7;
-  padding: 4px;
-}
-
-/********************************************************
-  Primary Toolbar
-********************************************************/
-
-#Toolbar {
-  background-image: url(images/toolbarBackground.png);
-  background-color: #500000;
-  border-left: 1px solid #000000;
-  border-right: 1px solid #000000;
-  z-index: 1;
-}
-
-#ToolbarVertical {
-  padding: 10px 0px 0 0px;
-  background: #500000;
-  border: 1px solid #000000;
-  z-index: 1;
-}
-
-#Toolbar div.jxButtonContainer {
-  padding: 0px 2px 0px 2px;
-}
-
-#Toolbar a.jxButton {
-  padding: 0px 0px 0px 4px;
-  background-image: url(images/toolbarButton.png);
-}
-
-#Toolbar span.jxButtonContent {
-  padding: 5px 4px 4px 0px; /* makes room for the right of the button bg */
-  background-image: url(images/toolbarButton.png);
-}
-
-
-#Toolbar span.jxButtonLabel,
-#ToolbarVertical a.jxButtonLabel {
-  color: #fff;
-}
-
-
-
-li.jxToolItem .separator {
-  padding: 4px;
-}
-
-/********************************************************
-  Main Menu
-********************************************************/
-
-#FileMenu {
-  background-image: url(images/fileMenuBackground.png);
-  background-repeat: repeat-x;
-  background-color: #ad1b25;
-  background-position: center;
-  border: 1px solid #000000;
-  z-index: 2;
-}
-
-#FileMenu div.jxButtonContainer {
-  padding: 0px 2px 0px 2px;
-}
-
-#FileMenu a.jxButton {
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  background-image: url(images/fileMenuButton.png);
-}
-
-#FileMenu span.jxButtonContent {
-  padding: 3px 4px 4px 0px; /* makes room for the right of the button bg */
-  background-image: url(images/fileMenuButton.png);
-}
-
-#FileMenu span.jxButtonLabel {
-  color: #ffffff;
-  padding: 0 4px 0 4px;
-  background-image: none;
-}
-
-.jxBarTop  li.jxToolItem  span.separator,
-.jxBarBottom  li.jxToolItem  span.separator {
-  width: 8px;
-  height: 16px;
-}
-
-.jxBarLeft  li.jxToolItem  span.separator,
-.jxBarRight  li.jxToolItem  span.separator {
-  width: 16px;
-  height: 8px;
-}
-
-#Toolbar a.jxButtonMenu span.jxButtonContent span,
-#Toolbar a.jxButtonFlyout span.jxButtonContent span,
-#Toolbar a.jxButtonMulti span.jxButtonContent span,
-#Toolbar a.jxButtonCombo span.jxButtonContent span,
-#Toolbar a.jxButtonEditCombo span.jxButtonContent span {
-  background-image: url(images/emblems_alt.png);
-}
-
-
-/********************************************************
-  Status bar
-********************************************************/
-
-#StatusbarContainer {
-  border-top: 1px solid #000000;
-  color: #ffffff;
-  line-height: 22px;
-  font-size: 10px;
-  vertical-align: middle;
-  background-image: url(images/statusbarBackground.png);
-  background-position: top left;
-  background-repeat: repeat-x;
-}
-
-#Statusbar .jxSplitBarHorizontal {
-  width: 3px;
-  border-left: 1px solid #fef7dd;
-  background-color: #ad1b25;
-  cursor: 'col-resize';
-  margin-top: 4px;
-  height: 14px;
-}
-
-#Statusbar .spanCursorPosition,
-#Statusbar .spanViewSize,
-#Statusbar .spanSelectionInfo {
-  padding: 4px 10px;
-}
-
-.inputEditableScale {
-  font-size: 10px;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: #fff;
-  background-color: #C66067;
-  border: 1px solid #ccc;
-}
-
-#pbmg {
-  position: absolute;
-  right: 1px;
-  padding-top: 1px;
-}
-
-/********************************************************
-  Sidebar
-********************************************************/
-#SplitterArea .jxSplitBarHorizontal {
-  width: 1px;
-  background-color: #3a3a38;
-  border-top: 1px solid #000
-}
-
-#Sidebar {
-  border-right: 1px solid #000;
-  padding-left: 8px;
-}
-
-#Sidebar .jxSplitArea {
-  border-top: 1px solid #000000;
-}
-
-#Tasks {
-  display: block;
-  visibility: visible;
-  height: 250px;
-}
-
-#TaskTools {
-  padding: 5px 8px;
-  background: #ffffff;
-  border-bottom: 1px solid #8e99a3;
-}
-
-.TaskMenuIcon {
-  float: right;
-}
-
-
-#OverviewMap {
-  height: 180px;
-}
-
-#OverviewMapContent {
-  border: 1px solid #ffffff;
-  height: 177px;
-}
-
-#SidebarCollapse {
-  position: absolute;
-  width: 8px;
-  top: 0px;
-  left: 0px;
-  height: 100%;
-  z-index: 1;
-  overflow: hidden;
-  background: url(images/sidebarCollapseBackground.png) repeat-y #000;
-  z-index: 1;
-  border-top: 1px solid #000;
-}
-
-#SidebarCollapseButton {
-  display: block;
-  width: 8px;
-  top: 0px;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
-  position: absolute;
-  height: 100%;
-  font-size: 1px;
-}
-
-.jxSnapOpened #SidebarCollapseButton {
-  background: url(images/sidebarCloseButton.png) center no-repeat;
-}
-
-.jxSnapClosed #SidebarCollapseButton {
-  background: url(images/sidebarOpenButton.png) center no-repeat;
-}
-
-#TaskPane {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-
-/*#Legend {
-  width: 100%;
-  height: 100%;
-}
-*/
-.inputEditableScale {
-  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
-}
-
-#Navigator {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  display: block;
-  z-index: 100;
-}
-
-.jxTree a, .jxTreeRoot a {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-}
-/**
- * @project         Jx
- * @revision        $Id: menu.css 821 2008-09-04 15:59:23Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============== */
-/* JX MENU STYLES */
-/* ============== */
-
-.jxMenuContainer .jxChrome {
-  /* the background image gets used by Jx.Chrome to create a stretchable chrome */
-  background-image: url(images/flyout_chrome.png);
-  /* the padding reflects the amount of space to leave around the content area
-   * for the chrome, typically to leave space for a shadow
-   */
-  padding: 10px;
-}
-
-a.jxButtonMenu span.jxMenuItemSpan {
-  padding-right: 16px;
-}
-
-/* Jx Menus and Sub-menus are all built out of nested ULs
-   For this to work visually, the margins and padding need to be flattened
-   out, and the list marker needs to be hidden
-*/
-
-.jxMenuContainer {
-  position: absolute;
-  display: block;
-  z-index: 200;
-  padding: 0px;
-}
-
-ul.jxMenu,
-ul.jxSubMenu {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  list-style-type: none;
-
-  margin: 10px;
-  background-color: #fff;
-  border: 1px solid #999;
-}
-
-li.jxMenuItemContainer {
-  /* This is needed for IE to make sure submenus don't open space in the parent menu */
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  margin: 0px;
-  padding: 0px;
-}
-
-a.jxMenuItem {
-  /* Base setup */
-  display: block;
-  position: relative;
-  text-decoration: none;
-
-  border: 1px solid #fff;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  text-decoration: none;
-  margin: 2px 2px;
-  padding: 0px;
-  color: #000;
-}
-
-a.jxMenuItem:hover {
-  border: 1px solid #E0E0E0;
-  background-image: url(images/menu_hover.png);
-  background-color: #E0E0E0;
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-}
-
-a.jxMenuItem:hover span.jxMenuItemContent {
-  border: 1px solid #E0E0E0;  /* forces IE to render properly */
-  border-bottom: 1px solid #E0E0E0;
-}
-
-span.jxMenuItemContent {
-  /* If using background images, the SPAN contains the right side of the background */
-  /* use padding to make space between the icon and button edge */
-  /* padding-left: 0px;*/ /* butts up to the left of the button bg image */
-  /* Base setup */
-  display: block;
-  position: relative;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 0px;
-  line-height: 0px;
-  white-space: nowrap;
-  padding: 0px 20px 0px 0px; /* space for the arrow */
-  margin: 0px;
-  border: 1px solid #fff; /* forces IE to render properly */
-}
-
-a.jxButtonSubMenu span.jxMenuItemContent,
-a.jxButtonSubMenu:hover span.jxMenuItemContent {
-  background-image: url(images/emblems.png);
-  background-position: right -32px;
-  background-repeat: no-repeat;
-}
-
-img.jxMenuItemIcon {
-  /* Base setup */
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  display: inline;
-
-  width: 16px;
-  height: 16px;
-  background-position: left center;
-  background-repeat: no-repeat;
-}
-
-span.jxMenuItemContent span {
-  /* Base setup for empty labels */
-  display: block;
-  position: relative;
-  cursor: pointer;
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 0px 0px 0px 20px; /* space for the icon */
-  font-size: 16px; /* keeps empty labels open */
-  line-height: 16px;
-}
-
-span.jxMenuItemContent span.jxMenuItemLabel {
-  /* Base setup, overrides empty labels */
-
-  color: #000;
-  font-size: 11px;
-}
-
-.jxMenuItemToggle img.jxMenuItemIcon,
-.jxMenuItemSet img.jxMenuItemIcon {
-  background-image: url(images/emblems.png);
-  background-position: 2px 0px;
-  background-repeat: no-repeat;
-}
-
-.jxMenuItemToggle a.jxMenuItemActive img.jxMenuItemIcon {
-  background-position: 2px -48px;
-}
-
-.jxMenuItemSet a.jxMenuItemActive img.jxMenuItemIcon {
-  background-position: 2px -64px;
-}
-
-a.jxMenuItemActive img.jxMenuItemIcon {
-  top: -2px;
-  left: -2px;
-  padding: 0px;
-  border: 2px solid #cccccc;
-}
-
-a.jxMenuItemActive span.jxMenuItemContent {
-  background-image: url(images/menu_icon_active.png);
-  background-position: 0px 0px;
-  background-repeat: no-repeat;
-}
-
-.jxDisabled a.jxMenuItem {
-  cursor: default;
-}
-
-.jxDisabled a.jxMenuItem:hover {
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #fff;
-}
-
-ul.jxMenu span.jxMenuSeparator,
-ul.jxSubMenu span.jxMenuSeparator {
-  /* Base setup */
-    display: block;
-
-  font-size: 10px;
-  line-height: 10px;
-  background-image: url(images/toolbar_separator_v.png);
-  background-repeat: repeat-x;
-  background-position: left center;
-}/**
- * @project         Jx
- * @revision        $Id: panel.css 1079 2008-09-23 17:54:08Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =============== */
-/* JX PANEL STYLES */
-/* =============== */
-
-.jxPanel {
-  /* Base setup */
-  display: block;
-  position:relative;
-  overflow: hidden;
-}
-
-.jxPanelContentContainer {
-  /* Base setup */
-  /* need to test various scenarios to see if this is limiting */
-  overflow: hidden;
-  /*margin: 5px;*/
-  background-color: #f0f0f0;
-}
-
-/* the content panel inside a panel */
-.jxPanelContent {
-  /* Base setup */
-  /* position relative is required for panels to work correctly in safari */
-  position: relative;
-  display: block;
-  overflow: auto;
-
-  background-color: #fff;
-  margin: 0px;
-  padding: 0px;
-}
-
-.jxPanelTitle {
-  /* Base setup */
-  /* position relative is required for panel dragging to work correctly in safari */
-  display: block;
-  position: relative;
-
-  background-image: url(images/panelbar.png);
-  background-repeat: repeat-x;
-  background-position: center;
-  background-color: #ad1b25;
-
-  height: 21px;
-  margin: 0;
-  padding: 0;
-
-  text-align: center;
-
-  border: none;
-  border-top: 1px solid #000000;
-
-}
-
-
-/* JX PANELSET STYLE FOR TITLE BAR */
-.jxPanelBar {
-  position: absolute;
-  line-height: 1px;
-  width: 100%;
-  height: 5px;
-  cursor: row-resize;
-  /*background-image: url(images/a_pixel.png);*/
-  background-color: #f0f0f0;
-  z-index: 1;
-}
-
-
-.jxPanelIcon {
-  position: absolute;
-  left: 2px;
-  top: 3px;
-  width: 16px;
-  height: 16px;
-  border: none;
-  padding: 0px;
-  margin: 0px;
-}
-
-.jxPanelLabel {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  font-weight: bold;
-  line-height:21px;
-  color: #ffffff;
-
-  display: block;
-  float: left;
-  padding-left: 25px;
-  white-space: nowrap;
-}
-
-.jxPanelControls {
-  position: absolute;
-  top: 2px;
-  left: 2px;
-  height: 16px;
-  width: 16px;
-  overflow: hidden;
-}
-
-.jxPanelControls img {
-  background-image: url('images/panel_controls.png');
-  background-repeat: no-repeat;
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-}
-
-.jxPanelClose img {
-  background-position: 0px -32px;
-}
-
-.jxPanelMenu img {
-  background-position: 0px -48px;
-}
-
-.jxPanelHelp img {
-  background-position: 0px -64px;
-}
-
-.jxPanelCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxPanelMin .jxPanelCollapse img {
-  background-position: 0px 0px;
-}
-
-.jxPanelMax .jxPanelCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxPanelMaximize img {
-  background-position: 0px 0px;
-}
-
-.jxPanelLoading img {
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-  visibility:hidden;
-  position: absolute;
-  top: 1px;
-  left: 2px;
-}
-
-
-
-/* ========================= */
-/* JX BUTTON STYLES OVERIDES */
-/* ========================= */
-
-.jxPanelControls .jxButtonContainer,
-.jxPanelControls span.jxButtonContent,
-.jxPanelControls a.jxButton:hover span.jxButtonContent,
-.jxPanelControls a.jxButton:active span.jxButtonContent,
-.jxPanelControls a.jxButtonActive span.jxButtonContent,
-.jxPanelControls a.jxButtonActive:hover span.jxButtonContent,
-.jxPanelControls a.jxButtonActive:active span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton:active span.jxButtonContent,
-.jxPanelControls a.jxButton,
-.jxPanelControls a.jxButton:hover,
-.jxPanelControls a.jxButton:active ,
-.jxPanelControls a.jxButtonActive,
-.jxPanelControls a.jxButtonActive:hover,
-.jxPanelControls a.jxButtonActive:active,
-.jxPanelControls .jxDisabled a.jxButton,
-.jxPanelControls .jxDisabled a.jxButton:hover,
-.jxPanelControls .jxDisabled a.jxButton:active {
-  padding: 0px;
-  margin: 0px;
-  border: none;
-  background-color: transparent;
-  background-image: none;
-}
-
-.jxPanelControls a.jxButtonMenu span.jxButtonContent,
-.jxPanelControls a.jxButtonFlyout span.jxButtonContent {
-  background-image: none;
-}
-
-.jxPanelControls a.jxButtonMenu span.jxButtonContent span,
-.jxPanelControls a.jxButtonFlyout span.jxButtonContent span {
-  padding-right: 0px;
-}
-
-/* ========================== */
-/* JX TOOLBAR STYLES OVERIDES */
-/* ========================== */
-
-/* Multiple toolbars can be housed in  the toolbar container the container will expand vertically to accomodate wrapped toolbars */
-
-.jxPanelControls div.jxBarTop {
-  /* Base setup */
-  position: absolute;
-  right: 0px;
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  height: 16px;
-}
-
-.jxPanelControls .jxBarScroller {
-  left: auto;
-  right: 0px;
-}
-
-.jxPanelControls ul.jxToolbar {
-  float: right;
-}
-
-.jxPanelControls ul.jxToolbar,
-.jxPanelControls li.jxToolItem {
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-}/**
- * @project         Jx
- * @revision        $Id: splitter.css 1130 2008-09-24 19:12:35Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =============== */
-/* SPLITTER STYLES */
-/* =============== */
-
-.jxSplitBarHorizontal {
-  display: block;
-  position: absolute;
-  font-size: 0px;
-  line-height: 0px;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  width: 5px;
-  height: 100%;
-  cursor: col-resize;
-  /*background-image: url(images/a_pixel.png);*/
-  background-color: #f0f0f0;
-  z-index: 1;
-}
-
-.jxSplitBarVertical {
-  display: block;
-  position: absolute;
-  font-size: 0px;
-  line-height: 0px;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  width: 100%;
-  height: 5px;
-  cursor: row-resize;
-  /*background-image: url(images/a_pixel.png);*/
-  background-color: #f0f0f0;
-  z-index: 1;
-}
-
-.jxSplitContainer {
-  display: block;
-  position: relative;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  overflow: hidden;
-}
-
-.jxSplitArea {
-  display: block;
-  position: absolute;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  overflow: hidden;
-  z-index: 0;
-}
-
-.jxSplitterMask { 
-  position: absolute; 
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-image: url(images/a_pixel.png);
-  z-index: 1; 
-} 
-
-.jxSplitBarDrag {
-  background-color: #eee;
-}
-
-.jxSnapHorizontalBefore {
-  width: 5px;
-  height: 5px;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  background-color: #aaa;
-}
-
-.jxSnapHorizontalAfter {
-  width: 5px;
-  height: 5px;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  background-color: #aaa;
-}/**
- * @project         Jx
- * @revision        $Id: tab.css 1129 2008-09-24 19:01:34Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ================== */
-/* TAB CONTENT STYLES */
-/* ================== */
-
-/* The tabBox consists of a box containing a tabbar and the tab content areas.
-   It can be used within the body or nested within another object.
-*/
-
-.jxTabSetContainer {
-  /* This is an example of a container that can be used to hold a tabBox
-     the position need to be explicitly set, as well as the width and height. */
-  /* Base setup */
-  position: relative;
-  display: block;
-  overflow: hidden;
-
-  width: 200px;
-  height: 200px;
-  margin: 0px;
-  padding: 0px;
-  background-color: #fff;
-}
-
-.jxTabSetContainer  .jxToolbarContainer {
-  /* Base setup */
-  z-index: auto;
-}
-
-.tabContent {
-  /* the width and height need to be set to 100% to:
-     1. fill the tab box area
-     2. allow a scrolling content area in IE */
-  /* Base setup */
-  display: none;
-  position: relative;
-  width:100%;
-  height: 100%;
-  overflow: auto;
-}
-
-.tabContentActive {
-  /* Base setup */
-  display: block;
-}
-
-/* ======================== */
-/* BASE TAB (BUTTON) STYLES */
-/* ======================== */
-
-div.jxTabContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  margin: 0px;
-  padding: 2px;
-  border: none;
-}
-
-a.jxTabClose {
-  /* Base setup */
-  display: block;
-  position: absolute;
-  cursor: pointer;
-}
-
-a.jxTabClose img {
-  width: 16px;
-  height: 16px;
-  background-image: url(images/tab_close.png);
-}
-
-a.jxTab {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  /* Using background images, the A contains the left side of the background */
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  background-repeat: no-repeat;
-  text-decoration: none;
-  color: #000;
-}
-
-.jxDisabled a.jxButton {
- cursor: default;
-}
-
-a.jxTab:hover,
-a.jxTab:active,
-a.jxTabActive,
-a.jxTabActive:hover,
-a.jxTabActive:active,
-.jxDisabled a.jxButton:hover,
-.jxDisabled a.jxButton:active {
-  border: none;
-}
-
-span.jxTabContent {
-  /* Base setup */
-  display: block;
-  font-size: 0px;
-  line-height: 0px;
-
-  /* The SPAN contains the other side of the tab background image
-     and the tab label */
-  margin: 0px;
-  padding: 0px;
-  background-repeat: no-repeat;
-}
-
-img.jxTabIcon {
-  /* Base setup */
-  position: relative;
-
-  width: 16px;
-  height: 16px;
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-
-span.jxTabLabel {
-  /* Base setup */
-  display: block;
-  position: relative;
-  cursor: pointer;
-
-  margin: 0px;
-  padding: 0px;
-  color: #000;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  line-height: 16px;
-}
-
-.jxTabBox {
-}
-
-/* ======================================= */
-/* HORIZONTALTAB BAR - TOP and BOTTOM TABS */
-/* ======================================= */
-
-.jxBarTop div.jxTabContainer,
-.jxBarBottom div.jxTabContainer {
-  /* Base setup */
-  float: left;
-}
-
-.jxBarTop a.jxTab,
-.jxBarTop span.jxTabContent {
-  background-image: url(images/tab_top.png);
-}
-
-.jxBarBottom a.jxTab,
-.jxBarBottom span.jxTabContent {
-  background-image: url(images/tab_bottom.png);
-}
-
-/* Closeable Tab */
-
-.jxBarTop a.jxTabClose,
-.jxBarBottom a.jxTabClose {
-  top: 3px;
-  right: 3px;
-}
-
-.jxBarTop .jxTabClose span.jxTabContent,
-.jxBarBottom .jxTabClose span.jxTabContent {
-  padding-right: 16px;
-}
-
-/* Normal Tab */
-
-.jxBarTop a.jxTab,
-.jxBarBottom a.jxTab {
-  /* Base setup */
-  float: left;
-
-  padding-left: 4px; /* makes room for the left of the tab bg */
-  background-position: left -24px;
-}
-
-.jxBarTop span.jxTabContent,
-.jxBarBottom span.jxTabContent {
-  /* Base setup */
-  float: left;
-
-  padding: 4px 4px 4px 0px; /* makes space around the label */
-  background-position: right -24px;
-}
-
-
-/* Hover Tab */
-
-.jxBarTop a.jxTab:hover,
-.jxBarBottom a.jxTab:hover {
-  background-position: left -96px;
-}
-
-.jxBarTop a.jxTab:hover span.jxTabContent,
-.jxBarBottom a.jxTab:hover span.jxTabContent {
-  background-position: right -96px;
-}
-
-/* Click Tab */
-
-.jxBarTop a.jxTab:active,
-.jxBarBottom a.jxTab:active {
-  background-position: left -48px;
-}
-
-.jxBarTop a.jxTab:active span.jxTabContent,
-.jxBarBottom a.jxTab:active span.jxTabContent {
-  background-position: right -48px;
-}
-
-/* Active Tab */
-
-.jxBarTop a.jxTabActive,
-.jxBarBottom a.jxTabActive {
-  background-position: left -72px; /* switch to the active left BG */
-}
-
-.jxBarTop a.jxTabActive span.jxTabContent,
-.jxBarBottom a.jxTabActive span.jxTabContent {
-  background-position: right -72px; /* switch to the active right BG  */
-}
-
-/* Disabled Tab */
-
-.jxBarTop .jxDisabled a.jxTab:hover,
-.jxBarTop .jxDisabled a.jxTab:active,
-.jxBarBottom .jxDisabled a.jxTab:hover,
-.jxBarBottom .jxDisabled a.jxTab:active {
-  background-position: left -24px; /* do not switch the left BG */
-}
-
-
-.jxBarTop .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarTop .jxDisabled a.jxTab:active span.jxTabContent,
-.jxBarBottom .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarBottom .jxDisabled a.jxTab:active span.jxTabContent {
-  background-position: right -24px; /* do not switch the right BG */
-}
-
-
-.jxBarTop img.jxTabIcon,
-.jxBarBottom img.jxTabIcon {
-  /* Base setup */
-  float: left;
-}
-
-.jxBarTop span.jxTabLabel,
-.jxBarBottom span.jxTabLabel {
-  /* Base setup */
-  float: left;
-  height: 16px;
-
-  padding: 0px 4px 0px 4px;
-}
-
-
-/* ================================= */
-/* VERTICAL TAB BAR - LEFT and RIGHT */
-/* ================================= */
-
-.jxBarLeft div.jxTabContainer,
-.jxBarRight div.jxTabContainer {
-  /* Base setup */
-}
-
-.jxBarLeft a.jxTab,
-.jxBarLeft span.jxTabContent {
-  background-image: url(images/tab_left.png);
-}
-
-.jxBarRight a.jxTab,
-.jxBarRight span.jxTabContent {
-  background-image: url(images/tab_right.png);
-}
-
-/* Closeable Tab */
-
-.jxBarLeft a.jxTabClose,
-.jxBarRight a.jxTabClose {
-  top: 3px;
-  left: 3px;
-}
-
-.jxBarLeft .jxTabClose span.jxTabContent,
-.jxBarRight .jxTabClose span.jxTabContent {
-  padding-top: 16px;
-}
-
-/* Normal Tab */
-
-.jxBarLeft a.jxTab,
-.jxBarRight a.jxTab {
-  padding-top: 4px; /* makes room for the top of the tab bg */
-  background-position: -24px top;
-}
-
-.jxBarLeft span.jxTabContent,
-.jxBarRight span.jxTabContent {
-  padding: 0px 4px 4px 4px; /* makes space around the label */
-  background-position: -24px bottom;
-}
-
-/* Hover tab */
-
-.jxBarLeft a.jxTab:hover,
-.jxBarRight a.jxTab:hover {
-  background-position: -96px top; /* shifts the left BG out 2 px for slide effect */
-}
-
-.jxBarLeft a.jxTab:hover span.jxTabContent,
-.jxBarRight a.jxTab:hover span.jxTabContent {
-  background-position: -96px bottom;
-}
-
-/* Click Tab */
-
-.jxBarLeft a.jxTab:active,
-.jxBarRight a.jxTab:active {
-  background-position: -48px top;
-}
-
-.jxBarLeft a.jxTab:active span.jxTabContent,
-.jxBarRight a.jxTab:active span.jxTabContent {
-  background-position: -48px bottom;
-}
-
-/* Active Tab */
-
-.jxBarLeft a.jxTabActive,
-.jxBarRight a.jxTabActive {
-  background-position: -72px top; /* switch to the active top BG */
-}
-
-.jxBarLeft a.jxTabActive span.jxTabContent,
-.jxBarRight a.jxTabActive span.jxTabContent {
-  background-position: -72px bottom; /* switch to the active bottom BG  */
-}
-
-/* Disabled Tab */
-
-.jxBarLeft .jxDisabled a.jxTab:hover,
-.jxBarLeft .jxDisabled a.jxTab:active,
-.jxBarRight .jxDisabled a.jxTab:hover,
-.jxBarRigth .jxDisabled a.jxTab:active {
-  background-position: -24px top; /* do not switch the top BG */
-}
-
-
-.jxBarLeft .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarLeft .jxDisabled a.jxTab:active span.jxTabContent,
-.jxBarRight .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarRight .jxDisabled a.jxTab:active span.jxTabContent {
-  background-position: -24px bottom; /* do not switch the top BG */
-}
-
-.jxBarLeft span.jxTabLabel,
-.jxBarRight span.jxTabLabel {
-  padding: 4px 0px 4px 0px;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: toolbar.css 1080 2008-09-23 18:06:47Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============== */
-/* TOOLBAR STYLES */
-/* ============== */
-
-/* Multiple toolbars can be housed in  the toolbar container.
-   The container will expand vertically to accomodate wrapped toolbars */
-
-.jxBarContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-  z-index: 1;
-  overflow: hidden;
-
-  margin: 0px;
-  padding: 0px;
-  border: 0px;
-
-  background-color: #f0f0f0;
-}
-
-.jxBarTop,
-.jxBarBottom {
-  /* Horizontally oriented toolbars */
-  /* Base setup */
-  width: 100%; /* fills the width, may be needed for JS style sniffing */
-  height: 28px;
-  background-image: url(images/toolbar.png);
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-  overflow: hidden;
-}
-
-.jxTabBox .jxBarTop {
-  background-image: url(images/tabbar.png);
-  background-position: 0px bottom;
-}
-
-.jxTabBox .jxBarBottom {
-  background-image: url(images/tabbar_bottom.png);
-  background-position: 0px top;
-}
-
-.jxBarLeft,
-.jxBarRight {
-  /* Vertically oriented toolbars */
-  /* Base setup */
-  width: auto;
-  height: 100%;
-  background-image: url(images/toolbar.png);
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-  float: left;
-  overflow: hidden;
-}
-
-.jxTabBox .jxBarLeft {
-  background-image: url(images/tabbar_left.png);
-  background-repeat: repeat-y;
-  background-position: right 0px;
-}
-
-.jxTabBox .jxBarRight {
-  background-image: url(images/tabbar_right.png);
-  background-repeat: repeat-y;
-  background-position: left 0px;
-}
-
-.jxBarTop .jxBarScroller,
-.jxBarBottom .jxBarScroller {
-  position: absolute;
-  /* much bigger than its container */
-  width: 10000%;
-  overflow: hidden;
-}
-
-.jxBarTop .jxBarScrollLeft,
-.jxBarBottom .jxBarScrollLeft {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-}
-
-.jxBarTop .jxBarScrollRight,
-.jxBarBottom .jxBarScrollRight {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-}
-
-.jxBarTop .jxBarScrollLeft img.jxButtonIcon,
-.jxBarBottom .jxBarScrollLeft img.jxButtonIcon {
-  background-image: url(images/emblems.png);
-  background-position: 0px -80px;
-}
-
-.jxBarTop .jxBarScrollRight img.jxButtonIcon,
-.jxBarBottom .jxBarScrollRight img.jxButtonIcon {
-  background-image: url(images/emblems.png);
-  background-position: 0px -96px;
-}
-
-/* The jx toolbar and tabbar are both built out of a UL
-   The margins/padding are flattened out, and the list markers are hidden
-   UL's are floated left so multiple toolbars can be in the samae row.
-   In IE, the UL needs to have a specified width to prevent button wrapping.
-
-   The tab background uses the sliding door technique so tabs can expand to
-   accomodate content up to 200 px wide (top/bottom tabs) or 200px high
-   (left/right tabs).  All parts and states of the tab BG graphics are in the
-   same image so they can be treated like sprites.
-
-   Horizontal tabs can contain text or an image label.  Vertical tabs need an
-   image label.
-*/
-
-ul.jxToolbar,
-ul.jxTabBar {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  list-style-type: none;
-
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  padding: 0px;
-  border: none;
-}
-
-.jxBarTop ul.jxToolbar,
-.jxBarBottom ul.jxToolbar,
-.jxBarTop ul.jxTabBar,
-.jxBarBottom ul.jxTabBar {
-}
-
-/* LI's are floated to the left, to make a horizontal row of buttons*/
-
-li.jxToolItem {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  padding: 0px;
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  border: none;
-}
-
-/* Seperator height should match that of button images
-   and the margins+padding+border should add up to the same total too. */
-
-li.jxToolItem  .separator {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  border: 0px;
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  padding: 4px;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-
-.jxBarTop  li.jxToolItem  span.jxBarSeparator,
-.jxBarBottom  li.jxToolItem  span.jxBarSeparator {
-  /* width/height should be defined */
-  width: 8px;
-  height: 20px;
-  background-image: url(images/toolbar_separator_h.png);
-}
-
-.jxBarLeft  li.jxToolItem  span.jxBarSeparator,
-.jxBarRight  li.jxToolItem  span.jxBarSeparator {
-  /* width/height should be defined */
-  width: 20px;
-  height: 8px;
-  background-image: url(images/toolbar_separator_v.png);
-}
-
-/* Vertically oriented toolbars need floats cleared */
-
-.jxBarLeft ul.jxToolbar,
-.jxBarLeft ul.jxTabBar,
-.jxBarLeft li.jxToolItem,
-.jxBarRight ul.jxToolbar,
-.jxBarRight ul.jxTabBar,
-.jxBarRight li.jxToolItem
-{
-  /* Base setup */
-  clear: both;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: tree.css 711 2008-08-13 20:38:33Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =========== */
-/* TREE STYLES */
-/* =========== */
-
-/* The jx tree built out of nested ULs
-   For this to work visually, the margins and padding need to be flattened
-   out, and the list marker needs to be hidden
-*/
-
-
-.jxTree,
-.jxTreeRoot {
-  /* relative positioning is required for IE to fix the peek-a-boo bug */
-  position:relative;
-  display: block;
-  list-style: none;
-  margin: 0px;
-  padding: 0px;
-}
-
-.jxTreeNest {
-  list-style: none;
-  margin: 0px;
-  padding: 0px;
-  background-repeat: repeat-y;
-  background-position: left top;
-}
-
-/* Node Classes */
-
-.jxTree li,
-.jxTreeRoot li {
-  /* relative positioning is required for IE to fix the peek-a-boo bug */
-  position:relative;
-  display: block;
-  margin: 0px;
-  padding: 0px;
-  background-repeat: no-repeat;
-  /* background branches may need to shift up/down according to height of the node */
-  background-position: left top;
-  white-space: nowrap;
-  font-size: 0px;
-  line-height: 0px;
-  overflow:hidden;
-}
-
-.jxTree li {
-  margin-left: 16px;
-}
-
-.jxTree a,
-.jxTreeRoot a {
-  position: relative;
-  display: block;
-  margin: 0px 0px 0px 14px;
-  padding: 0px 0px 0px 20px;
-  z-index: 0;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  color: #000;
-  text-decoration: none;
-  /* Line Height needs to be an even number so branches line up properly */
-  line-height: 20px;
-  height: 20px;
-}
-
-.jxTree a:hover,
-.jxTreeRoot a:hover {
-  background-image: url(images/tree_hover.png);
-  background-color: #CDE5FF;
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-}
-
-.jxDisabled .jxTree a:hover,
-.jxDisabled .jxTreeRoot a:hover {
-  background: none;
-  cursor: default;
-}
-
-.jxTreeNest {
-  background-image: url(images/tree_vert_line.png);
-}
-
-.jxTreeImage,
-.jxTreeIcon {
-  position: absolute;
-  display: inline;
-
-  left: 0px;
-  top: 0px;
-  width: 16px;
-  height: 20px;
-
-  z-index: 1;
-
-  background-image: url(images/tree.png);
-  background-repeat: no-repeat;
-
-  border: 0px;
-  margin: 0px;
-}
-
-.jxTreeIcon {
-  height: 16px;
-  top: 2px;
-  left: 2px;
-}
-
-.jxTreeBranchOpen .jxTreeIcon,
-.jxTreeBranchLastOpen .jxTreeIcon {
-  background-position: left -40px; /* open folder image */
-}
-
-
-.jxTreeBranchOpen .jxTreeImage {
-  background-position: left -100px; /* minus image */
-}
-
-.jxTreeBranchLastOpen .jxTreeImage {
-  background-position: left -160px; /* minus last image */
-}
-
-.jxTreeBranchClosed .jxTreeIcon,
-.jxTreeBranchLastClosed .jxTreeIcon {
-  background-position: left -20px; /* closed folder image */
-}
-
-
-.jxTreeBranchClosed .jxTreeImage {
-  background-position: left -80px; /* plus image */
-}
-
-.jxTreeBranchLastClosed .jxTreeImage {
-  background-position: left -140px; /* plus last image */
-}
-
-.jxTreeItem .jxTreeIcon,
-.jxTreeItemLast .jxTreeIcon {
-  background-position: left 0px; /* page image */
-}
-
-.jxTreeItem .jxTreeImage {
-  background-position: left -60px; /* node image */
-}
-
-.jxTreeItemLast .jxTreeImage {
-  background-position: left -120px; /* last node image */
-}
-
-.jxTreeItemSelected {
-  background-color: #AFD4FA;
-  font-weight:bold;
-}
-
-.jxTreeItem a,
-.jxTreeItem img,
-.jxTreeItem input,
-.jxTreeItemLast a,
-.jxTreeItemLast img,
-.jxTreeItemLast input,
-.jxTreeBranch a,
-.jxTreeBranch img,
-.jxTreeBranch input,
-.jxTreeBranchLast a,
-.jxTreeBranchLast img,
-.jxTreeBranchLast input {
-    vertical-align: middle;
-}
-
-

Added: trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/maroon.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/maroon.css	                        (rev 0)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/maroon.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -0,0 +1 @@
+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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{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:'';}html{height:100%;overflow:hidden;}body{width:100%;height:100%;overflow:hidden;background-image:url(images/background.png);background-repeat:repeat-x;background-color:#3e5c5f;background-position:top;}body,table{font-style:normal;font-weight:normal;font-size:75%;font-family:Verdana,Arial,Helvetica,sans-serif;color:#000;}#MapArea{border-top:1px solid #000;z-index:0;overflow:hidden;}#Map{border:1px solid #adadad;}.olMapViewport{z-index:1;}#Maptip{display:none;border:1px solid #000;background-color:#E5DAC7;padding:4px;}#Toolbar{background-image:url(images/toolbarBackground.png);background-color:#500000;borde
 r-left:1px solid #000;border-right:1px solid #000;z-index:1;}#ToolbarVertical{padding:10px 0 0 0;background:#500000;border:1px solid #000;z-index:1;}#Toolbar span.jxButtonContainer{padding:0 2px 0 2px;}#Toolbar a.jxButton{padding:0 0 0 4px;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonContent{padding:5px 4px 4px 0;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonLabel,#ToolbarVertical a.jxButtonLabel{color:#fff;}li.jxToolItem .separator{padding:4px;}#FileMenu{background-image:url(images/fileMenuBackground.png);background-repeat:repeat-x;background-color:#ad1b25;background-position:center;border:1px solid #000;z-index:2;}#FileMenu span.jxButtonContainer{padding:0 2px 0 2px;}#FileMenu a.jxButton{padding:0 0 0 4px;background-image:url(images/fileMenuButton.png);}#FileMenu span.jxButtonContent{padding:3px 4px 4px 0;background-image:url(images/fileMenuButton.png);}#FileMenu span.jxButtonLabel{color:#fff;padding:0 4px 0 4px;background-i
 mage:none;}.jxBarTop li.jxToolItem span.separator,.jxBarBottom li.jxToolItem span.separator{width:8px;height:16px;}.jxBarLeft li.jxToolItem span.separator,.jxBarRight li.jxToolItem span.separator{width:16px;height:8px;}#Toolbar a.jxButtonMenu span.jxButtonContent span,#Toolbar a.jxButtonFlyout span.jxButtonContent span,#Toolbar a.jxButtonMulti span.jxButtonContent span,#Toolbar a.jxButtonCombo span.jxButtonContent span,#Toolbar a.jxButtonEditCombo span.jxButtonContent span{background-image:url(images/emblems_alt.png);}#StatusbarContainer{border-top:1px solid #000;color:#fff;line-height:22px;font-size:10px;vertical-align:middle;background-image:url(images/statusbarBackground.png);background-position:top left;background-repeat:repeat-x;}#Statusbar .jxSplitBarHorizontal{width:3px;border-left:1px solid #fef7dd;background-color:#ad1b25;cursor:'col-resize';margin-top:4px;height:14px;}#Statusbar .spanCursorPosition,#Statusbar .spanViewSize,#Statusbar .spanSelectionInfo{padding:4px 
 10px;}.inputEditableScale{font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#fff;background-color:#C66067;border:1px solid #ccc;}#pbmg{position:absolute;right:1px;padding-top:1px;}#SplitterArea .jxSplitBarHorizontal{width:1px;background-color:#3a3a38;border-top:1px solid #000;}#Sidebar{border-right:1px solid #000;padding-left:8px;}#Sidebar .jxSplitArea{border-top:1px solid #000;}#Sidebar .jxBarTop .jxBarControls,#Sidebar .jxBarBottom .jxBarControls{display:none;}#Tasks{display:block;visibility:visible;height:250px;}#TaskTools{padding:5px 8px;background:#fff;border-bottom:1px solid #8e99a3;}.TaskMenuIcon{float:right;}#OverviewMap{height:180px;}#OverviewMapContent{border:1px solid #fff;height:177px;}#SidebarCollapse{position:absolute;width:8px;top:0;left:0;height:100%;z-index:1;overflow:hidden;background:url(images/sidebarCollapseBackground.png) repeat-y #000;z-index:1;border-top:1px solid #000;}#SidebarCollapseButton{display:block;width:8px;top:0;bottom:0;le
 ft:0;right:0;position:absolute;height:100%;font-size:1px;}.jxSnapOpened #SidebarCollapseButton{background:url(images/sidebarCloseButton.png) center no-repeat;}.jxSnapClosed #SidebarCollapseButton{background:url(images/sidebarOpenButton.png) center no-repeat;}#TaskPane{width:100%;height:100%;overflow:hidden;}.inputEditableScale{font:normal 10px Verdana,Arial,Helvetica,sans-serif;}#Navigator{position:absolute;right:10px;top:10px;display:block;z-index:100;}ul.jxToolbar .jxButton:focus,.jxButton:focus{background-position:left -96px;}ul.jxToolbar .jxButton:focus span.jxButtonContent,.jxButton:focus span.jxButtonContent{background-position:right -96px;}ul.jxToolbar .jxButtonActive:focus,.jxButtonActive:focus{background-position:left -72px;}ul.jxToolbar .jxButtonActive:focus span.jxButtonContent,.jxButtonActive:focus span.jxButtonContent{background-position:right -72px;}span.jxButtonContent span{font-family:Arial,Helvetica,sans-serif;}a.jxButtonEditCombo input{font-family:Arial,Hel
 vetica,sans-serif;background-color:transparent;}.jxChromeTL img{width:500px;height:500px;}.jxChromeTR img{width:500px;height:500px;}.jxChromeBL img{width:500px;height:500px;}.jxChromeBR img{width:500px;height:500px;}.jxDialog .jxChrome{background-image:url(images/dialog_chrome.png);}.jxDialogContentContainer{border:none;}.jxDialogModal{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.2;-ms-filter:"Alpha(opacity=20)";}.jxDialogTitle{background-image:url(images/a_pixel.png);height:16px;margin:10px 10px 0 10px;}.jxDialogIcon{left:10px;top:0;}.jxDialogLabel{font-family:Arial,Helvetica,sans-serif;line-height:15px;display:block;top:0;}.jxDialogControls{top:0;}.jxDialogControls img{background-image:url('images/dialog_controls.png');}.jxPanelContentContainer{background-image:url(images/panelBackround.png);background-repeat:repeat-x;background-position:left bottom;background-color:#f0f0f0;}.jxPanelContent{background-color:transparent;
 }.jxPanelTitle{background-image:url(images/panelbar.png);background-repeat:repeat-x;background-position:left top;text-align:left;}.jxPanelBar{background-color:transparent;}.jxPanelLabel{padding-left:20px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-height:21px;color:#fff;white-space:nowrap;}.jxPanelControls{top:2px;left:2px;height:16px;width:16px;}.jxPanelControls img{background-image:url('images/panel_controls.png');background-repeat:no-repeat;}.jxSplitBarHorizontal{width:2px;background-color:transparent;}.jxSplitBarVertical{width:2px;background-color:transparent;}.jxSplitterMask{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-image:url(images/a_pixel.png);z-index:1;}.jxSplitArea{display:block;position:absolute;margin:0;padding:0;border:none;overflow:hidden;z-index:0;}.jxBarTop,.jxBarBottom{background-image:url(images/toolbar.png);background-repeat:repeat-x;background-position:0 0;}.jxBarTop .jxBarScrol
 ler,.jxBarBottom .jxBarScroller{position:absolute;width:10000%;overflow:hidden;}.jxBarTop li.jxToolItem span.jxBarSeparator,.jxBarBottom li.jxToolItem span.jxBarSeparator{width:8px;height:20px;background-image:url(images/toolbar_separator_h.png);}.jxBarLeft li.jxToolItem span.jxBarSeparator,.jxBarRight li.jxToolItem span.jxBarSeparator{width:20px;height:8px;background-image:url(images/toolbar_separator_v.png);}.jxBarTop .jxBarScrollLeft img.jxButtonIcon,.jxBarBottom .jxBarScrollLeft img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -80px;}.jxBarTop .jxBarScrollRight img.jxButtonIcon,.jxBarBottom .jxBarScrollRight img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -96px;}.jxBarTop .jxBarControls .jxButtonContainer,.jxBarBottom .jxBarControls .jxButtonContainer,.jxBarTop .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer,.jxBarBottom .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonConta
 iner{z-index:1;padding:2px;margin-left:-1px;}.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarTop .jxBarControls .jxDisabled .jxButton,.jxBarBottom .jxBarControls .jxDisabled .jxButton,.jxBarTop .jxBarControls .jxDisabled .jxButton,.jxBarBottom .jxBarControls .jxDisabled .jxButton{visibility:hidden;cursor:default;}a.jxTreeItem{font-family:Arial,Helvetica,sans-serif;}
\ No newline at end of file

Added: trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/maroon.uncompressed.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/maroon.uncompressed.css	                        (rev 0)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/maroon/maroon.uncompressed.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -0,0 +1,600 @@
+/*
+Copyright (c) 2006, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 0.11.0
+*/
+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;}
+table{border-collapse:collapse;border-spacing:0;}
+fieldset,img{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:'';}
+
+/********************************************************
+  Noble Studios - 05/21/07
+  ns_adsk.css
+  Mapguide Layout
+********************************************************/
+
+html {
+  height: 100%;
+  overflow: hidden;
+}
+
+body {
+  width:  100%;
+  height:  100%;
+  overflow:  hidden;
+  background-image: url(images/background.png);
+  background-repeat: repeat-x;
+  background-color: #3e5c5f;
+  background-position: top;
+}
+
+body, table {
+  font-style: normal;
+  font-weight: normal;
+  font-size: 75%;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: #000000;
+}
+
+/********************************************************
+  Overall Structure
+********************************************************/
+
+#AppContainer {
+}
+
+#MapArea {
+  border-top: 1px solid #000;
+  z-index: 0;
+  overflow: hidden;
+}
+
+#Map {
+  border: 1px solid #adadad;
+}
+
+.olMapViewport {
+    z-index: 1;
+}
+
+#Maptip {
+  display: none;
+  border: 1px solid #000;
+  background-color: #E5DAC7;
+  padding: 4px;
+}
+
+/********************************************************
+  Primary Toolbar
+********************************************************/
+
+#Toolbar {
+  background-image: url(images/toolbarBackground.png);
+  background-color: #500000;
+  border-left: 1px solid #000000;
+  border-right: 1px solid #000000;
+  z-index: 1;
+}
+
+#ToolbarVertical {
+  padding: 10px 0px 0 0px;
+  background: #500000;
+  border: 1px solid #000000;
+  z-index: 1;
+}
+
+#Toolbar span.jxButtonContainer {
+  padding: 0px 2px 0px 2px;
+}
+
+#Toolbar a.jxButton {
+  padding: 0px 0px 0px 4px;
+  background-image: url(images/toolbarButton.png);
+}
+
+#Toolbar span.jxButtonContent {
+  padding: 5px 4px 4px 0px; /* makes room for the right of the button bg */
+  background-image: url(images/toolbarButton.png);
+}
+
+
+#Toolbar span.jxButtonLabel,
+#ToolbarVertical a.jxButtonLabel {
+  color: #fff;
+}
+
+
+
+li.jxToolItem .separator {
+  padding: 4px;
+}
+
+/********************************************************
+  Main Menu
+********************************************************/
+
+#FileMenu {
+  background-image: url(images/fileMenuBackground.png);
+  background-repeat: repeat-x;
+  background-color: #ad1b25;
+  background-position: center;
+  border: 1px solid #000000;
+  z-index: 2;
+}
+
+#FileMenu span.jxButtonContainer {
+  padding: 0px 2px 0px 2px;
+}
+
+#FileMenu a.jxButton {
+  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
+  background-image: url(images/fileMenuButton.png);
+}
+
+#FileMenu span.jxButtonContent {
+  padding: 3px 4px 4px 0px; /* makes room for the right of the button bg */
+  background-image: url(images/fileMenuButton.png);
+}
+
+#FileMenu span.jxButtonLabel {
+  color: #ffffff;
+  padding: 0 4px 0 4px;
+  background-image: none;
+}
+
+.jxBarTop  li.jxToolItem  span.separator,
+.jxBarBottom  li.jxToolItem  span.separator {
+  width: 8px;
+  height: 16px;
+}
+
+.jxBarLeft  li.jxToolItem  span.separator,
+.jxBarRight  li.jxToolItem  span.separator {
+  width: 16px;
+  height: 8px;
+}
+
+#Toolbar a.jxButtonMenu span.jxButtonContent span,
+#Toolbar a.jxButtonFlyout span.jxButtonContent span,
+#Toolbar a.jxButtonMulti span.jxButtonContent span,
+#Toolbar a.jxButtonCombo span.jxButtonContent span,
+#Toolbar a.jxButtonEditCombo span.jxButtonContent span {
+  background-image: url(images/emblems_alt.png);
+}
+
+
+/********************************************************
+  Status bar
+********************************************************/
+
+#StatusbarContainer {
+  border-top: 1px solid #000000;
+  color: #ffffff;
+  line-height: 22px;
+  font-size: 10px;
+  vertical-align: middle;
+  background-image: url(images/statusbarBackground.png);
+  background-position: top left;
+  background-repeat: repeat-x;
+}
+
+#Statusbar .jxSplitBarHorizontal {
+  width: 3px;
+  border-left: 1px solid #fef7dd;
+  background-color: #ad1b25;
+  cursor: 'col-resize';
+  margin-top: 4px;
+  height: 14px;
+}
+
+#Statusbar .spanCursorPosition,
+#Statusbar .spanViewSize,
+#Statusbar .spanSelectionInfo {
+  padding: 4px 10px;
+}
+
+.inputEditableScale {
+  font-size: 10px;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: #fff;
+  background-color: #C66067;
+  border: 1px solid #ccc;
+}
+
+#pbmg {
+  position: absolute;
+  right: 1px;
+  padding-top: 1px;
+}
+
+/********************************************************
+  Sidebar
+********************************************************/
+#SplitterArea .jxSplitBarHorizontal {
+  width: 1px;
+  background-color: #3a3a38;
+  border-top: 1px solid #000
+}
+
+#Sidebar {
+  border-right: 1px solid #000;
+  padding-left: 8px;
+}
+
+#Sidebar .jxSplitArea {
+  border-top: 1px solid #000000;
+}
+
+#Sidebar .jxBarTop .jxBarControls,
+#Sidebar .jxBarBottom .jxBarControls{
+  display: none;
+}
+
+#Tasks {
+  display: block;
+  visibility: visible;
+  height: 250px;
+}
+
+#TaskTools {
+  padding: 5px 8px;
+  background: #ffffff;
+  border-bottom: 1px solid #8e99a3;
+}
+
+.TaskMenuIcon {
+  float: right;
+}
+
+
+#OverviewMap {
+  height: 180px;
+}
+
+#OverviewMapContent {
+  border: 1px solid #ffffff;
+  height: 177px;
+}
+
+#SidebarCollapse {
+  position: absolute;
+  width: 8px;
+  top: 0px;
+  left: 0px;
+  height: 100%;
+  z-index: 1;
+  overflow: hidden;
+  background: url(images/sidebarCollapseBackground.png) repeat-y #000;
+  z-index: 1;
+  border-top: 1px solid #000;
+}
+
+#SidebarCollapseButton {
+  display: block;
+  width: 8px;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  position: absolute;
+  height: 100%;
+  font-size: 1px;
+}
+
+.jxSnapOpened #SidebarCollapseButton {
+  background: url(images/sidebarCloseButton.png) center no-repeat;
+}
+
+.jxSnapClosed #SidebarCollapseButton {
+  background: url(images/sidebarOpenButton.png) center no-repeat;
+}
+
+#TaskPane {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+/*#Legend {
+  width: 100%;
+  height: 100%;
+}
+*/
+.inputEditableScale {
+  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
+}
+
+#Navigator {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  display: block;
+  z-index: 100;
+}
+
+
+/* ====================== */
+/* OVERRIDE BUTTON STYLES */
+/* ====================== */
+
+/* focus button */
+ul.jxToolbar .jxButton:focus,
+.jxButton:focus {
+  background-position: left -96px;
+}
+
+ul.jxToolbar .jxButton:focus span.jxButtonContent,
+.jxButton:focus span.jxButtonContent {
+  background-position: right -96px;
+}
+
+/* focus active button */
+ul.jxToolbar .jxButtonActive:focus,
+.jxButtonActive:focus {
+  background-position: left -72px;
+}
+
+ul.jxToolbar .jxButtonActive:focus span.jxButtonContent,
+.jxButtonActive:focus span.jxButtonContent {
+  background-position: right -72px;
+}
+
+span.jxButtonContent span {
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+a.jxButtonEditCombo input {
+  font-family: Arial, Helvetica, sans-serif;
+  background-color: transparent;
+}
+
+/* ====================== */
+/* OVERRIDE CHROME STYLES */
+/* ====================== */
+
+.jxChromeTL img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeTR img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeBL img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeBR img {
+  width: 500px;
+  height:500px;
+}
+
+/* ====================== */
+/* OVERRIDE DIALOG STYLES */
+/* ====================== */
+
+.jxDialog .jxChrome {
+  background-image: url(images/dialog_chrome.png);
+}
+
+.jxDialogContentContainer {
+  border: none;
+}
+
+.jxDialogModal {
+  /* Base setup */
+  position: absolute;
+  display: block;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+
+  background-color: #000;
+  opacity: .2;
+  -ms-filter: "Alpha(opacity=20)";
+}
+
+.jxDialogTitle {
+  /* this makes the dialog draggable by the title bar in IE
+   * Without it, only the label is draggable
+   */
+  background-image: url(images/a_pixel.png);
+
+  /* note: height is hard coded into jx.js Jx.Dialog initialize function - change there as well as here */
+  height: 16px;
+
+  margin: 10px 10px 0px 10px;
+}
+
+.jxDialogIcon {
+  left: 10px;
+  top: 0px;
+}
+
+.jxDialogLabel {
+  font-family: Arial, Helvetica, sans-serif;
+  line-height:15px;
+  display:block;
+  top: 0px;
+}
+
+.jxDialogControls {
+  top: 0px;
+}
+
+.jxDialogControls img {
+  background-image: url('images/dialog_controls.png');
+}
+
+/* ======================== */
+/* OVERRIDE JX PANEL STYLES */
+/* ======================== */
+
+.jxPanelContentContainer {
+  background-image: url(images/panelBackround.png);
+  background-repeat: repeat-x;
+  background-position: left bottom;
+  background-color: #f0f0f0;
+}
+
+.jxPanelContent {
+  background-color: transparent;
+}
+
+.jxPanelTitle {
+  background-image: url(images/panelbar.png);
+  background-repeat: repeat-x;
+  background-position: left top;
+  text-align: left;
+}
+
+/* JX PANELSET STYLE FOR TITLE BAR */
+.jxPanelBar {
+  background-color: transparent;
+}
+
+.jxPanelLabel {
+  /* make room for the loading spinner */
+  padding-left: 20px;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size: 11px;
+  font-weight: bold;
+  /* line-height vertically aligns the label in the containing div. */
+  line-height:21px;
+  color: #fff;
+  white-space: nowrap;
+}
+
+.jxPanelControls {
+  top: 2px;
+  left: 2px;
+  height: 16px;
+  width: 16px;
+}
+
+.jxPanelControls img {
+  background-image: url('images/panel_controls.png');
+  background-repeat: no-repeat;
+}
+
+/* ======================== */
+/* OVERRIDE SPLITTER STYLES */
+/* ======================== */
+
+.jxSplitBarHorizontal {
+  width: 2px;
+  background-color: transparent;
+}
+
+.jxSplitBarVertical {
+  width: 2px;
+  background-color: transparent;
+}
+
+.jxSplitterMask { 
+  position: absolute; 
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-image: url(images/a_pixel.png);
+  z-index: 1; 
+} 
+
+.jxSplitArea {
+  display: block;
+  position: absolute;
+  margin: 0px;
+  padding: 0px;
+  border: none;
+  overflow: hidden;
+  z-index: 0;
+}
+
+/* ======================= */
+/* OVERRIDE TOOLBAR STYLES */
+/* ======================= */
+
+.jxBarTop,
+.jxBarBottom {
+  background-image: url(images/toolbar.png);
+  background-repeat: repeat-x;
+  background-position: 0px 0px;
+}
+
+.jxBarTop .jxBarScroller,
+.jxBarBottom .jxBarScroller {
+  position: absolute;
+  /* much bigger than its container */
+  width: 10000%;
+  overflow: hidden;
+}
+
+.jxBarTop  li.jxToolItem  span.jxBarSeparator,
+.jxBarBottom  li.jxToolItem  span.jxBarSeparator {
+  /* width/height should be defined */
+  width: 8px;
+  height: 20px;
+  background-image: url(images/toolbar_separator_h.png);
+}
+
+.jxBarLeft  li.jxToolItem  span.jxBarSeparator,
+.jxBarRight  li.jxToolItem  span.jxBarSeparator {
+  /* width/height should be defined */
+  width: 20px;
+  height: 8px;
+  background-image: url(images/toolbar_separator_v.png);
+}
+
+.jxBarTop .jxBarScrollLeft img.jxButtonIcon,
+.jxBarBottom .jxBarScrollLeft img.jxButtonIcon {
+  background-image: url(images/emblems.png);
+  background-position: 0px -80px;
+}
+
+.jxBarTop .jxBarScrollRight img.jxButtonIcon,
+.jxBarBottom .jxBarScrollRight img.jxButtonIcon {
+  background-image: url(images/emblems.png);
+  background-position: 0px -96px;
+}
+
+.jxBarTop .jxBarControls .jxButtonContainer,
+.jxBarBottom .jxBarControls .jxButtonContainer,
+.jxBarTop .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer,
+.jxBarBottom .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer{
+  z-index: 1;
+  padding: 2px;
+  margin-left: -1px;
+}
+
+/* trick here:  hide disabled buttons */
+.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarBottom .jxBarControls  .jxDisabled span.jxButtonContent span,
+.jxBarTop .jxBarControls .jxDisabled .jxButton,
+.jxBarBottom .jxBarControls .jxDisabled .jxButton,
+.jxBarTop .jxBarControls .jxDisabled .jxButton,
+.jxBarBottom .jxBarControls  .jxDisabled .jxButton{
+  visibility:hidden;
+  cursor: default; 
+}
+
+/* ==================== */
+/* OVERRIDE TREE STYLES */
+/* ==================== */
+
+a.jxTreeItem {
+  font-family: Arial,Helvetica,sans-serif;
+}
\ No newline at end of file

Modified: trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/index.html
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/index.html	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/index.html	2011-05-31 07:11:07 UTC (rev 5881)
@@ -5,7 +5,8 @@
 <title>Preview</title>
 <meta http-equiv="Content-type" content="text/html; charset=UTF-8">
 <script type="text/javascript" src="../../../lib/fusionSF-compressed.js"></script>
-<link rel="stylesheet" href="jxtheme.css" type="text/css" media="screen" charset="utf-8">
+<link rel="stylesheet" href="../../../lib/jxLib/themes/delicious/jxtheme.css" type="text/css" media="screen" charset="utf-8">
+<link rel="stylesheet" href="preview.css" type="text/css" media="screen" charset="utf-8">
 <!--[if lte IE 6]>
 <link rel="stylesheet" href="ie6.css" type="text/css" media="screen" charset="utf-8">
 <![endif]-->

Modified: trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/indexNoLegend.html
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/indexNoLegend.html	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/indexNoLegend.html	2011-05-31 07:11:07 UTC (rev 5881)
@@ -5,7 +5,8 @@
 <title>Preview</title>
 <meta http-equiv="Content-type" content="text/html; charset=UTF-8">
 <script type="text/javascript" src="../../../lib/fusionSF-compressed.js"></script>
-<link rel="stylesheet" href="jxtheme.css" type="text/css" media="screen" charset="utf-8">
+<link rel="stylesheet" href="../../../lib/jxLib/themes/delicious/jxtheme.css" type="text/css" media="screen" charset="utf-8">
+<link rel="stylesheet" href="preview.css" type="text/css" media="screen" charset="utf-8">
 <!--[if lte IE 6]>
 <link rel="stylesheet" href="ie6.css" type="text/css" media="screen" charset="utf-8">
 <![endif]-->

Deleted: trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/jxtheme.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/jxtheme.css	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/jxtheme.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -1,24 +0,0 @@
-/*
- * reset.css - Copyright (c) 2006, Yahoo! Inc. All rights reserved.
- * Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
- *
- * Copyright (c) 2006-2008, DM Solutions Group Inc.  All rights reserved
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included
- * in all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.  IN NO EVENT SHALL
- * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- */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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{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:'';}div.jxButtonContainer{display:block;position:relative;float:left;margin:0;padding:2px;border:none;}a.jxButton{display:block;position:relative;float:left;margin:0;padding:0 0 0 4px;border:none;background-image:url(images/button.png);background-position:left -24px;background-repeat:no-repeat;text-decoration:none;}ul.jxToolbar a.jxButton{background-position:left top;}span.jxButtonContent{display:block;position:relative;float:left;font-size:0;line-height:0;margin:0;padding:4px 4px 4px 0;border:none;background-image:url(images/button.png);background-position:right -24px;background-repeat:no-repeat;}ul.jxT
 oolbar span.jxButtonContent{background-position:right top;}ul.jxToolbar a.jxButton:hover,a.jxButton:hover{background-position:left -96px;}a.jxButton:hover span.jxButtonContent{background-position:right -96px;}ul.jxToolbar a.jxButtonActive,a.jxButtonActive{background-position:left -72px;}a.jxButtonActive span.jxButtonContent{background-position:right -72px;}ul.jxToolbar a.jxButton:hover,a.jxButtonActive:hover{background-position:left -96px;}a.jxButtonActive:hover span.jxButtonContent{background-position:right -96px;}ul.jxToolbar a.jxButton:active,ul.jxToolbar a.jxButtonActive:active,a.jxButton:active,a.jxButtonActive:active{background-position:left -48px;}a.jxButton:active span.jxButtonContent,a.jxButtonActive:active span.jxButtonContent{background-position:right -48px;}ul.jxToolbar .jxDisabled a.jxButton,.jxDisabled a.jxButton{cursor:default;}ul.jxToolbar .jxDisabled a.jxButton:hover,ul.jxToolbar .jxDisabled a.jxButton:active{background-position:left top;}.jxDisabled a.jxBut
 ton:hover,.jxDisabled a.jxButton:active{background-position:left -24px;}ul.jxToolbar .jxDisabled a.jxButton:hover span.jxButtonContent,ul.jxToolbar .jxDisabled a.jxButton:active span.jxButtonContent{background-position:right top;}.jxDisabled a.jxButton:hover span.jxButtonContent,.jxDisabled a.jxButton:active span.jxButtonContent{background-position:right -24px;}img.jxButtonIcon{position:relative;float:left;width:16px;height:16px;background-position:center center;background-repeat:no-repeat;}span.jxButtonContent span{display:block;position:relative;float:left;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:16px;height:16px;white-space:nowrap;}span.jxButtonContent span.jxButtonLabel{margin:0;padding:0 4px 0 4px;color:#000;font-size:11px;}a.jxButtonMenu span.jxButtonContent,a.jxButtonMulti span.jxButtonContent,a.jxButtonFlyout span.jxButtonContent,a.jxButtonCombo span.jxButtonContent,a.jxButtonEditCombo span.jxButtonContent{padding-right:0;}a.jx
 ButtonMenu span.jxButtonContent span,a.jxButtonFlyout span.jxButtonContent span,a.jxButtonMulti span.jxButtonContent span,a.jxButtonCombo span.jxButtonContent span,a.jxButtonEditCombo span.jxButtonContent span{padding-right:16px;background-image:url(images/emblems.png);background-position:right -16px;background-repeat:no-repeat;}a.jxButtonDisclose{position:absolute;display:block;padding:4px 0;font-size:0;line-height:0;right:2px;top:2px;background-image:url(images/button_multi_disclose.png);background-position:right 0;background-repeat:no-repeat;}a.jxButtonDisclose img{width:16px;height:16px;margin:0;padding:0;border:0;background-image:url(images/emblems.png);background-position:right -16px;background-repeat:no-repeat;}a.jxButtonDisclose:hover{background-position:right -96px;}a.jxButtonDisclose:active{background-position:right -48px;}ul.jxToolbar a.jxButtonHover{background-position:left -24px;}ul.jxToolbar a.jxButtonHover span.jxButtonContent{background-position:right -24px;}
 .jxFlyout .jxChrome{background-image:url(images/flyout_chrome.png);padding:5px 5px 7px 6px;}.jxFlyout .jxChrome img{width:500px;height:500px;}.jxFlyout{position:absolute;display:block;z-index:100;margin:0;padding:0;}.jxFlyoutContent{position:relative;display:block;overflow:auto;margin:6px 6px 8px 7px;background-color:#fff;border:1px solid #999;}a.jxButtonMulti,a.jxButtonMulti span.jxButtonContent{background-image:url(images/button_multi.png);}a.jxButtonEditCombo,a.jxButtonEditCombo span.jxButtonContent{background-image:url(images/button_combo.png);}a.jxButtonMulti span.jxButtonContent span{padding-right:21px;}a.jxButtonEditCombo span.jxButtonContent span{font-size:0;}a.jxButtonComboDefault span.jxButtonContent span,a.jxButtonComboDefault input{font-style:italic;color:#999;}a.jxButtonEditCombo input{float:left;line-height:16px;height:16px;padding:0 4px;margin:0;border:none;font-size:11px;font-family:Arial,Helvetica,sans-serif;background-color:transparent;}.jxChrome{position:a
 bsolute;display:block;font-size:0;line-height:0;z-index:-1;width:100%;height:100%;top:0;left:0;}.jxChromeDrag{opacity:.5;-ms-filter:"Alpha(opacity=50)";}.jxChromeTL{position:absolute;overflow:hidden;left:0;top:0;width:50%;height:50%;}.jxChromeTR{position:absolute;overflow:hidden;left:50%;top:0;width:50%;height:50%;}.jxChromeBL{position:absolute;overflow:hidden;left:0;top:50%;width:50%;height:50%;}.jxChromeBR{position:absolute;overflow:hidden;left:50%;top:50%;width:50%;height:50%;}.jxChromeTL img{position:absolute;top:0;left:0;width:500px;height:500px;}.jxChromeTR img{position:absolute;top:0;right:0;width:500px;height:500px;}.jxChromeBL img{position:absolute;bottom:0;left:0;width:500px;height:500px;}.jxChromeBR img{position:absolute;bottom:0;right:0;width:500px;height:500px;}.jxColorBar{position:relative;overflow:hidden;}table.jxColorGrid{position:relative;border-collapse:collapse;empty-cells:show;clear:both;}.jxColorGrid td{border:1px solid #000;}.jxColorGrid td.emptyCell{bo
 rder:0 solid #000;}.jxColorGrid td.emptyCell span{display:block;width:7px;height:7px;line-height:0;font-size:0;border:0 solid #000;padding:1px;margin:0;}.jxColorGrid a.colorSwatch{display:block;width:7px;height:7px;line-height:0;font-size:0;border:0 solid #000;margin:0;padding:1px;}.jxColorGrid a.borderWhite:hover{border:1px solid #fff;padding:0;}.jxColorGrid a.borderBlack:hover{border:1px solid #000;padding:0;}input.jxHexInput{width:55px;vertical-align:middle;}input.jxAlphaInput{width:30px;vertical-align:middle;}div.jxColorPreview{float:left;position:relative;width:20px;height:20px;border:1px solid #000;margin:2px;vertical-align:middle;background-image:url('images/grid.png');overflow:hidden;}a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch{display:block;float:left;width:14px;height:14px;border:1px solid #000;background-image:url('images/grid.png');background-position:0 0;background-repeat:repeat;padding-right:0!important;}a.jxButtonFlyout span.jxButtonContent span.
 jxButtonSwatch span{display:block;width:14px;height:14px;position:absolute;padding-right:0;background:none;}div.jxColorPreview img{position:absolute;z-index:0;}div.jxColorPreview div{width:20px;height:10px;position:absolute;display:block;left:0;z-index:1;font-size:10px;line-height:0;}div.jxColorPreview div.jxColorSelected{top:0;}div.jxColorPreview div.jxColorHover{bottom:0;}label.jxColorLabel,label.jxAlphaLabel{width:auto;font-family:Arial,sans-serif;font-size:11px;line-height:24px;padding:2px;vertical-align:middle;}a.jxColorClose{position:absolute;top:0;right:0;width:16px;height:16px;}a.jxColorClose img{width:16px;height:16px;}a{outline:none;}.jxClearer{display:block;position:relative;float:none;clear:both;font-size:0;line-height:0;width:0;height:0;margin:0;padding:0;}.jxDisabled{opacity:.4;-ms-filter:"Alpha(opacity=40)";}.jxDisabled *{-ms-filter:"Alpha(opacity=40)";}iframe.jxIframeShim{position:absolute;top:0;left:0;width:100%;height:100%;-ms-filter:"Alpha(opacity:0)";opac
 ity:0;z-index:-1;}.jxDialog .jxChrome{background-image:url(images/dialog_chrome.png);}.jxDialog .jxChrome img{width:500px;height:500px;}.jxDialog{display:block;z-index:1;}.jxDialogContentContainer{z-index:1;margin:0 11px 13px 12px;border:1px solid #b7b7b7;background-color:#f0f0f0;}.jxDialogModal{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.2;-ms-filter:"Alpha(opacity=20)";}.jxDialogContent{display:block;position:relative;overflow:auto;padding:0;z-index:1;}.jxDialogTitle{display:block;position:relative;background-image:url(images/a_pixel.png);text-align:center;height:24px;line-height:24px;z-index:1;margin:6px 6px 0 7px;}.jxDialogMin .jxDialogTitle{margin-bottom:8px;}.jxDialogMoveable{cursor:move;}.jxDialogIcon{position:absolute;left:2px;top:3px;width:16px;height:16px;border:none;padding:0;margin:0;}.jxDialogLabel{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-height:21px;color:#000;white-space:
 nowrap;}.jxDialogResize{position:absolute;bottom:7px;right:6px;width:16px;height:16px;z-index:2;border:0;cursor:se-resize;background-image:url(images/dialog_resize.png);}.jxDialogControls{position:absolute;top:3px;right:2px;height:16px;width:80px;}.jxDialogControls img{background-image:url('images/panel_controls.png');background-repeat:no-repeat;border:0;margin:0;width:16px;height:16px;}.jxDialogClose img{background-position:0 -32px;}.jxDialogMenu img{background-position:0 -48px;}.jxDialogHelp img{background-position:0 -64px;}.jxDialogCollapse img{background-position:0 -16px;}.jxDialogMin .jxDialogCollapse img{background-position:0 0;}.jxDialogMax .jxDialogCollapse img{background-position:0 -16px;}.jxDialogLoading img{border:0;margin:0;width:16px;height:16px;visibility:hidden;position:absolute;top:1px;left:2px;}.jxDialogControls .jxButtonContainer,.jxDialogControls span.jxButtonContent,.jxDialogControls a.jxButton:hover span.jxButtonContent,.jxDialogControls a.jxButton:activ
 e span.jxButtonContent,.jxDialogControls a.jxButtonActive span.jxButtonContent,.jxDialogControls a.jxButtonActive:hover span.jxButtonContent,.jxDialogControls a.jxButtonActive:active span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton:hover span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton:active span.jxButtonContent,.jxDialogControls a.jxButton,.jxDialogControls a.jxButton:hover,.jxDialogControls a.jxButton:active,.jxDialogControls a.jxButtonActive,.jxDialogControls a.jxButtonActive:hover,.jxDialogControls a.jxButtonActive:active,.jxDialogControls .jxDisabled a.jxButton,.jxDialogControls .jxDisabled a.jxButton:hover,.jxDialogControls .jxDisabled a.jxButton:active{padding:0;margin:0;border:none;background-color:transparent;background-image:none;}.jxDialogControls a.jxButtonMenu span.jxButtonContent,.jxDialogControls a.jxButtonFlyout span.jxButtonContent{background-image:none;}.jxDialogControl
 s a.jxButtonMenu span.jxButtonContent span,.jxDialogControls a.jxButtonFlyout span.jxButtonContent span{padding-right:0;}.jxDialogControls .jxBarContainer{position:absolute;right:0;background-image:none;background-color:transparent;margin:0;padding:0;border:none;height:16px;}.jxDialogControls .jxBarScroller{left:auto;right:0;}.jxDialogControls ul.jxToolbar{float:right;}.jxDialogControls ul.jxToolbar,.jxDialogControls li.jxToolItem{background-image:none;background-color:transparent;margin:0;padding:0;border:none;}.jxGridContainer{position:absolute;top:0;left:0;border-left:0 solid #d8d8d8;border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;overflow:hidden;}.jxGridTable{position:relative;table-layout:fixed;border-collapse:collapse;border-style:none;width:0;cursor:default;font-family:Arial,Verdana,sans-serif;font-size:11px;font-weight:normal;}.jxGridColHeadHide{height:0;line-height:0;font-size:0;background-color:#fff;white-space:normal;}.jxG
 ridColHeadHide p,.jxGridRowHeadHide p{font-size:0;line-height:0;height:0;margin:0;padding:0;}.jxGridRowHeadHide{width:0;white-space:normal;}.jxGridCell{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;overflow:hidden;padding-left:3px;padding-right:3px;overflow:hidden;white-space:nowrap;cursor:cell;text-overflow:ellipsis;}.jxGridColHead{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;background-color:#f2f2f2;background-image:url('images/table_col.png');background-position:0 0;background-repeat:repeat-x;text-align:center;font-weight:bold;color:#333;cursor:default;}.jxGridRowHead{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;background-color:#f2f2f2;background-image:url('images/table_row.png');background-position:0 0;background-repeat:repeat-y;text-align:center;font-weig
 ht:bold;color:#333;cursor:default;}.jxGridRowAll{background-color:#fff;}.jxGridColumnHeaderSelected{background-color:#e1e1e1;background-position:0 -200px;}.jxGridRowHeaderSelected{background-color:#e1e1e1;background-position:-400px 0;}.jxGridColumnSelected{background-color:#f7f7f7;}.jxGridRowSelected td{background-color:#f7f7f7;}td.jxGridCellSelected{background-color:#ebebeb;}.jxGridColumnHeaderPrelight{background-color:#cee5ff;background-position:0 -300px;}.jxGridRowHeaderPrelight{background-color:#cee5ff;background-position:-600px 0;}.jxGridColumnPrelight{background-color:#e5f1ff;}.jxGridRowPrelight td{background-color:#e5f1ff;}td.jxGridCellPrelight{background-color:#cce3ff;}.jxMenuContainer .jxChrome{background-image:url(images/flyout_chrome.png);padding:5px 5px 7px 6px;}a.jxButtonMenu span.jxMenuItemSpan{padding-right:16px;}.jxMenuContainer{position:absolute;display:block;z-index:200;padding:0;}ul.jxMenu,ul.jxSubMenu{display:block;position:relative;list-style-type:none;m
 argin:6px 6px 8px 7px;background-color:#fff;border:1px solid #999;}li.jxMenuItemContainer{display:block;position:relative;margin:0;padding:0;}a.jxMenuItem{display:block;position:relative;text-decoration:none;border:1px solid #fff;font-family:Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none;margin:2px 2px;padding:0;color:#000;}a.jxMenuItem:hover{border:1px solid #C5E0FF;background-image:url(images/menu_hover.png);background-color:#CDE5FF;background-repeat:repeat-x;background-position:0 0;}a.jxMenuItem:hover span.jxMenuItemContent{border:1px solid #F4F9FF;border-bottom:1px solid #E4F0FF;}span.jxMenuItemContent{display:block;position:relative;font-family:Arial,Helvetica,sans-serif;font-size:0;line-height:0;white-space:nowrap;padding:0 20px 0 0;margin:0;border:1px solid #fff;}a.jxButtonSubMenu span.jxMenuItemContent,a.jxButtonSubMenu:hover span.jxMenuItemContent{background-image:url(images/emblems.png);background-position:right -32px;background-repeat:no-repeat;}im
 g.jxMenuItemIcon{position:absolute;top:0;left:0;display:inline;width:16px;height:16px;background-position:left center;background-repeat:no-repeat;}span.jxMenuItemContent span{display:block;position:relative;cursor:pointer;margin:0;padding:0 0 0 20px;font-size:16px;line-height:16px;}span.jxMenuItemContent span.jxMenuItemLabel{color:#000;font-size:11px;}.jxMenuItemToggle img.jxMenuItemIcon,.jxMenuItemSet img.jxMenuItemIcon{background-image:url(images/emblems.png);background-position:2px 0;background-repeat:no-repeat;}.jxMenuItemToggle a.jxMenuItemActive img.jxMenuItemIcon{background-position:2px -48px;}.jxMenuItemSet a.jxMenuItemActive img.jxMenuItemIcon{background-position:2px -64px;}a.jxMenuItemActive img.jxMenuItemIcon{top:-2px;left:-2px;border:2px solid #C5E0FF;}a.jxMenuItemActive span.jxMenuItemContent{background-image:url(images/menu_icon_active.png);background-position:0 0;background-repeat:no-repeat;}.jxDisabled a.jxMenuItem{cursor:default;}.jxDisabled a.jxMenuItem:hov
 er{background-color:#fff;background-image:none;border:1px solid #fff;}ul.jxMenu span.jxMenuSeparator,ul.jxSubMenu span.jxMenuSeparator{display:block;font-size:10px;line-height:10px;background-image:url(images/toolbar_separator_v.png);background-repeat:repeat-x;background-position:left center;}.jxPanel{display:block;position:relative;}.jxPanelContentContainer{overflow:hidden;background-color:#f0f0f0;}.jxPanelContent{position:relative;display:block;overflow:auto;background-color:#fff;margin:0;padding:0;}.jxPanelTitle{display:block;position:relative;background-image:url(images/panelbar.png);background-repeat:repeat-x;background-position:left top;height:22px;margin:0;padding:0;text-align:center;}.jxPanelBar{position:absolute;line-height:1px;width:100%;height:5px;cursor:row-resize;background-color:#f0f0f0;z-index:1;}.jxPanelIcon{position:absolute;left:2px;top:3px;width:16px;height:16px;border:none;padding:0;margin:0;}.jxPanelLabel{padding-left:25px;font-family:Arial,Helvetica,san
 s-serif;font-size:11px;font-weight:bold;line-height:21px;color:#000;white-space:nowrap;}.jxPanelControls{position:absolute;top:3px;right:2px;height:16px;width:80px;overflow:hidden;}.jxPanelControls img{background-image:url('images/panel_controls.png');background-repeat:no-repeat;border:0;margin:0;width:16px;height:16px;}.jxPanelClose img{background-position:0 -32px;}.jxPanelMenu img{background-position:0 -48px;}.jxPanelHelp img{background-position:0 -64px;}.jxPanelCollapse img{background-position:0 -16px;}.jxPanelMin .jxPanelCollapse img{background-position:0 0;}.jxPanelMax .jxPanelCollapse img{background-position:0 -16px;}.jxPanelMaximize img{background-position:0 0;}.jxPanelLoading img{border:0;margin:0;width:16px;height:16px;visibility:hidden;position:absolute;top:1px;left:2px;}.jxPanelControls .jxButtonContainer,.jxPanelControls span.jxButtonContent,.jxPanelControls a.jxButton:hover span.jxButtonContent,.jxPanelControls a.jxButton:active span.jxButtonContent,.jxPanelCont
 rols a.jxButtonActive span.jxButtonContent,.jxPanelControls a.jxButtonActive:hover span.jxButtonContent,.jxPanelControls a.jxButtonActive:active span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton:hover span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton:active span.jxButtonContent,.jxPanelControls a.jxButton,.jxPanelControls a.jxButton:hover,.jxPanelControls a.jxButton:active,.jxPanelControls a.jxButtonActive,.jxPanelControls a.jxButtonActive:hover,.jxPanelControls a.jxButtonActive:active,.jxPanelControls .jxDisabled a.jxButton,.jxPanelControls .jxDisabled a.jxButton:hover,.jxPanelControls .jxDisabled a.jxButton:active{padding:0;margin:0;border:none;background-color:transparent;background-image:none;}.jxPanelControls a.jxButtonMenu span.jxButtonContent,.jxPanelControls a.jxButtonFlyout span.jxButtonContent{background-image:none;}.jxPanelControls a.jxButtonMenu span.jxButtonContent span,.jxPanelCo
 ntrols a.jxButtonFlyout span.jxButtonContent span{padding-right:0;}.jxPanelControls div.jxBarTop{position:absolute;right:0;background-image:none;background-color:transparent;margin:0;padding:0;border:none;height:16px;}.jxPanelControls .jxBarScroller{left:auto;right:0;}.jxPanelControls ul.jxToolbar{float:right;}.jxPanelControls ul.jxToolbar,.jxPanelControls li.jxToolItem{background-image:none;background-color:transparent;margin:0;padding:0;border:none;}.jxSplitBarHorizontal{display:block;position:absolute;font-size:0;line-height:0;margin:0;padding:0;border:none;width:5px;height:100%;cursor:col-resize;background-color:#f0f0f0;z-index:1;}.jxSplitBarVertical{display:block;position:absolute;font-size:0;line-height:0;margin:0;padding:0;border:none;width:100%;height:5px;cursor:row-resize;background-color:#f0f0f0;z-index:1;}.jxSplitContainer{display:block;position:relative;margin:0;padding:0;border:none;overflow:hidden;}.jxSplitArea{display:block;position:absolute;margin:0;padding:0
 ;border:none;overflow:hidden;z-index:0;}.jxSplitterMask{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-image:url(images/a_pixel.png);z-index:1;}.jxSplitBarDrag{background-color:#eee;}.jxSnapHorizontalBefore{width:5px;height:5px;position:absolute;top:0;left:0;background-color:#aaa;}.jxSnapHorizontalAfter{width:5px;height:5px;position:absolute;top:0;left:0;background-color:#aaa;}.jxTabSetContainer{position:relative;display:block;overflow:hidden;width:200px;height:200px;margin:0;padding:0;background-color:#fff;}.jxTabSetContainer .jxToolbarContainer{z-index:auto;}.tabContent{display:none;position:relative;width:100%;height:100%;overflow:auto;}.tabContentActive{display:block;}div.jxTabContainer{display:block;position:relative;margin:0;padding:2px;border:none;}a.jxTabClose{display:block;position:absolute;cursor:pointer;}a.jxTabClose img{width:16px;height:16px;background-image:url(images/tab_close.png);}a.jxTab{display:block;position:relative;marg
 in:0;padding:0;border:none;background-repeat:no-repeat;text-decoration:none;color:#000;}.jxDisabled a.jxButton{cursor:default;}a.jxTab:hover,a.jxTab:active,a.jxTabActive,a.jxTabActive:hover,a.jxTabActive:active,.jxDisabled a.jxButton:hover,.jxDisabled a.jxButton:active{border:none;}span.jxTabContent{display:block;font-size:0;line-height:0;margin:0;padding:0;background-repeat:no-repeat;}img.jxTabIcon{position:relative;width:16px;height:16px;background-position:center center;background-repeat:no-repeat;}span.jxTabLabel{display:block;position:relative;cursor:pointer;margin:0;padding:0;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:16px;}.jxBarTop div.jxTabContainer,.jxBarBottom div.jxTabContainer{float:left;}.jxBarTop a.jxTab,.jxBarTop span.jxTabContent{background-image:url(images/tab_top.png);}.jxBarBottom a.jxTab,.jxBarBottom span.jxTabContent{background-image:url(images/tab_bottom.png);}.jxBarTop a.jxTabClose,.jxBarBottom a.jxTabClose{top:3px;ri
 ght:3px;}.jxBarTop .jxTabClose span.jxTabContent,.jxBarBottom .jxTabClose span.jxTabContent{padding-right:16px;}.jxBarTop a.jxTab,.jxBarBottom a.jxTab{float:left;padding-left:4px;background-position:left -24px;}.jxBarTop span.jxTabContent,.jxBarBottom span.jxTabContent{float:left;padding:4px 4px 4px 0;background-position:right -24px;}.jxBarTop a.jxTab:hover,.jxBarBottom a.jxTab:hover{background-position:left -96px;}.jxBarTop a.jxTab:hover span.jxTabContent,.jxBarBottom a.jxTab:hover span.jxTabContent{background-position:right -96px;}.jxBarTop a.jxTab:active,.jxBarBottom a.jxTab:active{background-position:left -48px;}.jxBarTop a.jxTab:active span.jxTabContent,.jxBarBottom a.jxTab:active span.jxTabContent{background-position:right -48px;}.jxBarTop a.jxTabActive,.jxBarBottom a.jxTabActive{background-position:left -72px;}.jxBarTop a.jxTabActive span.jxTabContent,.jxBarBottom a.jxTabActive span.jxTabContent{background-position:right -72px;}.jxBarTop .jxDisabled a.jxTab:hover,.jxB
 arTop .jxDisabled a.jxTab:active,.jxBarBottom .jxDisabled a.jxTab:hover,.jxBarBottom .jxDisabled a.jxTab:active{background-position:left -24px;}.jxBarTop .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarTop .jxDisabled a.jxTab:active span.jxTabContent,.jxBarBottom .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarBottom .jxDisabled a.jxTab:active span.jxTabContent{background-position:right -24px;}.jxBarTop img.jxTabIcon,.jxBarBottom img.jxTabIcon{float:left;}.jxBarTop span.jxTabLabel,.jxBarBottom span.jxTabLabel{float:left;height:16px;padding:0 4px 0 4px;}.jxBarLeft a.jxTab,.jxBarLeft span.jxTabContent{background-image:url(images/tab_left.png);}.jxBarRight a.jxTab,.jxBarRight span.jxTabContent{background-image:url(images/tab_right.png);}.jxBarLeft a.jxTabClose,.jxBarRight a.jxTabClose{top:3px;left:3px;}.jxBarLeft .jxTabClose span.jxTabContent,.jxBarRight .jxTabClose span.jxTabContent{padding-top:16px;}.jxBarLeft a.jxTab,.jxBarRight a.jxTab{padding-top:4px;background-positio
 n:-24px top;}.jxBarLeft span.jxTabContent,.jxBarRight span.jxTabContent{padding:0 4px 4px 4px;background-position:-24px bottom;}.jxBarLeft a.jxTab:hover,.jxBarRight a.jxTab:hover{background-position:-96px top;}.jxBarLeft a.jxTab:hover span.jxTabContent,.jxBarRight a.jxTab:hover span.jxTabContent{background-position:-96px bottom;}.jxBarLeft a.jxTab:active,.jxBarRight a.jxTab:active{background-position:-48px top;}.jxBarLeft a.jxTab:active span.jxTabContent,.jxBarRight a.jxTab:active span.jxTabContent{background-position:-48px bottom;}.jxBarLeft a.jxTabActive,.jxBarRight a.jxTabActive{background-position:-72px top;}.jxBarLeft a.jxTabActive span.jxTabContent,.jxBarRight a.jxTabActive span.jxTabContent{background-position:-72px bottom;}.jxBarLeft .jxDisabled a.jxTab:hover,.jxBarLeft .jxDisabled a.jxTab:active,.jxBarRight .jxDisabled a.jxTab:hover,.jxBarRigth .jxDisabled a.jxTab:active{background-position:-24px top;}.jxBarLeft .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarLeft
  .jxDisabled a.jxTab:active span.jxTabContent,.jxBarRight .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarRight .jxDisabled a.jxTab:active span.jxTabContent{background-position:-24px bottom;}.jxBarLeft span.jxTabLabel,.jxBarRight span.jxTabLabel{padding:4px 0 4px 0;}.jxBarContainer{display:block;position:relative;z-index:1;overflow:hidden;margin:0;padding:0;border:0;background-color:#f0f0f0;}.jxBarTop,.jxBarBottom{width:100%;height:28px;background-image:url(images/toolbar.png);background-repeat:repeat-x;background-position:0 0;overflow:hidden;}.jxTabBox .jxBarTop{background-image:url(images/tabbar.png);background-position:0 bottom;}.jxTabBox .jxBarBottom{background-image:url(images/tabbar_bottom.png);background-position:0 top;}.jxBarLeft,.jxBarRight{width:auto;height:100%;background-image:url(images/toolbar.png);background-repeat:repeat-x;background-position:0 0;float:left;overflow:hidden;}.jxTabBox .jxBarLeft{background-image:url(images/tabbar_left.png);background-repeat:
 repeat-y;background-position:right 0;}.jxTabBox .jxBarRight{background-image:url(images/tabbar_right.png);background-repeat:repeat-y;background-position:left 0;}.jxBarTop .jxBarScroller,.jxBarBottom .jxBarScroller{position:absolute;width:10000%;overflow:hidden;}.jxBarTop .jxBarScrollLeft,.jxBarBottom .jxBarScrollLeft{position:absolute;top:0;left:0;}.jxBarTop .jxBarScrollRight,.jxBarBottom .jxBarScrollRight{position:absolute;top:0;right:0;}.jxBarTop .jxBarScrollLeft img.jxButtonIcon,.jxBarBottom .jxBarScrollLeft img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -80px;}.jxBarTop .jxBarScrollRight img.jxButtonIcon,.jxBarBottom .jxBarScrollRight img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -96px;}ul.jxToolbar,ul.jxTabBar{display:block;position:relative;float:left;list-style-type:none;margin:0;padding:0;border:none;}li.jxToolItem{display:block;position:relative;float:left;font-size:0;line-height:0;padding:0;margin:0
 ;border:none;}li.jxToolItem .separator{display:block;position:relative;float:left;font-size:0;line-height:0;border:0;margin:0;padding:4px;background-repeat:no-repeat;background-position:center center;}.jxBarTop li.jxToolItem span.jxBarSeparator,.jxBarBottom li.jxToolItem span.jxBarSeparator{width:8px;height:20px;background-image:url(images/toolbar_separator_h.png);}.jxBarLeft li.jxToolItem span.jxBarSeparator,.jxBarRight li.jxToolItem span.jxBarSeparator{width:20px;height:8px;background-image:url(images/toolbar_separator_v.png);}.jxBarLeft ul.jxToolbar,.jxBarLeft ul.jxTabBar,.jxBarLeft li.jxToolItem,.jxBarRight ul.jxToolbar,.jxBarRight ul.jxTabBar,.jxBarRight li.jxToolItem{clear:both;}.jxTree,.jxTreeRoot{position:relative;display:block;list-style:none;margin:0;padding:0;}.jxTreeNest{list-style:none;margin:0;padding:0;background-repeat:repeat-y;background-position:left top;}.jxTree li,.jxTreeRoot li{overflow:hidden;position:relative;display:block;margin:0;padding:0;background
 -repeat:no-repeat;background-position:left top;white-space:nowrap;font-size:0;line-height:0;}.jxTree li{margin-left:16px;}.jxTree a,.jxTreeRoot a{position:relative;display:block;margin:0 0 0 14px;padding:0 0 0 20px;z-index:0;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#000;text-decoration:none;line-height:20px;height:20px;}.jxTree a:hover,.jxTreeRoot a:hover{background-image:url(images/tree_hover.png);background-color:#CDE5FF;background-repeat:repeat-x;background-position:0 0;}.jxDisabled .jxTree a:hover,.jxDisabled .jxTreeRoot a:hover{background:none;cursor:default;}.jxTreeNest{background-image:url(images/tree_vert_line.png);}.jxTreeImage,.jxTreeIcon{position:absolute;display:inline;left:0;top:0;width:16px;height:20px;z-index:1;background-image:url(images/tree.png);background-repeat:no-repeat;border:0;margin:0;}.jxTreeIcon{height:16px;top:2px;left:2px;}.jxTreeBranchOpen .jxTreeIcon,.jxTreeBranchLastOpen .jxTreeIcon{background-position:left -40px;}.jxTreeBran
 chOpen .jxTreeImage{background-position:left -100px;}.jxTreeBranchLastOpen .jxTreeImage{background-position:left -160px;}.jxTreeBranchClosed .jxTreeIcon,.jxTreeBranchLastClosed .jxTreeIcon{background-position:left -20px;}.jxTreeBranchClosed .jxTreeImage{background-position:left -80px;}.jxTreeBranchLastClosed .jxTreeImage{background-position:left -140px;}.jxTreeItem .jxTreeIcon,.jxTreeItemLast .jxTreeIcon{background-position:left 0;}.jxTreeItem .jxTreeImage{background-position:left -60px;}.jxTreeItemLast .jxTreeImage{background-position:left -120px;}.jxTreeItemSelected{background-color:#AFD4FA;font-weight:bold;}.jxTreeItem a,.jxTreeItem img,.jxTreeItem input,.jxTreeItemLast a,.jxTreeItemLast img,.jxTreeItemLast input,.jxTreeBranch a,.jxTreeBranch img,.jxTreeBranch input,.jxTreeBranchLast a,.jxTreeBranchLast img,.jxTreeBranchLast input{vertical-align:middle;}

Deleted: trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/jxtheme.uncompressed.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/jxtheme.uncompressed.css	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/jxtheme.uncompressed.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -1,2283 +0,0 @@
-/*
-Copyright (c) 2006, Yahoo! Inc. All rights reserved.
-Code licensed under the BSD License:
-http://developer.yahoo.net/yui/license.txt
-version: 0.11.0
-*/
-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;}
-table{border-collapse:collapse;border-spacing:0;}
-fieldset,img{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:'';}/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* BUTTON STYLES */
-/* ============= */
-/* jxButtons consist of an A, containing a SPAN, which contains an image.
-   Buttons can use the sliding door technique with background images to horizontally
-   accomodate icons with labels. */
-
-div.jxButtonContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-
-  margin: 0px;
-  padding: 2px;
-  border: none;
-}
-
-/* normal button */
-
-a.jxButton {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-
-  /* Using background images, the A contains the left side of the background */
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  border: none;
-  background-image: url(images/button.png);
-  background-position: left -24px;
-  background-repeat: no-repeat;
-  text-decoration: none;
-}
-
-ul.jxToolbar a.jxButton {
-  background-position: left top;
-}
-
-span.jxButtonContent {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  /* Using background images, the SPAN contains the right side of the background */
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 4px 4px 4px 0px; /* makes room for the right of the button bg */
-  border: none;
-  background-image: url(images/button.png);
-  background-position: right -24px;
-  background-repeat: no-repeat;
-}
-
-ul.jxToolbar span.jxButtonContent {
-  background-position: right top;
-}
-
-/* hover button */
-ul.jxToolbar a.jxButton:hover,
-a.jxButton:hover {
-  background-position: left -96px;
-}
-
-a.jxButton:hover span.jxButtonContent {
-  background-position: right -96px;
-}
-
-/* active button */
-ul.jxToolbar a.jxButtonActive,
-a.jxButtonActive {
-  background-position: left -72px;
-}
-
-a.jxButtonActive span.jxButtonContent {
-  background-position: right -72px;
-}
-
-/* hover active button */
-ul.jxToolbar a.jxButton:hover,
-a.jxButtonActive:hover {
-  background-position: left -96px;
-}
-
-a.jxButtonActive:hover span.jxButtonContent {
-  background-position: right -96px;
-}
-
-/* clicking button */
-ul.jxToolbar a.jxButton:active,
-ul.jxToolbar a.jxButtonActive:active,
-a.jxButton:active,
-a.jxButtonActive:active {
-  background-position: left -48px;
-}
-
-a.jxButton:active span.jxButtonContent,
-a.jxButtonActive:active span.jxButtonContent {
-  background-position: right -48px;
-}
-
-/* disabled buttons */
-
-ul.jxToolbar .jxDisabled a.jxButton,
-.jxDisabled a.jxButton {
- cursor: default;
-}
-
-/* hover and active disabled button */
-ul.jxToolbar .jxDisabled a.jxButton:hover,
-ul.jxToolbar .jxDisabled a.jxButton:active {
-  background-position: left top;
-}
-
-.jxDisabled a.jxButton:hover,
-.jxDisabled a.jxButton:active {
-  background-position: left -24px;
-}
-
-ul.jxToolbar .jxDisabled a.jxButton:hover span.jxButtonContent,
-ul.jxToolbar .jxDisabled a.jxButton:active span.jxButtonContent {
-  background-position: right top;
-}
-
-.jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxDisabled a.jxButton:active span.jxButtonContent {
-  background-position: right -24px;
-}
-
-img.jxButtonIcon {
-  /* Base setup */
-  position: relative;
-  float: left;
-
-  width: 16px;
-  height: 16px;
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-
-span.jxButtonContent span {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  cursor: pointer;
-
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  line-height: 16px;
-  height: 16px;
-  white-space: nowrap;
-}
-
-span.jxButtonContent span.jxButtonLabel {
-  margin: 0px;
-  padding: 0 4px 0 4px;
-  color: #000;
-  font-size: 11px;
-}
-
-/* ========================== */
-/* JX BUTTON EXTENSION STYLES */
-/* ========================== */
-
-a.jxButtonMenu span.jxButtonContent,
-a.jxButtonMulti span.jxButtonContent,
-a.jxButtonFlyout span.jxButtonContent,
-a.jxButtonCombo span.jxButtonContent,
-a.jxButtonEditCombo span.jxButtonContent {
-  padding-right: 0px;
-}
-
-a.jxButtonMenu span.jxButtonContent span,
-a.jxButtonFlyout span.jxButtonContent span,
-a.jxButtonMulti span.jxButtonContent span,
-a.jxButtonCombo span.jxButtonContent span,
-a.jxButtonEditCombo span.jxButtonContent span {
-  padding-right: 16px;
-  background-image: url(images/emblems.png);
-  background-position: right -16px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose {
-  position: absolute;
-  display: block;
-  padding: 4px 0px;
-  font-size: 0px;
-  line-height: 0px;
-  right: 2px;
-  top: 2px;
-  background-image: url(images/button_multi_disclose.png);
-  background-position: right 0px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose img {
-  width: 16px;
-  height: 16px;
-  margin: 0px;
-  padding: 0px;
-  border: 0px;
-  background-image: url(images/emblems.png);
-  background-position: right -16px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose:hover {
-  background-position: right -96px;
-}
-
-a.jxButtonDisclose:active {
-  background-position: right -48px;
-}
-
-/* note, jxButtonHover is set by Multi button JS */
-ul.jxToolbar a.jxButtonHover {
-  background-position: left -24px;
-}
-
-ul.jxToolbar a.jxButtonHover span.jxButtonContent {
-  background-position: right -24px;
-}
-
-
-/* Jx Flyout Styles */
-
-.jxFlyout .jxChrome {
-  background-image: url(images/flyout_chrome.png);
-  padding: 5px 5px 7px 6px;
-}
-
-.jxFlyout .jxChrome img {
-  width: 500px;
-  height: 500px;
-}
-
-.jxFlyout {
-  /* Base setup */
-  position: absolute;
-  display: block;
-  z-index: 100;
-
-  margin: 0px;
-  padding: 0px;
-}
-
-.jxFlyoutContent {
-  position: relative;
-  display: block;
-  overflow: auto;
-  margin: 6px 6px 8px 7px;
-  background-color: #fff;
-  border: 1px solid #999;
-}
-
-/* Jx Combo and Multi Button Styles */
-
-a.jxButtonMulti,
-a.jxButtonMulti span.jxButtonContent {
-  background-image: url(images/button_multi.png);
-}
-
-a.jxButtonEditCombo,
-a.jxButtonEditCombo span.jxButtonContent {
-  background-image: url(images/button_combo.png);
-}
-
-a.jxButtonEditCombo span.jxButtonContent {
-/* put 2px padding on the top of the input to center the text and
-   remove it from this span
- */
-}
-
-a.jxButtonMulti span.jxButtonContent span {
-  padding-right: 21px;
-}
-
-a.jxButtonEditCombo span.jxButtonContent span {
-  font-size: 0px;
-}
-
-a.jxButtonComboDefault span.jxButtonContent span,
-a.jxButtonComboDefault input {
-  font-style: italic;
-  color: #999;
-}
-
-a.jxButtonEditCombo input {
-  float: left;
-  line-height: 16px;
-  height: 16px;
-  padding: 0px 4px;
-  margin: 0px;
-  border: none;
-  font-size: 11px;
-  font-family: Arial, Helvetica, sans-serif;
-  background-color: transparent;
-}/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* CHROME STYLES */
-/* ============= */
-/* Chrome uses four absolutely positioned DIVs containing an image for each of
-   four quadrants.  The chrome image is used as a sprite map. */
-
-.jxChrome {
-  /* Base setup */
-  position:absolute;
-  display: block;
-  font-size: 0px;
-  line-height: 0px;
-  z-index: -1;
-  width: 100%;
-  height: 100%;
-  top: 0px;
-  left: 0px;
-}
-
-.jxChromeDrag {
-  opacity: 0.5;
-  -ms-filter: "Alpha(opacity=50)";
-}
-
-.jxChromeTL {
-  position: absolute;
-  overflow: hidden;
-  left: 0%;
-  top: 0%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeTR {
-  position: absolute;
-  overflow: hidden;
-  left: 50%;
-  top: 0%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeBL {
-  position: absolute;
-  overflow: hidden;
-  left: 0%;
-  top: 50%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeBR {
-  position: absolute;
-  overflow: hidden;
-  left: 50%;
-  top: 50%;
-  width: 50%;
-  height: 50%;
-}
-
-
-.jxChromeTL img {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeTR img {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeBL img {
-  position: absolute;
-  bottom: 0px;
-  left: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeBR img {
-  position: absolute;
-  bottom: 0px;
-  right: 0px;
-  width: 500px;
-  height:500px;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: color.css 711 2008-08-13 20:38:33Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =================== */
-/* COLOR PICKER STYLES */
-/* =================== */
-
-/*.jxColorPicker {
-    position: absolute;
-    display: none;
-    top: 100%;
-    width: 212px;
-    left: 0px;
-    border: 1px solid #000;
-    padding: 2px;
-    background-color: #eee;
-}*/
-
-.jxColorBar {
-    position: relative;
-    overflow: hidden;
-}
-
-table.jxColorGrid {
-    position: relative;
-    border-collapse: collapse;
-    empty-cells: show;
-    clear:both;
-}
-
-.jxColorGrid td {
-    border: 1px solid #000;
-}
-
-.jxColorGrid td.emptyCell {
-    border: 0px solid #000;
-}
-
-.jxColorGrid td.emptyCell span {
-    display: block;
-    width: 7px;
-    height: 7px;
-    line-height: 0px;
-    font-size: 0px;
-    border: 0px solid #000;
-    padding: 1px;
-    margin: 0px;
-}
-
-.jxColorGrid a.colorSwatch {
-    display: block;
-    width: 7px;
-    height: 7px;
-    line-height: 0px;
-    font-size: 0px;
-    border: 0px solid #000;
-    margin: 0px;
-    padding: 1px;
-}
-
-.jxColorGrid a.borderWhite:hover {
-    border: 1px solid #fff;
-    padding: 0px;
-}
-
-.jxColorGrid a.borderBlack:hover {
-    border: 1px solid #000;
-    padding: 0px;
-}
-
-input.jxHexInput {
-    width: 55px;
-    vertical-align: middle;
-}
-
-input.jxAlphaInput {
-    width: 30px;
-    vertical-align: middle;
-}
-
-div.jxColorPreview {
-    float: left;
-    position: relative;
-    width: 20px;
-    height: 20px;
-    border: 1px solid #000;
-    margin: 2px;
-    vertical-align: middle;
-    background-image: url('images/grid.png');
-    overflow: hidden;
-}
-
-a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch {
-    display: block;
-    float: left;
-    width: 14px;
-    height: 14px;
-    border: 1px solid #000;
-    background-image: url('images/grid.png');
-    background-position: 0px 0px;
-    background-repeat: repeat;
-    padding-right: 0px !important;
-}
-
-a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch span {
-    display: block;
-    width: 14px;
-    height: 14px;
-    position: absolute;
-    padding-right: 0px;
-    background: none;
-}
-
-div.jxColorPreview img {
-    position: absolute;
-    z-index: 0;
-}
-
-div.jxColorPreview div {
-    width: 20px;
-    height: 10px;
-    position: absolute;
-    display: block;
-    left: 0px;
-    z-index: 1;
-    font-size: 10px;
-    line-height: 0px;
-}
-
-div.jxColorPreview div.jxColorSelected {
-    top: 0px;
-}
-
-div.jxColorPreview div.jxColorHover {
-    bottom: 0px;
-}
-
-label.jxColorLabel,
-label.jxAlphaLabel {
-    width: auto;
-    font-family: Arial, sans-serif;
-    font-size: 11px;
-    line-height: 24px;
-    padding: 2px;
-    vertical-align: middle;
-}
-
-a.jxColorClose {
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    width: 16px;
-    height: 16px;
-}
-
-a.jxColorClose img {
-    width: 16px;
-    height: 16px;
-}/**
- * @project         Jx
- * @revision        $Id: $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* COMMON STYLES */
-/* ============= */
-
-a{outline:none;}
-.jxClearer{display:block;position:relative;float:none;clear:both;font-size:0;line-height:0;width:0;height:0;margin:0;padding:0;}
-.jxDisabled{opacity:0.4;-ms-filter:"Alpha(opacity=40)";}
-.jxDisabled *{-ms-filter:"Alpha(opacity=40)";}
-iframe.jxIframeShim{position:absolute;top:0px;left:0px;width:100%;height:100%;-ms-filter:"Alpha(opacity:0)";opacity:0;z-index:-1;}/**
- * @project         Jx
- * @revision        $Id: dialog.css 1035 2008-09-22 17:05:20Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* DIALOG STYLES */
-/* ============= */
-
-.jxDialog .jxChrome {
-  background-image: url(images/dialog_chrome.png);
-}
-
-.jxDialog .jxChrome img {
-  width: 500px;
-  height: 500px;
-}
-
-.jxDialog {
-  /* Base setup */
-  display: block;
-  z-index: 1;
-}
-
-.jxDialogContentContainer {
-  z-index: 1;
-  margin: 0px 11px 13px 12px;
-  border: 1px solid #b7b7b7;
-  background-color: #f0f0f0;
-}
-
-.jxDialogModal {
-  /* Base setup */
-  position: absolute;
-  display: block;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  height: 100%;
-
-  background-color: #000;
-  opacity: .2;
-  -ms-filter: "Alpha(opacity=20)";
-}
-
-.jxDialogContent {
-  /* Base setup */
-  display: block;
-  position:relative;
-  overflow: auto;
-
-  padding: 0px;
-  z-index: 1;
-}
-
-.jxDialogTitle {
-   /* Base setup */
-  display: block;
-  position: relative;
-
-  /* this makes the dialog draggable by the title bar in IE
-   * Without it, only the label is draggable
-   */
-  background-image: url(images/a_pixel.png);
-
-  text-align: center;
-  height: 24px;
-  line-height: 24px;
-  z-index: 1;
-
-  margin: 6px 6px 0px 7px;
-}
-
-.jxDialogMin .jxDialogTitle {
-  margin-bottom: 8px;
-}
-
-.jxDialogMoveable {
-  cursor: move;
-}
-
-.jxDialogIcon {
-  position: absolute;
-  left: 2px;
-  top: 3px;
-  width: 16px;
-  height: 16px;
-  border: none;
-  padding: 0px;
-  margin: 0px;
-}
-
-.jxDialogLabel {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  font-weight: bold;
-  /* line-height vertically aligns the label in the containing div. */
-  line-height:21px;
-  color: #000;
-  white-space: nowrap;
-}
-
-.jxDialogResize {
-  /* Base setup */
-  position: absolute;
-
-  bottom: 7px;
-  right: 6px;
-  width: 16px;
-  height: 16px;
-  z-index: 2;
-  border: 0px;
-  cursor: se-resize;
-  background-image: url(images/dialog_resize.png);
-}
-
-.jxDialogControls {
-  position: absolute;
-  top: 3px;
-  right: 2px;
-  height: 16px;
-  width: 80px;
-}
-
-.jxDialogControls img {
-  background-image: url('images/panel_controls.png');
-  background-repeat: no-repeat;
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-}
-
-.jxDialogClose img {
-  background-position: 0px -32px;
-}
-
-.jxDialogMenu img {
-  background-position: 0px -48px;
-}
-
-.jxDialogHelp img {
-  background-position: 0px -64px;
-}
-
-.jxDialogCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxDialogMin .jxDialogCollapse img {
-  background-position: 0px 0px;
-}
-
-.jxDialogMax .jxDialogCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxDialogLoading img {
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-  visibility:hidden;
-  position: absolute;
-  top: 1px;
-  left: 2px;
-}
-
-
-/* ========================= */
-/* JX BUTTON STYLES OVERIDES */
-/* ========================= */
-
-.jxDialogControls .jxButtonContainer,
-.jxDialogControls span.jxButtonContent,
-.jxDialogControls a.jxButton:hover span.jxButtonContent,
-.jxDialogControls a.jxButton:active span.jxButtonContent,
-.jxDialogControls a.jxButtonActive span.jxButtonContent,
-.jxDialogControls a.jxButtonActive:hover span.jxButtonContent,
-.jxDialogControls a.jxButtonActive:active span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton:active span.jxButtonContent,
-.jxDialogControls a.jxButton,
-.jxDialogControls a.jxButton:hover,
-.jxDialogControls a.jxButton:active ,
-.jxDialogControls a.jxButtonActive,
-.jxDialogControls a.jxButtonActive:hover,
-.jxDialogControls a.jxButtonActive:active,
-.jxDialogControls .jxDisabled a.jxButton,
-.jxDialogControls .jxDisabled a.jxButton:hover,
-.jxDialogControls .jxDisabled a.jxButton:active {
-  padding: 0px;
-  margin: 0px;
-  border: none;
-  background-color: transparent;
-  background-image: none;
-}
-
-
-.jxDialogControls a.jxButtonMenu span.jxButtonContent,
-.jxDialogControls a.jxButtonFlyout span.jxButtonContent {
-  background-image: none;
-}
-
-.jxDialogControls a.jxButtonMenu span.jxButtonContent span,
-.jxDialogControls a.jxButtonFlyout span.jxButtonContent span {
-  padding-right: 0px;
-}
-
-/* ========================== */
-/* JX TOOLBAR STYLES OVERIDES */
-/* ========================== */
-
-/* Multiple toolbars can be housed in  the toolbar container the container will expand vertically to accomodate wrapped toolbars */
-
-.jxDialogControls .jxBarContainer {
-  /* Base setup */
-  position: absolute;
-  right: 0px;
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  height: 16px;
-}
-
-.jxDialogControls .jxBarScroller {
-  left: auto;
-  right: 0px;
-}
-
-.jxDialogControls ul.jxToolbar {
-  float: right;
-}
-
-.jxDialogControls ul.jxToolbar,
-.jxDialogControls li.jxToolItem {
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-}/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* GRID STYLES */
-/* ============= */
-
-.jxGridContainer {
-    position: absolute;
-    top: 0;
-    left: 0;
-    border-left: 0px solid #d8d8d8;
-    border-top: 0px solid #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    overflow: hidden;
-}
-
-.jxGridTable {
-    position: relative;
-    table-layout: fixed;
-    border-collapse: collapse;
-    border-style: none;
-    width: 0px;
-    cursor: default;
-    font-family: Arial, Verdana, sans-serif;
-    font-size: 11px;
-    font-weight: normal;
-}
-
-.jxGridColHeadHide {
-    height: 0px;
-    line-height: 0px;
-    font-size: 0px;
-    background-color: #fff;
-    white-space: normal;
-}
-
-.jxGridColHeadHide p, .jxGridRowHeadHide p {
-    font-size: 0px;
-    line-height: 0px;
-    height: 0px;
-    margin: 0px;
-    padding: 0px;
-}
-
-.jxGridRowHeadHide {
-    width: 0px;
-    white-space: normal;
-}
-
-.jxGridCell {
-    border-top: 0px solid #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid #d8d8d8;
-    overflow: hidden;
-    padding-left: 3px;
-    padding-right: 3px;
-    overflow: hidden;
-    /* can change this to normal */
-    white-space: nowrap;
-    cursor: cell;
-    /* only applies in IE and Safari right now */
-    text-overflow: ellipsis;
-}
-
-/* Nornal Styles */
-
-.jxGridColHead {
-    border-top: 0px solid  #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid  #d8d8d8;
-    background-color: #f2f2f2;
-    background-image: url('images/table_col.png');
-    background-position: 0px 0px;
-    background-repeat: repeat-x;
-
-    text-align: center;
-    font-weight: bold;
-    color: #333;
-    cursor: default;
-}
-
-.jxGridRowHead {
-    border-top: 0px solid  #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid  #d8d8d8;
-    background-color:  #f2f2f2;
-    background-image: url('images/table_row.png');
-    background-position: 0px 0px;
-    background-repeat: repeat-y;
-
-    text-align: center;
-    font-weight: bold;
-    color: #333;
-    cursor: default;
-}
-
-/* Alternating Row Styles */
-
-.jxGridRowAll {
-    background-color: #fff;
-}
-
-.jxGridRowOdd {}
-.jxGridRowEven {}
-.jxGridRowOdd td {}
-.jxGridRowEven td {}
-
-/* Selected Styles */
-
-.jxGridColumnHeaderSelected {
-    background-color: #e1e1e1;
-    background-position: 0px -200px;
-}
-
-.jxGridRowHeaderSelected {
-    background-color: #e1e1e1;
-    background-position: -400px 0px;
-}
-
-.jxGridColumnSelected {
-    background-color: #f7f7f7;
-}
-
-.jxGridRowSelected td {
-    background-color: #f7f7f7;
-}
-
-td.jxGridCellSelected {
-    background-color: #ebebeb;
-}
-
-/* Prelight Styles */
-
-.jxGridColumnHeaderPrelight {
-    background-color: #cee5ff;
-    background-position: 0px -300px;
-}
-
-.jxGridRowHeaderPrelight {
-    background-color: #cee5ff;
-    background-position: -600px 0px;
-}
-
-.jxGridColumnPrelight {
-    background-color: #e5f1ff;
-}
-
-.jxGridRowPrelight td {
-    background-color: #e5f1ff;
-}
-
-td.jxGridCellPrelight {
-  background-color: #cce3ff;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: menu.css 1143 2008-09-24 19:59:44Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============== */
-/* JX MENU STYLES */
-/* ============== */
-
-.jxMenuContainer .jxChrome {
-  /* the background image gets used by Jx.Chrome to create a stretchable chrome */
-  background-image: url(images/flyout_chrome.png);
-  /* the padding reflects the amount of space to leave around the content area
-   * for the chrome, typically to leave space for a shadow
-   */
-  padding: 5px 5px 7px 6px;
-}
-
-a.jxButtonMenu span.jxMenuItemSpan {
-  padding-right: 16px;
-}
-
-/* Jx Menus and Sub-menus are all built out of nested ULs
-   For this to work visually, the margins and padding need to be flattened
-   out, and the list marker needs to be hidden
-*/
-
-.jxMenuContainer {
-  position: absolute;
-  display: block;
-  z-index: 200;
-  padding: 0px;
-}
-
-ul.jxMenu,
-ul.jxSubMenu {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  list-style-type: none;
-
-  margin: 6px 6px 8px 7px;
-  background-color: #fff;
-  border: 1px solid #999;
-}
-
-li.jxMenuItemContainer {
-  /* This is needed for IE to make sure submenus don't open space in the parent menu */
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  margin: 0px;
-  padding: 0px;
-}
-
-a.jxMenuItem {
-  /* Base setup */
-  display: block;
-  position: relative;
-  text-decoration: none;
-
-  border: 1px solid #fff;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  text-decoration: none;
-  margin: 2px 2px;
-  padding: 0px;
-  color: #000;
-}
-
-a.jxMenuItem:hover {
-  border: 1px solid #C5E0FF;
-  background-image: url(images/menu_hover.png);
-  background-color: #CDE5FF;
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-}
-
-a.jxMenuItem:hover span.jxMenuItemContent {
-  border: 1px solid #F4F9FF;  /* forces IE to render properly */
-  border-bottom: 1px solid #E4F0FF;
-}
-
-span.jxMenuItemContent {
-  /* If using background images, the SPAN contains the right side of the background */
-  /* use padding to make space between the icon and button edge */
-  /* padding-left: 0px;*/ /* butts up to the left of the button bg image */
-  /* Base setup */
-  display: block;
-  position: relative;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 0px;
-  line-height: 0px;
-  white-space: nowrap;
-  padding: 0px 20px 0px 0px; /* space for the arrow */
-  margin: 0px;
-  border: 1px solid #fff; /* forces IE to render properly */
-}
-
-a.jxButtonSubMenu span.jxMenuItemContent,
-a.jxButtonSubMenu:hover span.jxMenuItemContent {
-  background-image: url(images/emblems.png);
-  background-position: right -32px;
-  background-repeat: no-repeat;
-}
-
-img.jxMenuItemIcon {
-  /* Base setup */
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  display: inline;
-
-  width: 16px;
-  height: 16px;
-  background-position: left center;
-  background-repeat: no-repeat;
-}
-
-span.jxMenuItemContent span {
-  /* Base setup for empty labels */
-  display: block;
-  position: relative;
-  cursor: pointer;
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 0px 0px 0px 20px; /* space for the icon */
-  font-size: 16px; /* keeps empty labels open */
-  line-height: 16px;
-}
-
-span.jxMenuItemContent span.jxMenuItemLabel {
-  /* Base setup, overrides empty labels */
-
-  color: #000;
-  font-size: 11px;
-}
-
-.jxMenuItemToggle img.jxMenuItemIcon,
-.jxMenuItemSet img.jxMenuItemIcon {
-  background-image: url(images/emblems.png);
-  background-position: 2px 0px;
-  background-repeat: no-repeat;
-}
-
-.jxMenuItemToggle a.jxMenuItemActive img.jxMenuItemIcon {
-  background-position: 2px -48px;
-}
-
-.jxMenuItemSet a.jxMenuItemActive img.jxMenuItemIcon {
-  background-position: 2px -64px;
-}
-
-a.jxMenuItemActive img.jxMenuItemIcon {
-  top: -2px;
-  left: -2px;
-  border: 2px solid #C5E0FF;
-}
-
-a.jxMenuItemActive span.jxMenuItemContent {
-  background-image: url(images/menu_icon_active.png);
-  background-position: 0px 0px;
-  background-repeat: no-repeat;
-}
-
-.jxDisabled a.jxMenuItem {
-  cursor: default;
-}
-
-.jxDisabled a.jxMenuItem:hover {
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #fff;
-}
-
-ul.jxMenu span.jxMenuSeparator,
-ul.jxSubMenu span.jxMenuSeparator {
-  /* Base setup */
-    display: block;
-
-  font-size: 10px;
-  line-height: 10px;
-  background-image: url(images/toolbar_separator_v.png);
-  background-repeat: repeat-x;
-  background-position: left center;
-}/**
- * @project         Jx
- * @revision        $Id: panel.css 1079 2008-09-23 17:54:08Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =============== */
-/* JX PANEL STYLES */
-/* =============== */
-
-.jxPanel {
-  /* Base setup */
-  display: block;
-  position:relative;
-}
-
-.jxPanelContentContainer {
-  /* Base setup */
-  /* need to test various scenarios to see if this is limiting */
-  overflow: hidden;
-  /*margin: 5px;*/
-  background-color: #f0f0f0;
-}
-
-/* the content panel inside a panel */
-.jxPanelContent {
-  /* Base setup */
-  /* position relative is required for panels to work correctly in safari */
-  position: relative;
-  display: block;
-  overflow: auto;
-
-  /*border: 1px solid #d8d8d8;*/
-  background-color: #fff;
-  margin: 0px;
-  padding: 0px;
-}
-
-.jxPanelTitle {
-  /* Base setup */
-  /* position relative is required for panel dragging to work correctly in safari */
-  display: block;
-  position: relative;
-
-  background-image: url(images/panelbar.png);
-  background-repeat: repeat-x;
-  background-position: left top;
-  /* note this is hard coded into jx.js JxPanel initialize function - change there as well as here */
-  height: 22px;
-  margin: 0;
-  padding: 0;
-
-  text-align: center;
-}
-
-/* JX PANELSET STYLE FOR TITLE BAR */
-.jxPanelBar {
-  position: absolute;
-  line-height: 1px;
-  width: 100%;
-  height: 5px;
-  cursor: row-resize;
-  /*background-image: url(images/a_pixel.png);*/
-  background-color: #f0f0f0;
-  z-index: 1;
-}
-
-.jxPanelIcon {
-  position: absolute;
-  left: 2px;
-  top: 3px;
-  width: 16px;
-  height: 16px;
-  border: none;
-  padding: 0px;
-  margin: 0px;
-}
-
-.jxPanelLabel {
-  /* make room for the loading spinner */
-  padding-left: 25px;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  font-weight: bold;
-  /* line-height vertically aligns the label in the containing div. */
-  line-height:21px;
-  color: #000;
-  white-space: nowrap;
-}
-
-.jxPanelControls {
-  position: absolute;
-  top: 3px;
-  right: 2px;
-  height: 16px;
-  width: 80px;
-  overflow: hidden;
-}
-
-.jxPanelControls img {
-  background-image: url('images/panel_controls.png');
-  background-repeat: no-repeat;
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-}
-
-.jxPanelClose img {
-  background-position: 0px -32px;
-}
-
-.jxPanelMenu img {
-  background-position: 0px -48px;
-}
-
-.jxPanelHelp img {
-  background-position: 0px -64px;
-}
-
-.jxPanelCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxPanelMin .jxPanelCollapse img {
-  background-position: 0px 0px;
-}
-
-.jxPanelMax .jxPanelCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxPanelMaximize img {
-  background-position: 0px 0px;
-}
-
-.jxPanelLoading img {
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-  visibility:hidden;
-  position: absolute;
-  top: 1px;
-  left: 2px;
-}
-
-
-
-/* ========================= */
-/* JX BUTTON STYLES OVERIDES */
-/* ========================= */
-
-.jxPanelControls .jxButtonContainer,
-.jxPanelControls span.jxButtonContent,
-.jxPanelControls a.jxButton:hover span.jxButtonContent,
-.jxPanelControls a.jxButton:active span.jxButtonContent,
-.jxPanelControls a.jxButtonActive span.jxButtonContent,
-.jxPanelControls a.jxButtonActive:hover span.jxButtonContent,
-.jxPanelControls a.jxButtonActive:active span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton:active span.jxButtonContent,
-.jxPanelControls a.jxButton,
-.jxPanelControls a.jxButton:hover,
-.jxPanelControls a.jxButton:active ,
-.jxPanelControls a.jxButtonActive,
-.jxPanelControls a.jxButtonActive:hover,
-.jxPanelControls a.jxButtonActive:active,
-.jxPanelControls .jxDisabled a.jxButton,
-.jxPanelControls .jxDisabled a.jxButton:hover,
-.jxPanelControls .jxDisabled a.jxButton:active {
-  padding: 0px;
-  margin: 0px;
-  border: none;
-  background-color: transparent;
-  background-image: none;
-}
-
-.jxPanelControls a.jxButtonMenu span.jxButtonContent,
-.jxPanelControls a.jxButtonFlyout span.jxButtonContent {
-  background-image: none;
-}
-
-.jxPanelControls a.jxButtonMenu span.jxButtonContent span,
-.jxPanelControls a.jxButtonFlyout span.jxButtonContent span {
-  padding-right: 0px;
-}
-
-/* ========================== */
-/* JX TOOLBAR STYLES OVERIDES */
-/* ========================== */
-
-/* Multiple toolbars can be housed in  the toolbar container the container will expand vertically to accomodate wrapped toolbars */
-
-.jxPanelControls div.jxBarTop {
-  /* Base setup */
-  position: absolute;
-  right: 0px;
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  height: 16px;
-}
-
-.jxPanelControls .jxBarScroller {
-  left: auto;
-  right: 0px;
-}
-
-.jxPanelControls ul.jxToolbar {
-  float: right;
-}
-
-.jxPanelControls ul.jxToolbar,
-.jxPanelControls li.jxToolItem {
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-}/**
- * @project         Jx
- * @revision        $Id: splitter.css 1130 2008-09-24 19:12:35Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =============== */
-/* SPLITTER STYLES */
-/* =============== */
-
-.jxSplitBarHorizontal {
-  display: block;
-  position: absolute;
-  font-size: 0px;
-  line-height: 0px;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  width: 5px;
-  height: 100%;
-  cursor: col-resize;
-  /*background-image: url(images/a_pixel.png);*/
-  background-color: #f0f0f0;
-  z-index: 1;
-}
-
-.jxSplitBarVertical {
-  display: block;
-  position: absolute;
-  font-size: 0px;
-  line-height: 0px;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  width: 100%;
-  height: 5px;
-  cursor: row-resize;
-  /*background-image: url(images/a_pixel.png);*/
-  background-color: #f0f0f0;
-  z-index: 1;
-}
-
-.jxSplitContainer {
-  display: block;
-  position: relative;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  overflow: hidden;
-}
-
-.jxSplitArea {
-  display: block;
-  position: absolute;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  overflow: hidden;
-  z-index: 0;
-}
-
-.jxSplitterMask { 
-  position: absolute; 
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-image: url(images/a_pixel.png);
-  z-index: 1; 
-} 
-
-.jxSplitBarDrag {
-  background-color: #eee;
-}
-
-.jxSnapHorizontalBefore {
-  width: 5px;
-  height: 5px;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  background-color: #aaa;
-}
-
-.jxSnapHorizontalAfter {
-  width: 5px;
-  height: 5px;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  background-color: #aaa;
-}/**
- * @project         Jx
- * @revision        $Id: tab.css 1129 2008-09-24 19:01:34Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ================== */
-/* TAB CONTENT STYLES */
-/* ================== */
-
-/* The tabBox consists of a box containing a tabbar and the tab content areas.
-   It can be used within the body or nested within another object.
-*/
-
-.jxTabSetContainer {
-  /* This is an example of a container that can be used to hold a tabBox
-     the position need to be explicitly set, as well as the width and height. */
-  /* Base setup */
-  position: relative;
-  display: block;
-  overflow: hidden;
-
-  width: 200px;
-  height: 200px;
-  margin: 0px;
-  padding: 0px;
-  background-color: #fff;
-}
-
-.jxTabSetContainer  .jxToolbarContainer {
-  /* Base setup */
-  z-index: auto;
-}
-
-.tabContent {
-  /* the width and height need to be set to 100% to:
-     1. fill the tab box area
-     2. allow a scrolling content area in IE */
-  /* Base setup */
-  display: none;
-  position: relative;
-  width:100%;
-  height: 100%;
-  overflow: auto;
-}
-
-.tabContentActive {
-  /* Base setup */
-  display: block;
-}
-
-/* ======================== */
-/* BASE TAB (BUTTON) STYLES */
-/* ======================== */
-
-div.jxTabContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  margin: 0px;
-  padding: 2px;
-  border: none;
-}
-
-a.jxTabClose {
-  /* Base setup */
-  display: block;
-  position: absolute;
-  cursor: pointer;
-}
-
-a.jxTabClose img {
-  width: 16px;
-  height: 16px;
-  background-image: url(images/tab_close.png);
-}
-
-a.jxTab {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  /* Using background images, the A contains the left side of the background */
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  background-repeat: no-repeat;
-  text-decoration: none;
-  color: #000;
-}
-
-.jxDisabled a.jxButton {
- cursor: default;
-}
-
-a.jxTab:hover,
-a.jxTab:active,
-a.jxTabActive,
-a.jxTabActive:hover,
-a.jxTabActive:active,
-.jxDisabled a.jxButton:hover,
-.jxDisabled a.jxButton:active {
-  border: none;
-}
-
-span.jxTabContent {
-  /* Base setup */
-  display: block;
-  font-size: 0px;
-  line-height: 0px;
-
-  /* The SPAN contains the other side of the tab background image
-     and the tab label */
-  margin: 0px;
-  padding: 0px;
-  background-repeat: no-repeat;
-}
-
-img.jxTabIcon {
-  /* Base setup */
-  position: relative;
-
-  width: 16px;
-  height: 16px;
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-
-span.jxTabLabel {
-  /* Base setup */
-  display: block;
-  position: relative;
-  cursor: pointer;
-
-  margin: 0px;
-  padding: 0px;
-  color: #000;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  line-height: 16px;
-}
-
-.jxTabBox {
-}
-
-/* ======================================= */
-/* HORIZONTALTAB BAR - TOP and BOTTOM TABS */
-/* ======================================= */
-
-.jxBarTop div.jxTabContainer,
-.jxBarBottom div.jxTabContainer {
-  /* Base setup */
-  float: left;
-}
-
-.jxBarTop a.jxTab,
-.jxBarTop span.jxTabContent {
-  background-image: url(images/tab_top.png);
-}
-
-.jxBarBottom a.jxTab,
-.jxBarBottom span.jxTabContent {
-  background-image: url(images/tab_bottom.png);
-}
-
-/* Closeable Tab */
-
-.jxBarTop a.jxTabClose,
-.jxBarBottom a.jxTabClose {
-  top: 3px;
-  right: 3px;
-}
-
-.jxBarTop .jxTabClose span.jxTabContent,
-.jxBarBottom .jxTabClose span.jxTabContent {
-  padding-right: 16px;
-}
-
-/* Normal Tab */
-
-.jxBarTop a.jxTab,
-.jxBarBottom a.jxTab {
-  /* Base setup */
-  float: left;
-
-  padding-left: 4px; /* makes room for the left of the tab bg */
-  background-position: left -24px;
-}
-
-.jxBarTop span.jxTabContent,
-.jxBarBottom span.jxTabContent {
-  /* Base setup */
-  float: left;
-
-  padding: 4px 4px 4px 0px; /* makes space around the label */
-  background-position: right -24px;
-}
-
-
-/* Hover Tab */
-
-.jxBarTop a.jxTab:hover,
-.jxBarBottom a.jxTab:hover {
-  background-position: left -96px;
-}
-
-.jxBarTop a.jxTab:hover span.jxTabContent,
-.jxBarBottom a.jxTab:hover span.jxTabContent {
-  background-position: right -96px;
-}
-
-/* Click Tab */
-
-.jxBarTop a.jxTab:active,
-.jxBarBottom a.jxTab:active {
-  background-position: left -48px;
-}
-
-.jxBarTop a.jxTab:active span.jxTabContent,
-.jxBarBottom a.jxTab:active span.jxTabContent {
-  background-position: right -48px;
-}
-
-/* Active Tab */
-
-.jxBarTop a.jxTabActive,
-.jxBarBottom a.jxTabActive {
-  background-position: left -72px; /* switch to the active left BG */
-}
-
-.jxBarTop a.jxTabActive span.jxTabContent,
-.jxBarBottom a.jxTabActive span.jxTabContent {
-  background-position: right -72px; /* switch to the active right BG  */
-}
-
-/* Disabled Tab */
-
-.jxBarTop .jxDisabled a.jxTab:hover,
-.jxBarTop .jxDisabled a.jxTab:active,
-.jxBarBottom .jxDisabled a.jxTab:hover,
-.jxBarBottom .jxDisabled a.jxTab:active {
-  background-position: left -24px; /* do not switch the left BG */
-}
-
-
-.jxBarTop .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarTop .jxDisabled a.jxTab:active span.jxTabContent,
-.jxBarBottom .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarBottom .jxDisabled a.jxTab:active span.jxTabContent {
-  background-position: right -24px; /* do not switch the right BG */
-}
-
-
-.jxBarTop img.jxTabIcon,
-.jxBarBottom img.jxTabIcon {
-  /* Base setup */
-  float: left;
-}
-
-.jxBarTop span.jxTabLabel,
-.jxBarBottom span.jxTabLabel {
-  /* Base setup */
-  float: left;
-  height: 16px;
-
-  padding: 0px 4px 0px 4px;
-}
-
-
-/* ================================= */
-/* VERTICAL TAB BAR - LEFT and RIGHT */
-/* ================================= */
-
-.jxBarLeft div.jxTabContainer,
-.jxBarRight div.jxTabContainer {
-  /* Base setup */
-}
-
-.jxBarLeft a.jxTab,
-.jxBarLeft span.jxTabContent {
-  background-image: url(images/tab_left.png);
-}
-
-.jxBarRight a.jxTab,
-.jxBarRight span.jxTabContent {
-  background-image: url(images/tab_right.png);
-}
-
-/* Closeable Tab */
-
-.jxBarLeft a.jxTabClose,
-.jxBarRight a.jxTabClose {
-  top: 3px;
-  left: 3px;
-}
-
-.jxBarLeft .jxTabClose span.jxTabContent,
-.jxBarRight .jxTabClose span.jxTabContent {
-  padding-top: 16px;
-}
-
-/* Normal Tab */
-
-.jxBarLeft a.jxTab,
-.jxBarRight a.jxTab {
-  padding-top: 4px; /* makes room for the top of the tab bg */
-  background-position: -24px top;
-}
-
-.jxBarLeft span.jxTabContent,
-.jxBarRight span.jxTabContent {
-  padding: 0px 4px 4px 4px; /* makes space around the label */
-  background-position: -24px bottom;
-}
-
-/* Hover tab */
-
-.jxBarLeft a.jxTab:hover,
-.jxBarRight a.jxTab:hover {
-  background-position: -96px top; /* shifts the left BG out 2 px for slide effect */
-}
-
-.jxBarLeft a.jxTab:hover span.jxTabContent,
-.jxBarRight a.jxTab:hover span.jxTabContent {
-  background-position: -96px bottom;
-}
-
-/* Click Tab */
-
-.jxBarLeft a.jxTab:active,
-.jxBarRight a.jxTab:active {
-  background-position: -48px top;
-}
-
-.jxBarLeft a.jxTab:active span.jxTabContent,
-.jxBarRight a.jxTab:active span.jxTabContent {
-  background-position: -48px bottom;
-}
-
-/* Active Tab */
-
-.jxBarLeft a.jxTabActive,
-.jxBarRight a.jxTabActive {
-  background-position: -72px top; /* switch to the active top BG */
-}
-
-.jxBarLeft a.jxTabActive span.jxTabContent,
-.jxBarRight a.jxTabActive span.jxTabContent {
-  background-position: -72px bottom; /* switch to the active bottom BG  */
-}
-
-/* Disabled Tab */
-
-.jxBarLeft .jxDisabled a.jxTab:hover,
-.jxBarLeft .jxDisabled a.jxTab:active,
-.jxBarRight .jxDisabled a.jxTab:hover,
-.jxBarRigth .jxDisabled a.jxTab:active {
-  background-position: -24px top; /* do not switch the top BG */
-}
-
-
-.jxBarLeft .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarLeft .jxDisabled a.jxTab:active span.jxTabContent,
-.jxBarRight .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarRight .jxDisabled a.jxTab:active span.jxTabContent {
-  background-position: -24px bottom; /* do not switch the top BG */
-}
-
-.jxBarLeft span.jxTabLabel,
-.jxBarRight span.jxTabLabel {
-  padding: 4px 0px 4px 0px;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: toolbar.css 1080 2008-09-23 18:06:47Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============== */
-/* TOOLBAR STYLES */
-/* ============== */
-
-/* Multiple toolbars can be housed in  the toolbar container.
-   The container will expand vertically to accomodate wrapped toolbars */
-
-.jxBarContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-  z-index: 1;
-  overflow: hidden;
-
-  margin: 0px;
-  padding: 0px;
-  border: 0px;
-
-  background-color: #f0f0f0;
-}
-
-.jxBarTop,
-.jxBarBottom {
-  /* Horizontally oriented toolbars */
-  /* Base setup */
-  width: 100%; /* fills the width, may be needed for JS style sniffing */
-  height: 28px;
-  background-image: url(images/toolbar.png);
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-  overflow: hidden;
-}
-
-.jxTabBox .jxBarTop {
-  background-image: url(images/tabbar.png);
-  background-position: 0px bottom;
-}
-
-.jxTabBox .jxBarBottom {
-  background-image: url(images/tabbar_bottom.png);
-  background-position: 0px top;
-}
-
-.jxBarLeft,
-.jxBarRight {
-  /* Vertically oriented toolbars */
-  /* Base setup */
-  width: auto;
-  height: 100%;
-  background-image: url(images/toolbar.png);
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-  float: left;
-  overflow: hidden;
-}
-
-.jxTabBox .jxBarLeft {
-  background-image: url(images/tabbar_left.png);
-  background-repeat: repeat-y;
-  background-position: right 0px;
-}
-
-.jxTabBox .jxBarRight {
-  background-image: url(images/tabbar_right.png);
-  background-repeat: repeat-y;
-  background-position: left 0px;
-}
-
-.jxBarTop .jxBarScroller,
-.jxBarBottom .jxBarScroller {
-  position: absolute;
-  /* much bigger than its container */
-  width: 10000%;
-  overflow: hidden;
-}
-
-.jxBarTop .jxBarScrollLeft,
-.jxBarBottom .jxBarScrollLeft {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-}
-
-.jxBarTop .jxBarScrollRight,
-.jxBarBottom .jxBarScrollRight {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-}
-
-.jxBarTop .jxBarScrollLeft img.jxButtonIcon,
-.jxBarBottom .jxBarScrollLeft img.jxButtonIcon {
-  background-image: url(images/emblems.png);
-  background-position: 0px -80px;
-}
-
-.jxBarTop .jxBarScrollRight img.jxButtonIcon,
-.jxBarBottom .jxBarScrollRight img.jxButtonIcon {
-  background-image: url(images/emblems.png);
-  background-position: 0px -96px;
-}
-
-/* The jx toolbar and tabbar are both built out of a UL
-   The margins/padding are flattened out, and the list markers are hidden
-   UL's are floated left so multiple toolbars can be in the samae row.
-   In IE, the UL needs to have a specified width to prevent button wrapping.
-
-   The tab background uses the sliding door technique so tabs can expand to
-   accomodate content up to 200 px wide (top/bottom tabs) or 200px high
-   (left/right tabs).  All parts and states of the tab BG graphics are in the
-   same image so they can be treated like sprites.
-
-   Horizontal tabs can contain text or an image label.  Vertical tabs need an
-   image label.
-*/
-
-ul.jxToolbar,
-ul.jxTabBar {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  list-style-type: none;
-
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  padding: 0px;
-  border: none;
-}
-
-.jxBarTop ul.jxToolbar,
-.jxBarBottom ul.jxToolbar,
-.jxBarTop ul.jxTabBar,
-.jxBarBottom ul.jxTabBar {
-}
-
-/* LI's are floated to the left, to make a horizontal row of buttons*/
-
-li.jxToolItem {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  padding: 0px;
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  border: none;
-}
-
-/* Seperator height should match that of button images
-   and the margins+padding+border should add up to the same total too. */
-
-li.jxToolItem  .separator {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  border: 0px;
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  padding: 4px;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-
-.jxBarTop  li.jxToolItem  span.jxBarSeparator,
-.jxBarBottom  li.jxToolItem  span.jxBarSeparator {
-  /* width/height should be defined */
-  width: 8px;
-  height: 20px;
-  background-image: url(images/toolbar_separator_h.png);
-}
-
-.jxBarLeft  li.jxToolItem  span.jxBarSeparator,
-.jxBarRight  li.jxToolItem  span.jxBarSeparator {
-  /* width/height should be defined */
-  width: 20px;
-  height: 8px;
-  background-image: url(images/toolbar_separator_v.png);
-}
-
-/* Vertically oriented toolbars need floats cleared */
-
-.jxBarLeft ul.jxToolbar,
-.jxBarLeft ul.jxTabBar,
-.jxBarLeft li.jxToolItem,
-.jxBarRight ul.jxToolbar,
-.jxBarRight ul.jxTabBar,
-.jxBarRight li.jxToolItem
-{
-  /* Base setup */
-  clear: both;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: tree.css 711 2008-08-13 20:38:33Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =========== */
-/* TREE STYLES */
-/* =========== */
-
-/* The jx tree built out of nested ULs
-   For this to work visually, the margins and padding need to be flattened
-   out, and the list marker needs to be hidden
-*/
-
-
-.jxTree,
-.jxTreeRoot {
-  /* relative positioning is required for IE to fix the peek-a-boo bug */
-  position:relative;
-  display: block;
-  list-style: none;
-  margin: 0px;
-  padding: 0px;
-}
-
-.jxTreeNest {
-  list-style: none;
-  margin: 0px;
-  padding: 0px;
-  background-repeat: repeat-y;
-  background-position: left top;
-}
-
-/* Node Classes */
-
-.jxTree li,
-.jxTreeRoot li {
-  /* relative positioning is required for IE to fix the peek-a-boo bug */
-  position:relative;
-  display: block;
-  margin: 0px;
-  padding: 0px;
-  background-repeat: no-repeat;
-  /* background branches may need to shift up/down according to height of the node */
-  background-position: left top;
-  white-space: nowrap;
-  font-size: 0px;
-  line-height: 0px;
-  overflow:hidden;
-}
-
-.jxTree li {
-  margin-left: 16px;
-}
-
-.jxTree a,
-.jxTreeRoot a {
-  position: relative;
-  display: block;
-  margin: 0px 0px 0px 14px;
-  padding: 0px 0px 0px 20px;
-  z-index: 0;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  color: #000;
-  text-decoration: none;
-  /* Line Height needs to be an even number so branches line up properly */
-  line-height: 20px;
-  height: 20px;
-}
-
-.jxTree a:hover,
-.jxTreeRoot a:hover {
-  background-image: url(images/tree_hover.png);
-  background-color: #CDE5FF;
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-}
-
-.jxDisabled .jxTree a:hover,
-.jxDisabled .jxTreeRoot a:hover {
-  background: none;
-  cursor: default;
-}
-
-.jxTreeNest {
-  background-image: url(images/tree_vert_line.png);
-}
-
-.jxTreeImage,
-.jxTreeIcon {
-  position: absolute;
-  display: inline;
-
-  left: 0px;
-  top: 0px;
-  width: 16px;
-  height: 20px;
-
-  z-index: 1;
-
-  background-image: url(images/tree.png);
-  background-repeat: no-repeat;
-
-  border: 0px;
-  margin: 0px;
-}
-
-.jxTreeIcon {
-  height: 16px;
-  top: 2px;
-  left: 2px;
-}
-
-.jxTreeBranchOpen .jxTreeIcon,
-.jxTreeBranchLastOpen .jxTreeIcon {
-  background-position: left -40px; /* open folder image */
-}
-
-
-.jxTreeBranchOpen .jxTreeImage {
-  background-position: left -100px; /* minus image */
-}
-
-.jxTreeBranchLastOpen .jxTreeImage {
-  background-position: left -160px; /* minus last image */
-}
-
-.jxTreeBranchClosed .jxTreeIcon,
-.jxTreeBranchLastClosed .jxTreeIcon {
-  background-position: left -20px; /* closed folder image */
-}
-
-
-.jxTreeBranchClosed .jxTreeImage {
-  background-position: left -80px; /* plus image */
-}
-
-.jxTreeBranchLastClosed .jxTreeImage {
-  background-position: left -140px; /* plus last image */
-}
-
-.jxTreeItem .jxTreeIcon,
-.jxTreeItemLast .jxTreeIcon {
-  background-position: left 0px; /* page image */
-}
-
-.jxTreeItem .jxTreeImage {
-  background-position: left -60px; /* node image */
-}
-
-.jxTreeItemLast .jxTreeImage {
-  background-position: left -120px; /* last node image */
-}
-
-.jxTreeItemSelected {
-  background-color: #AFD4FA;
-  font-weight:bold;
-}
-
-.jxTreeItem a,
-.jxTreeItem img,
-.jxTreeItem input,
-.jxTreeItemLast a,
-.jxTreeItemLast img,
-.jxTreeItemLast input,
-.jxTreeBranch a,
-.jxTreeBranch img,
-.jxTreeBranch input,
-.jxTreeBranchLast a,
-.jxTreeBranchLast img,
-.jxTreeBranchLast input {
-    vertical-align: middle;
-}
-
-

Added: trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/preview.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/preview.css	                        (rev 0)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/preview.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -0,0 +1 @@
+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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{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:'';}ul.jxToolbar .jxButton:focus,.jxButton:focus{background-position:left -96px;}ul.jxToolbar .jxButton:focus span.jxButtonContent,.jxButton:focus span.jxButtonContent{background-position:right -96px;}ul.jxToolbar .jxButtonActive:focus,.jxButtonActive:focus{background-position:left -72px;}ul.jxToolbar .jxButtonActive:focus span.jxButtonContent,.jxButtonActive:focus span.jxButtonContent{background-position:right -72px;}span.jxButtonContent span{font-family:Arial,Helvetica,sans-serif;}a.jxButtonEditCombo input{font-family:Arial,Helvetica,sans-serif;background-color:transparent;}.jxChromeTL img{width:500px;hei
 ght:500px;}.jxChromeTR img{width:500px;height:500px;}.jxChromeBL img{width:500px;height:500px;}.jxChromeBR img{width:500px;height:500px;}.jxDialog .jxChrome{background-image:url(images/dialog_chrome.png);}.jxDialogContentContainer{border:none;}.jxDialogModal{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.2;-ms-filter:"Alpha(opacity=20)";}.jxDialogTitle{background-image:url(images/a_pixel.png);height:16px;margin:10px 10px 0 10px;}.jxDialogIcon{left:10px;top:0;}.jxDialogLabel{font-family:Arial,Helvetica,sans-serif;line-height:15px;display:block;top:0;}.jxDialogControls{top:0;}.jxDialogControls img{background-image:url('images/dialog_controls.png');}.jxPanelContentContainer{background-image:url(images/panelBackround.png);background-repeat:repeat-x;background-position:left bottom;background-color:#f0f0f0;}.jxPanelContent{background-color:transparent;}.jxPanelTitle{background-image:url(images/panelbar.png);background-repeat:repe
 at-x;background-position:left top;text-align:left;}.jxPanelBar{background-color:transparent;}.jxPanelLabel{padding-left:20px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-height:21px;color:#fff;white-space:nowrap;}.jxPanelControls{top:2px;left:2px;height:16px;width:16px;}.jxPanelControls img{background-image:url('images/panel_controls.png');background-repeat:no-repeat;}.jxSplitBarHorizontal{width:2px;background-color:transparent;}.jxSplitBarVertical{width:2px;background-color:transparent;}.jxSplitterMask{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-image:url(images/a_pixel.png);z-index:1;}.jxSplitArea{display:block;position:absolute;margin:0;padding:0;border:none;overflow:hidden;z-index:0;}.jxBarTop,.jxBarBottom{background-image:url(images/toolbar.png);background-repeat:repeat-x;background-position:0 0;}.jxBarTop .jxBarScroller,.jxBarBottom .jxBarScroller{position:absolute;width:10000%;overflow:hidden;
 }.jxBarTop li.jxToolItem span.jxBarSeparator,.jxBarBottom li.jxToolItem span.jxBarSeparator{width:8px;height:20px;background-image:url(images/toolbar_separator_h.png);}.jxBarLeft li.jxToolItem span.jxBarSeparator,.jxBarRight li.jxToolItem span.jxBarSeparator{width:20px;height:8px;background-image:url(images/toolbar_separator_v.png);}.jxBarTop .jxBarScrollLeft img.jxButtonIcon,.jxBarBottom .jxBarScrollLeft img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -80px;}.jxBarTop .jxBarScrollRight img.jxButtonIcon,.jxBarBottom .jxBarScrollRight img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -96px;}.jxBarTop .jxBarControls .jxButtonContainer,.jxBarBottom .jxBarControls .jxButtonContainer,.jxBarTop .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer,.jxBarBottom .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer{z-index:1;padding:2px;margin-left:-1px;}.jxBarTop .jxBarControls .jxDisabl
 ed span.jxButtonContent span,.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarTop .jxBarControls .jxDisabled .jxButton,.jxBarBottom .jxBarControls .jxDisabled .jxButton,.jxBarTop .jxBarControls .jxDisabled .jxButton,.jxBarBottom .jxBarControls .jxDisabled .jxButton{visibility:hidden;cursor:default;}a.jxTreeItem{font-family:Arial,Helvetica,sans-serif;}
\ No newline at end of file

Added: trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/preview.uncompressed.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/preview.uncompressed.css	                        (rev 0)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/preview/preview.uncompressed.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -0,0 +1,296 @@
+/*
+Copyright (c) 2006, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 0.11.0
+*/
+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;}
+table{border-collapse:collapse;border-spacing:0;}
+fieldset,img{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:'';}
+
+/* ====================== */
+/* OVERRIDE BUTTON STYLES */
+/* ====================== */
+
+/* focus button */
+ul.jxToolbar .jxButton:focus,
+.jxButton:focus {
+  background-position: left -96px;
+}
+
+ul.jxToolbar .jxButton:focus span.jxButtonContent,
+.jxButton:focus span.jxButtonContent {
+  background-position: right -96px;
+}
+
+/* focus active button */
+ul.jxToolbar .jxButtonActive:focus,
+.jxButtonActive:focus {
+  background-position: left -72px;
+}
+
+ul.jxToolbar .jxButtonActive:focus span.jxButtonContent,
+.jxButtonActive:focus span.jxButtonContent {
+  background-position: right -72px;
+}
+
+span.jxButtonContent span {
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+a.jxButtonEditCombo input {
+  font-family: Arial, Helvetica, sans-serif;
+  background-color: transparent;
+}
+
+/* ====================== */
+/* OVERRIDE CHROME STYLES */
+/* ====================== */
+
+.jxChromeTL img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeTR img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeBL img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeBR img {
+  width: 500px;
+  height:500px;
+}
+
+/* ====================== */
+/* OVERRIDE DIALOG STYLES */
+/* ====================== */
+
+.jxDialog .jxChrome {
+  background-image: url(images/dialog_chrome.png);
+}
+
+.jxDialogContentContainer {
+  border: none;
+}
+
+.jxDialogModal {
+  /* Base setup */
+  position: absolute;
+  display: block;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+
+  background-color: #000;
+  opacity: .2;
+  -ms-filter: "Alpha(opacity=20)";
+}
+
+.jxDialogTitle {
+  /* this makes the dialog draggable by the title bar in IE
+   * Without it, only the label is draggable
+   */
+  background-image: url(images/a_pixel.png);
+
+  /* note: height is hard coded into jx.js Jx.Dialog initialize function - change there as well as here */
+  height: 16px;
+
+  margin: 10px 10px 0px 10px;
+}
+
+.jxDialogIcon {
+  left: 10px;
+  top: 0px;
+}
+
+.jxDialogLabel {
+  font-family: Arial, Helvetica, sans-serif;
+  line-height:15px;
+  display:block;
+  top: 0px;
+}
+
+.jxDialogControls {
+  top: 0px;
+}
+
+.jxDialogControls img {
+  background-image: url('images/dialog_controls.png');
+}
+
+/* ======================== */
+/* OVERRIDE JX PANEL STYLES */
+/* ======================== */
+
+.jxPanelContentContainer {
+  background-image: url(images/panelBackround.png);
+  background-repeat: repeat-x;
+  background-position: left bottom;
+  background-color: #f0f0f0;
+}
+
+.jxPanelContent {
+  background-color: transparent;
+}
+
+.jxPanelTitle {
+  background-image: url(images/panelbar.png);
+  background-repeat: repeat-x;
+  background-position: left top;
+  text-align: left;
+}
+
+/* JX PANELSET STYLE FOR TITLE BAR */
+.jxPanelBar {
+  background-color: transparent;
+}
+
+.jxPanelLabel {
+  /* make room for the loading spinner */
+  padding-left: 20px;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size: 11px;
+  font-weight: bold;
+  /* line-height vertically aligns the label in the containing div. */
+  line-height:21px;
+  color: #fff;
+  white-space: nowrap;
+}
+
+.jxPanelControls {
+  top: 2px;
+  left: 2px;
+  height: 16px;
+  width: 16px;
+}
+
+.jxPanelControls img {
+  background-image: url('images/panel_controls.png');
+  background-repeat: no-repeat;
+}
+
+/* ======================== */
+/* OVERRIDE SPLITTER STYLES */
+/* ======================== */
+
+.jxSplitBarHorizontal {
+  width: 2px;
+  background-color: transparent;
+}
+
+.jxSplitBarVertical {
+  width: 2px;
+  background-color: transparent;
+}
+
+.jxSplitterMask { 
+  position: absolute; 
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-image: url(images/a_pixel.png);
+  z-index: 1; 
+} 
+
+.jxSplitArea {
+  display: block;
+  position: absolute;
+  margin: 0px;
+  padding: 0px;
+  border: none;
+  overflow: hidden;
+  z-index: 0;
+}
+
+/* ======================= */
+/* OVERRIDE TOOLBAR STYLES */
+/* ======================= */
+
+.jxBarTop,
+.jxBarBottom {
+  background-image: url(images/toolbar.png);
+  background-repeat: repeat-x;
+  background-position: 0px 0px;
+}
+
+.jxBarTop .jxBarScroller,
+.jxBarBottom .jxBarScroller {
+  position: absolute;
+  /* much bigger than its container */
+  width: 10000%;
+  overflow: hidden;
+}
+
+.jxBarTop  li.jxToolItem  span.jxBarSeparator,
+.jxBarBottom  li.jxToolItem  span.jxBarSeparator {
+  /* width/height should be defined */
+  width: 8px;
+  height: 20px;
+  background-image: url(images/toolbar_separator_h.png);
+}
+
+.jxBarLeft  li.jxToolItem  span.jxBarSeparator,
+.jxBarRight  li.jxToolItem  span.jxBarSeparator {
+  /* width/height should be defined */
+  width: 20px;
+  height: 8px;
+  background-image: url(images/toolbar_separator_v.png);
+}
+
+.jxBarTop .jxBarScrollLeft img.jxButtonIcon,
+.jxBarBottom .jxBarScrollLeft img.jxButtonIcon {
+  background-image: url(images/emblems.png);
+  background-position: 0px -80px;
+}
+
+.jxBarTop .jxBarScrollRight img.jxButtonIcon,
+.jxBarBottom .jxBarScrollRight img.jxButtonIcon {
+  background-image: url(images/emblems.png);
+  background-position: 0px -96px;
+}
+
+.jxBarTop .jxBarControls .jxButtonContainer,
+.jxBarBottom .jxBarControls .jxButtonContainer,
+.jxBarTop .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer,
+.jxBarBottom .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer{
+  z-index: 1;
+  padding: 2px;
+  margin-left: -1px;
+}
+
+/* trick here:  hide disabled buttons */
+.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarBottom .jxBarControls  .jxDisabled span.jxButtonContent span,
+.jxBarTop .jxBarControls .jxDisabled .jxButton,
+.jxBarBottom .jxBarControls .jxDisabled .jxButton,
+.jxBarTop .jxBarControls .jxDisabled .jxButton,
+.jxBarBottom .jxBarControls  .jxDisabled .jxButton{
+  visibility:hidden;
+  cursor: default; 
+}
+
+/* ==================== */
+/* OVERRIDE TREE STYLES */
+/* ==================== */
+
+a.jxTreeItem {
+  font-family: Arial,Helvetica,sans-serif;
+}
+
+

Modified: trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/index.html
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/index.html	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/index.html	2011-05-31 07:11:07 UTC (rev 5881)
@@ -5,7 +5,8 @@
 <meta http-equiv="Content-type" content="text/html; charset=utf-8">
 
 <script type="text/javascript" src="../../../lib/fusionSF-compressed.js"></script>
-<link rel="stylesheet" href="jxtheme.css" type="text/css" media="screen" charset="utf-8">
+<link rel="stylesheet" href="../../../lib/jxLib/themes/delicious/jxtheme.css" type="text/css" media="screen" charset="utf-8">
+<link rel="stylesheet" href="slate.css" type="text/css" media="screen" charset="utf-8">
 <!--[if lte IE 6]>
 <link rel="stylesheet" href="ie6.css" type="text/css" media="screen" charset="utf-8">
 <![endif]-->
@@ -45,21 +46,21 @@
 
     panel1 = new Jx.Panel({
         label: OpenLayers.i18n('legendTitle'),
-        collapse: false,
+        collapse: true,
         maximize: true,
         contentId: 'Legend'
     });
 
     panel2 = new Jx.Panel({
         label: OpenLayers.i18n('selectionPanelTitle'),
-        collapse: false,
+        collapse: true,
         maximize: true,
         contentId: 'SelectionPanel'
     });
 
     panel3 = new Jx.Panel({
         label: OpenLayers.i18n('taskPaneTitle'),
-        collapse: false,
+        collapse: true,
         maximize: true,
         contentId: 'TaskPane'
     });

Deleted: trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/jxtheme.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/jxtheme.css	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/jxtheme.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -1,24 +0,0 @@
-/*
- * reset.css - Copyright (c) 2006, Yahoo! Inc. All rights reserved.
- * Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
- *
- * Copyright (c) 2006-2008, DM Solutions Group Inc.  All rights reserved
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included
- * in all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.  IN NO EVENT SHALL
- * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- */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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{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:'';}div.jxButtonContainer{display:block;position:relative;float:left;margin:0;padding:2px;border:none;}a.jxButton{display:block;position:relative;float:left;margin:0;padding:0 0 0 4px;border:none;background-image:url(images/button.png);background-position:left -24px;background-repeat:no-repeat;text-decoration:none;}ul.jxToolbar a.jxButton{background-position:left top;}span.jxButtonContent{display:block;position:relative;float:left;font-size:0;line-height:0;margin:0;padding:4px 4px 4px 0;border:none;background-image:url(images/button.png);background-position:right -24px;background-repeat:no-repeat;}ul.jxT
 oolbar span.jxButtonContent{background-position:right top;}ul.jxToolbar a.jxButton:hover,a.jxButton:hover{background-position:left -96px;}a.jxButton:hover span.jxButtonContent{background-position:right -96px;}ul.jxToolbar a.jxButtonActive,a.jxButtonActive{background-position:left -72px;}a.jxButtonActive span.jxButtonContent{background-position:right -72px;}ul.jxToolbar a.jxButton:hover,a.jxButtonActive:hover{background-position:left -96px;}a.jxButtonActive:hover span.jxButtonContent{background-position:right -96px;}ul.jxToolbar a.jxButton:active,ul.jxToolbar a.jxButtonActive:active,a.jxButton:active,a.jxButtonActive:active{background-position:left -48px;}a.jxButton:active span.jxButtonContent,a.jxButtonActive:active span.jxButtonContent{background-position:right -48px;}ul.jxToolbar .jxDisabled a.jxButton,.jxDisabled a.jxButton{cursor:default;}ul.jxToolbar .jxDisabled a.jxButton:hover,ul.jxToolbar .jxDisabled a.jxButton:active{background-position:left top;}.jxDisabled a.jxBut
 ton:hover,.jxDisabled a.jxButton:active{background-position:left -24px;}ul.jxToolbar .jxDisabled a.jxButton:hover span.jxButtonContent,ul.jxToolbar .jxDisabled a.jxButton:active span.jxButtonContent{background-position:right top;}.jxDisabled a.jxButton:hover span.jxButtonContent,.jxDisabled a.jxButton:active span.jxButtonContent{background-position:right -24px;}img.jxButtonIcon{position:relative;float:left;width:16px;height:16px;background-position:center center;background-repeat:no-repeat;}span.jxButtonContent span{display:block;position:relative;float:left;cursor:pointer;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:16px;height:16px;white-space:nowrap;}span.jxButtonContent span.jxButtonLabel{margin:0;padding:0 4px 0 4px;color:#000;font-size:11px;}a.jxButtonMenu span.jxButtonContent,a.jxButtonMulti span.jxButtonContent,a.jxButtonFlyout span.jxButtonContent,a.jxButtonCombo span.jxButtonContent,a.jxButtonEditCombo span.jxButtonContent{padding-right
 :0;}a.jxButtonMenu span.jxButtonContent span,a.jxButtonFlyout span.jxButtonContent span,a.jxButtonMulti span.jxButtonContent span,a.jxButtonCombo span.jxButtonContent span,a.jxButtonEditCombo span.jxButtonContent span{padding-right:16px;background-image:url(images/emblems.png);background-position:right -16px;background-repeat:no-repeat;}a.jxButtonDisclose{position:absolute;display:block;padding:4px 0;font-size:0;line-height:0;right:2px;top:2px;background-image:url(images/button_multi_disclose.png);background-position:right 0;background-repeat:no-repeat;}a.jxButtonDisclose img{width:16px;height:16px;margin:0;padding:0;border:0;background-image:url(images/emblems.png);background-position:right -16px;background-repeat:no-repeat;}a.jxButtonDisclose:hover{background-position:right -96px;}a.jxButtonDisclose:active{background-position:right -48px;}ul.jxToolbar a.jxButtonHover{background-position:left -24px;}ul.jxToolbar a.jxButtonHover span.jxButtonContent{background-position:right
  -24px;}.jxFlyout .jxChrome{background-image:url(images/flyout_chrome.png);padding:10px;}.jxFlyout{position:absolute;display:block;z-index:100;margin:0;padding:0;}.jxFlyoutContent{position:relative;display:block;overflow:auto;margin:10px;background-color:#fff;border:1px solid #999;}a.jxButtonMulti,a.jxButtonMulti span.jxButtonContent{background-image:url(images/button_multi.png);}a.jxButtonEditCombo,a.jxButtonEditCombo span.jxButtonContent{background-image:url(images/button_combo.png);}a.jxButtonMulti span.jxButtonContent span{padding-right:21px;}a.jxButtonEditCombo span.jxButtonContent span{font-size:0;}a.jxButtonComboDefault span.jxButtonContent span,a.jxButtonComboDefault input{font-style:italic;color:#999;}a.jxButtonEditCombo input{float:left;line-height:16px;height:16px;padding:0 4px;margin:0;border:none;font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif;background-color:transparent;}.jxChrome{position:absolute;display:block;font-size:0;line-height:0;z-index:
 -1;width:100%;height:100%;top:0;left:0;}.jxChromeDrag{opacity:.5;-ms-filter:"Alpha(opacity=50)";}.jxChromeTL{position:absolute;overflow:hidden;left:0;top:0;width:50%;height:50%;}.jxChromeTR{position:absolute;overflow:hidden;left:50%;top:0;width:50%;height:50%;}.jxChromeBL{position:absolute;overflow:hidden;left:0;top:50%;width:50%;height:50%;}.jxChromeBR{position:absolute;overflow:hidden;left:50%;top:50%;width:50%;height:50%;}.jxChromeTL img{position:absolute;top:0;left:0;width:500px;height:500px;}.jxChromeTR img{position:absolute;top:0;right:0;width:500px;height:500px;}.jxChromeBL img{position:absolute;bottom:0;left:0;width:500px;height:500px;}.jxChromeBR img{position:absolute;bottom:0;right:0;width:500px;height:500px;}.jxColorBar{position:relative;overflow:hidden;}table.jxColorGrid{position:relative;border-collapse:collapse;empty-cells:show;clear:both;}.jxColorGrid td{border:1px solid #000;}.jxColorGrid td.emptyCell{border:0 solid #000;}.jxColorGrid td.emptyCell span{displa
 y:block;width:7px;height:7px;line-height:0;font-size:0;border:0 solid #000;padding:1px;margin:0;}.jxColorGrid a.colorSwatch{display:block;width:7px;height:7px;line-height:0;font-size:0;border:0 solid #000;margin:0;padding:1px;}.jxColorGrid a.borderWhite:hover{border:1px solid #fff;padding:0;}.jxColorGrid a.borderBlack:hover{border:1px solid #000;padding:0;}input.jxHexInput{width:55px;vertical-align:middle;}input.jxAlphaInput{width:30px;vertical-align:middle;}div.jxColorPreview{float:left;position:relative;width:20px;height:20px;border:1px solid #000;margin:2px;vertical-align:middle;background-image:url('images/grid.png');overflow:hidden;}a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch{display:block;float:left;width:14px;height:14px;border:1px solid #000;background-image:url('images/grid.png');background-position:0 0;background-repeat:repeat;padding-right:0!important;}a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch span{display:block;width:14px;height:14px
 ;position:absolute;padding-right:0;background:none;}div.jxColorPreview img{position:absolute;z-index:0;}div.jxColorPreview div{width:20px;height:10px;position:absolute;display:block;left:0;z-index:1;font-size:10px;line-height:0;}div.jxColorPreview div.jxColorSelected{top:0;}div.jxColorPreview div.jxColorHover{bottom:0;}label.jxColorLabel,label.jxAlphaLabel{width:auto;font-family:Arial,sans-serif;font-size:11px;line-height:24px;padding:2px;vertical-align:middle;}a.jxColorClose{position:absolute;top:0;right:0;width:16px;height:16px;}a.jxColorClose img{width:16px;height:16px;}a{outline:none;}.jxClearer{display:block;position:relative;float:none;clear:both;font-size:0;line-height:0;width:0;height:0;margin:0;padding:0;}.jxDisabled{opacity:.4;-ms-filter:"Alpha(opacity=40)";}.jxDisabled *{-ms-filter:"Alpha(opacity=40)";}iframe.jxIframeShim{position:absolute;top:0;left:0;width:100%;height:100%;-ms-filter:"Alpha(opacity:0)";opacity:0;z-index:-1;}.jxDialog .jxChrome{background-image:u
 rl(images/dialog_chrome.png);}.jxDialog .jxChrome img{width:500px;height:500px;}.jxDialog{display:block;z-index:1000;}.jxDialogContentContainer{z-index:1;margin:0 11px 16px 11px;border:none;background-color:#f0f0f0;}.jxDialogModal{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.2;-ms-filter:"Alpha(opacity=20)";}.jxDialogContent{display:block;position:relative;overflow:auto;padding:0;z-index:1;}.jxDialogTitle{display:block;position:relative;background-image:url(images/a_pixel.png);text-align:center;height:16px;z-index:1;margin:10px 10px 0 10px;}.jxDialogMin .jxDialogTitle{margin-bottom:8px;}.jxDialogMoveable{cursor:move;}.jxDialogIcon{position:absolute;left:10px;top:0;width:16px;height:16px;border:none;padding:0;margin:0;}.jxDialogLabel{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-height:15px;color:#000;white-space:nowrap;}.jxDialogResize{position:absolute;bottom:7px;right:6px;width:16px
 ;height:16px;z-index:2;border:0;cursor:se-resize;background-image:url(images/dialog_resize.png);}.jxDialogControls{position:absolute;top:0;right:2px;height:16px;width:80px;}.jxDialogControls img{background-image:url('images/dialog_controls.png');background-repeat:no-repeat;border:0;margin:0;width:16px;height:16px;}.jxDialogClose img{background-position:0 -32px;}.jxDialogMenu img{background-position:0 -48px;}.jxDialogHelp img{background-position:0 -64px;}.jxDialogCollapse img{background-position:0 -16px;}.jxDialogMin .jxDialogCollapse img{background-position:0 0;}.jxDialogMax .jxDialogCollapse img{background-position:0 -16px;}.jxDialogLoading img{border:0;margin:0;width:16px;height:16px;visibility:hidden;position:absolute;top:1px;left:2px;}.jxDialogControls .jxButtonContainer,.jxDialogControls span.jxButtonContent,.jxDialogControls a.jxButton:hover span.jxButtonContent,.jxDialogControls a.jxButton:active span.jxButtonContent,.jxDialogControls a.jxButtonActive span.jxButtonCon
 tent,.jxDialogControls a.jxButtonActive:hover span.jxButtonContent,.jxDialogControls a.jxButtonActive:active span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton:hover span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton:active span.jxButtonContent,.jxDialogControls a.jxButton,.jxDialogControls a.jxButton:hover,.jxDialogControls a.jxButton:active,.jxDialogControls a.jxButtonActive,.jxDialogControls a.jxButtonActive:hover,.jxDialogControls a.jxButtonActive:active,.jxDialogControls .jxDisabled a.jxButton,.jxDialogControls .jxDisabled a.jxButton:hover,.jxDialogControls .jxDisabled a.jxButton:active{padding:0;margin:0;border:none;background-color:transparent;background-image:none;}.jxDialogControls a.jxButtonMenu span.jxButtonContent,.jxDialogControls a.jxButtonFlyout span.jxButtonContent{background-image:none;}.jxDialogControls a.jxButtonMenu span.jxButtonContent span,.jxDialogControls a.jxButtonFly
 out span.jxButtonContent span{padding-right:0;}.jxDialogControls .jxBarContainer{position:absolute;right:0;background-image:none;background-color:transparent;margin:0;padding:0;border:none;height:16px;}.jxDialogControls .jxBarScroller{left:auto;right:0;}.jxDialogControls ul.jxToolbar{float:right;}.jxDialogControls ul.jxToolbar,.jxDialogControls li.jxToolItem{background-image:none;background-color:transparent;margin:0;padding:0;border:none;}.jxGridContainer{position:absolute;top:0;left:0;border-left:0 solid #d8d8d8;border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;overflow:hidden;}.jxGridTable{position:relative;table-layout:fixed;border-collapse:collapse;border-style:none;width:0;cursor:default;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:normal;}.jxGridColHeadHide{height:0;line-height:0;font-size:0;background-color:#fff;white-space:normal;}.jxGridColHeadHide p,.jxGridRowHeadHide p{font-size:0;line-height:0;
 height:0;margin:0;padding:0;}.jxGridRowHeadHide{width:0;white-space:normal;}.jxGridCell{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;overflow:hidden;padding-left:3px;padding-right:3px;overflow:hidden;white-space:nowrap;cursor:cell;text-overflow:ellipsis;}.jxGridColHead{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;background-color:#f2f2f2;background-image:url('images/table_col.png');background-position:0 0;background-repeat:repeat-x;text-align:center;font-weight:bold;color:#333;cursor:default;}.jxGridRowHead{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;background-color:#f2f2f2;background-image:url('images/table_row.png');background-position:0 0;background-repeat:repeat-y;text-align:center;font-weight:bold;color:#333;cursor:default;}.jxGridRowAll{background-colo
 r:#fff;}.jxGridColumnHeaderSelected{background-color:#e1e1e1;background-position:0 -200px;}.jxGridRowHeaderSelected{background-color:#e1e1e1;background-position:-400px 0;}.jxGridColumnSelected{background-color:#f7f7f7;}.jxGridRowSelected td{background-color:#f7f7f7;}td.jxGridCellSelected{background-color:#ebebeb;}.jxGridColumnHeaderPrelight{background-color:#cee5ff;background-position:0 -300px;}.jxGridRowHeaderPrelight{background-color:#cee5ff;background-position:-600px 0;}.jxGridColumnPrelight{background-color:#e5f1ff;}.jxGridRowPrelight td{background-color:#e5f1ff;}td.jxGridCellPrelight{background-color:#cce3ff;}.jxMenuContainer .jxChrome{background-image:url(images/flyout_chrome.png);padding:10px;}a.jxButtonMenu span.jxMenuItemSpan{padding-right:16px;}.jxMenuContainer{position:absolute;display:block;z-index:200;padding:0;}ul.jxMenu,ul.jxSubMenu{display:block;position:relative;list-style-type:none;margin:10px;background-color:#fff;border:1px solid #999;}li.jxMenuItemContai
 ner{display:block;position:relative;margin:0;padding:0;}a.jxMenuItem{display:block;position:relative;text-decoration:none;border:1px solid #fff;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none;margin:2px 2px;padding:0;color:#000;}a.jxMenuItem:hover{border:1px solid #E0E0E0;background-image:url(images/menu_hover.png);background-color:#E0E0E0;background-repeat:repeat-x;background-position:0 0;}a.jxMenuItem:hover span.jxMenuItemContent{border:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;}span.jxMenuItemContent{display:block;position:relative;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0;line-height:0;white-space:nowrap;padding:0 20px 0 0;margin:0;border:1px solid #fff;}a.jxButtonSubMenu span.jxMenuItemContent,a.jxButtonSubMenu:hover span.jxMenuItemContent{background-image:url(images/emblems.png);background-position:right -32px;background-repeat:no-repeat;}img.jxMenuItemIcon{position:absolute;top:0;left:0;display:inline;width:1
 6px;height:16px;background-position:left center;background-repeat:no-repeat;}span.jxMenuItemContent span{display:block;position:relative;cursor:pointer;margin:0;padding:0 0 0 20px;font-size:16px;line-height:16px;}span.jxMenuItemContent span.jxMenuItemLabel{color:#000;font-size:11px;}.jxMenuItemToggle img.jxMenuItemIcon,.jxMenuItemSet img.jxMenuItemIcon{background-image:url(images/emblems.png);background-position:2px 0;background-repeat:no-repeat;}.jxMenuItemToggle a.jxMenuItemActive img.jxMenuItemIcon{background-position:2px -48px;}.jxMenuItemSet a.jxMenuItemActive img.jxMenuItemIcon{background-position:2px -64px;}a.jxMenuItemActive img.jxMenuItemIcon{top:-2px;left:-2px;padding:0;border:2px solid #ccc;}a.jxMenuItemActive span.jxMenuItemContent{background-image:url(images/menu_icon_active.png);background-position:0 0;background-repeat:no-repeat;}.jxDisabled a.jxMenuItem{cursor:default;}.jxDisabled a.jxMenuItem:hover{background-color:#fff;background-image:none;border:1px solid
  #fff;}ul.jxMenu span.jxMenuSeparator,ul.jxSubMenu span.jxMenuSeparator{display:block;font-size:10px;line-height:10px;background-image:url(images/toolbar_separator_v.png);background-repeat:repeat-x;background-position:left center;}.jxPanel{display:block;position:relative;}.jxPanelContentContainer{overflow:hidden;background-image:url(images/panelBackround.png);background-repeat:repeat-x;background-position:left bottom;background-color:#f0f0f0;}.jxPanelContent{position:relative;display:block;overflow:auto;margin:0;padding:0;background-color:none;}.jxPanelTitle{display:block;position:relative;background-image:url(images/panelbar.png);background-repeat:repeat-x;background-position:left top;height:24px;margin:0;padding:0;text-align:left;}.jxPanelBar{position:absolute;line-height:1px;width:100%;cursor:row-resize;background-color:none;z-index:1;}.jxPanelIcon{display:none;position:absolute;left:2px;top:3px;width:16px;height:16px;border:none;padding:0;margin:0;}.jxPanelLabel{padding-
 left:20px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-height:21px;color:#fff;white-space:nowrap;}.jxPanelControls{position:absolute;top:2px;left:2px;height:16px;width:16px;overflow:hidden;}.jxPanelControls img{background-image:url('images/panel_controls.png');background-repeat:no-repeat;border:0;margin:0;width:16px;height:16px;}.jxPanelClose img{background-position:0 -32px;}.jxPanelMenu img{background-position:0 -48px;}.jxPanelHelp img{background-position:0 -64px;}.jxPanelCollapse img{background-position:0 -16px;}.jxPanelMin .jxPanelCollapse img{background-position:0 0;}.jxPanelMax .jxPanelCollapse img{background-position:0 -16px;}.jxPanelMaximize img{background-position:0 0;}.jxPanelLoading img{border:0;margin:0;width:16px;height:16px;visibility:hidden;position:absolute;top:1px;left:2px;}.jxPanelControls .jxButtonContainer,.jxPanelControls span.jxButtonContent,.jxPanelControls a.jxButton:hover span.jxButtonContent,.jxPanelControls a.j
 xButton:active span.jxButtonContent,.jxPanelControls a.jxButtonActive span.jxButtonContent,.jxPanelControls a.jxButtonActive:hover span.jxButtonContent,.jxPanelControls a.jxButtonActive:active span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton:hover span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton:active span.jxButtonContent,.jxPanelControls a.jxButton,.jxPanelControls a.jxButton:hover,.jxPanelControls a.jxButton:active,.jxPanelControls a.jxButtonActive,.jxPanelControls a.jxButtonActive:hover,.jxPanelControls a.jxButtonActive:active,.jxPanelControls .jxDisabled a.jxButton,.jxPanelControls .jxDisabled a.jxButton:hover,.jxPanelControls .jxDisabled a.jxButton:active{padding:0;margin:0;border:none;background-color:transparent;background-image:none;}.jxPanelControls a.jxButtonMenu span.jxButtonContent,.jxPanelControls a.jxButtonFlyout span.jxButtonContent{background-image:none;}.jxPanelControls a.j
 xButtonMenu span.jxButtonContent span,.jxPanelControls a.jxButtonFlyout span.jxButtonContent span{padding-right:0;}.jxPanelControls div.jxBarTop{position:absolute;right:0;background-image:none;background-color:transparent;margin:0;padding:0;border:none;height:16px;}.jxPanelControls .jxBarScroller{left:auto;right:0;}.jxPanelControls ul.jxToolbar{float:right;}.jxPanelControls ul.jxToolbar,.jxPanelControls li.jxToolItem{background-image:none;background-color:transparent;margin:0;padding:0;border:none;}html{height:100%;overflow:hidden;}body{width:100%;height:100%;overflow:hidden;background-image:url(images/backgroundTile.png);background-repeat:repeat-x;background-color:#777;background-position:bottom;}body,table{font-style:normal;font-weight:normal;font-size:75%;font-family:Verdana,Arial,Helvetica,sans-serif;color:#000;}#Map{border:1px solid #3a3a3a;background-color:#efefef;overflow:hidden;position:absolute;z-index:1;}.olMapViewport{z-index:1;}#Maptip{display:none;border:1px sol
 id #000;background-color:#E5DAC7;padding:4px;}#Toolbar{position:absolute;display:block;top:0;z-index:2;background-image:url(images/toolbarBackground.png);height:24px;}#ToolbarLeft{position:absolute;left:0;top:0;width:2px;height:24px;background-image:url(images/toolbarLeft.png);background-repeat:no-repeat;z-index:3;}#ToolbarRight{position:absolute;right:0;top:0;width:2px;height:24px;background-image:url(images/toolbarRight.png);background-repeat:no-repeat;z-index:3;}#Toolbar div.jxButtonContainer{padding:1px 2px 1px 2px;}#Toolbar a.jxButton{padding:0 0 0 4px;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonContent{padding:3px 4px 3px 0;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonLabel{color:#fff;padding-top:0;padding-bottom:0;}#ToolbarSecondary{position:absolute;display:block;top:24px;height:24px;background-image:url(images/toolbarSubBackground.png);background-position:bottom;z-index:2;}#ToolbarSecondaryLeft{position:absolute;lef
 t:0;top:24px;width:2px;height:24px;background-image:url(images/toolbarSubLeft.png);background-repeat:no-repeat;background-position:bottom;z-index:3;}#ToolbarSecondaryRight{position:absolute;right:0;top:24px;width:2px;height:24px;background-image:url(images/toolbarSubRight.png);background-repeat:no-repeat;background-position:bottom;z-index:3;}#ToolbarSecondary div.jxButtonContainer{padding:0 2px 1px 2px;}#ToolbarSecondary a.jxButton{padding:0 0 0 4px;background-image:url(images/toolbarSubButton.png);}#ToolbarSecondary span.jxButtonContent{padding:4px 4px 3px 0;background-image:url(images/toolbarSubButton.png);}#ToolbarSecondary span.jxButtonLabel{padding-top:0;padding-bottom:0;}#FileMenu{position:absolute;display:block;left:0;height:24px;background-image:url(images/fileMenuBackground.png);z-index:2;}#FileMenuLeft{position:absolute;left:0;top:0;width:2px;height:24px;background-image:url(images/fileMenuLeft.png);background-repeat:no-repeat;z-index:3;}#FileMenuRight{position:abs
 olute;right:0;top:0;width:2px;height:24px;background-image:url(images/fileMenuRight.png);background-repeat:no-repeat;z-index:3;}#FileMenu div.jxButtonContainer{padding:1px 2px 1px 2px;}#FileMenu a.jxButton{padding:0 0 0 4px;background-image:url(images/fileMenuButton.png);}#FileMenu span.jxButtonContent{padding:2px 4px 2px 0;background-image:url(images/fileMenuButton.png);}#FileMenu span.jxButtonLabel{color:#fff;padding:0 4px 0 4px;background-image:none;}#ToolbarContainer li.jxToolItem .separator,#FileMenuContainer li.jxToolItem .separator{padding:4px;}#ToolbarContainer .jxBarTop li.jxToolItem span.separator,#ToolbarContainer .jxBarBottom li.jxToolItem span.separator,#FileMenuContainer .jxBarTop li.jxToolItem span.separator,#FileMenuContainer .jxBarBottom li.jxToolItem span.separator{width:8px;height:16px;}#ToolbarContainer .jxBarLeft li.jxToolItem span.separator,#Toolbarcontainer .jxBarRight li.jxToolItem span.separator,#FileMenuContainer .jxBarLeft li.jxToolItem span.separa
 tor,#FileMenuContainer .jxBarRight li.jxToolItem span.separator{width:16px;height:8px;}#ToolbarContainer a.jxButtonMenu span.jxButtonContent span,#ToolbarContainer a.jxButtonFlyout span.jxButtonContent span,#ToolbarContainer a.jxButtonMulti span.jxButtonContent span,#ToolbarContainer a.jxButtonCombo span.jxButtonContent span,#ToolbarContainer a.jxButtonEditCombo span.jxButtonContent span{background-image:url(images/emblems_alt.png);}#StatusbarContainer{background-image:url(images/statusBarBackground.png);background-repeat:repeat-x;background-color:#fff;color:#fff;line-height:21px;font-size:10px;vertical-align:middle;}#Statusbar .jxSplitBarHorizontal{width:1px;background-color:#313131;cursor:'col-resize';margin-top:5px;height:13px;}#Statusbar .spanCursorPosition,#Statusbar .spanViewSize,#Statusbar .spanSelectionInfo{padding:4px 10px;}.inputEditableScale{font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#fff;background-color:#aaa;border:1px solid #ccc;}#Statu
 sNavigator{position:absolute;right:139px;padding-top:2px;}#pbmg{position:absolute;right:0;padding-top:2px;}#StatusbarContainer .jxButtonContainer,#StatusbarContainer span.jxButtonContent,#StatusbarContainer a.jxButton:hover span.jxButtonContent,#StatusbarContainer a.jxButton:active span.jxButtonContent,#StatusbarContainer a.jxButtonActive span.jxButtonContent,#StatusbarContainer a.jxButtonActive:hover span.jxButtonContent,#StatusbarContainer a.jxButtonActive:active span.jxButtonContent,#StatusbarContainer .jxDisabled a.jxButton span.jxButtonContent,#StatusbarContainer .jxDisabled a.jxButton:hover span.jxButtonContent,#StatusbarContainer .jxDisabled a.jxButton:active span.jxButtonContent,#StatusbarContainer a.jxButton,#StatusbarContainer a.jxButton:hover,#StatusbarContainer a.jxButton:active,#StatusbarContainer a.jxButtonActive,#StatusbarContainer a.jxButtonActive:hover,#StatusbarContainer a.jxButtonActive:active,#StatusbarContainer .jxDisabled a.jxButton,#StatusbarContainer 
 .jxDisabled a.jxButton:hover,#StatusbarContainer .jxDisabled a.jxButton:active{padding:0;margin:0;border:none;background-color:transparent;background-image:none;}#Sidebar{position:absolute;top:26px;bottom:24px;width:218px;left:0;overflow:hidden;display:block;padding-right:8px;}#Sidebar .jxSplitContainer{border-right:1px solid #3A3A3A;}#Sidebar .jxSplitArea{border-left:1px solid #3A3A3A;border-bottom:1px solid #3A3A3A;}#Sidebar .jxPanelTitle{background-position:2px 0;height:24px;margin:0 0 0 2px;}#Sidebar .jxPanelBar{height:24px;background-image:url(images/panelBarLeft.png);background-repeat:no-repeat;background-position:left 0;background-color:none;}#SidebarCollapse{position:absolute;width:8px;top:0;right:0;height:100%;z-index:1;overflow:hidden;}#SidebarCollapseContent{position:absolute;width:8px;height:100%;background:url(images/sidebarCollapseBackground.png) repeat-y #000;top:-2px;z-index:1;}#SidebarCollapseTop{position:absolute;height:2px;width:8px;top:0;background:url(im
 ages/sidebarCollapseTop.png) no-repeat;z-index:2;}#SidebarCollapseBottom{position:absolute;height:2px;width:8px;bottom:0;background:url(images/sidebarCollapseBottom.png) no-repeat;z-index:2;}#SidebarCollapseButton{display:block;width:8px;top:0;bottom:0;left:0;right:0;position:absolute;height:100%;font-size:1px;}.jxSnapOpened #SidebarCollapseButton{background:url(images/sidebarCloseButton.png) center no-repeat;}.jxSnapClosed #SidebarCollapseButton{background:url(images/sidebarOpenButton.png) center no-repeat;}#Navigator{right:10px;top:10px;display:block;}.jxSplitBarHorizontal{display:block;position:absolute;font-size:0;line-height:0;margin:0;padding:0;border:none;width:2px;height:100%;cursor:col-resize;background-image:url(images/a_pixel.png);background-color:none;z-index:1;}.jxSplitBarVertical{display:block;position:absolute;font-size:0;line-height:0;margin:0;padding:0;border:none;width:100%;height:2px;cursor:row-resize;background-image:url(images/a_pixel.png);background-col
 or:none;z-index:1;}.jxSplitContainer{display:block;position:relative;margin:0;padding:0;border:none;overflow:hidden;}.jxSplitArea{display:block;position:absolute;margin:0;padding:0;border:none;overflow:hidden;z-index:0;}.jxSplitterMask{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-image:url(images/a_pixel.png);z-index:1;}.jxSplitBarDrag{background-color:#eee;}.jxSnapHorizontalBefore{width:5px;height:5px;position:absolute;top:0;left:0;background-color:#aaa;}.jxSnapHorizontalAfter{width:5px;height:5px;position:absolute;top:0;left:0;background-color:#aaa;}.jxTabSetContainer{position:relative;display:block;overflow:hidden;width:200px;height:200px;margin:0;padding:0;background-color:#fff;}.jxTabSetContainer .jxToolbarContainer{z-index:auto;}.tabContent{display:none;position:relative;width:100%;height:100%;overflow:auto;}.tabContentActive{display:block;}div.jxTabContainer{display:block;position:relative;margin:0;padding:2px;border:none;}a.jxTabCl
 ose{display:block;position:absolute;cursor:pointer;}a.jxTabClose img{width:16px;height:16px;background-image:url(images/tab_close.png);}a.jxTab{display:block;position:relative;margin:0;padding:0;border:none;background-repeat:no-repeat;text-decoration:none;color:#000;}.jxDisabled a.jxButton{cursor:default;}a.jxTab:hover,a.jxTab:active,a.jxTabActive,a.jxTabActive:hover,a.jxTabActive:active,.jxDisabled a.jxButton:hover,.jxDisabled a.jxButton:active{border:none;}span.jxTabContent{display:block;font-size:0;line-height:0;margin:0;padding:0;background-repeat:no-repeat;}img.jxTabIcon{position:relative;width:16px;height:16px;background-position:center center;background-repeat:no-repeat;}span.jxTabLabel{display:block;position:relative;cursor:pointer;margin:0;padding:0;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:16px;}.jxBarTop div.jxTabContainer,.jxBarBottom div.jxTabContainer{float:left;}.jxBarTop a.jxTab,.jxBarTop span.jxTabContent{background
 -image:url(images/tab_top.png);}.jxBarBottom a.jxTab,.jxBarBottom span.jxTabContent{background-image:url(images/tab_bottom.png);}.jxBarTop a.jxTabClose,.jxBarBottom a.jxTabClose{top:3px;right:3px;}.jxBarTop .jxTabClose span.jxTabContent,.jxBarBottom .jxTabClose span.jxTabContent{padding-right:16px;}.jxBarTop a.jxTab,.jxBarBottom a.jxTab{float:left;padding-left:4px;background-position:left -24px;}.jxBarTop span.jxTabContent,.jxBarBottom span.jxTabContent{float:left;padding:4px 4px 4px 0;background-position:right -24px;}.jxBarTop a.jxTab:hover,.jxBarBottom a.jxTab:hover{background-position:left -96px;}.jxBarTop a.jxTab:hover span.jxTabContent,.jxBarBottom a.jxTab:hover span.jxTabContent{background-position:right -96px;}.jxBarTop a.jxTab:active,.jxBarBottom a.jxTab:active{background-position:left -48px;}.jxBarTop a.jxTab:active span.jxTabContent,.jxBarBottom a.jxTab:active span.jxTabContent{background-position:right -48px;}.jxBarTop a.jxTabActive,.jxBarBottom a.jxTabActive{back
 ground-position:left -72px;}.jxBarTop a.jxTabActive span.jxTabContent,.jxBarBottom a.jxTabActive span.jxTabContent{background-position:right -72px;}.jxBarTop .jxDisabled a.jxTab:hover,.jxBarTop .jxDisabled a.jxTab:active,.jxBarBottom .jxDisabled a.jxTab:hover,.jxBarBottom .jxDisabled a.jxTab:active{background-position:left -24px;}.jxBarTop .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarTop .jxDisabled a.jxTab:active span.jxTabContent,.jxBarBottom .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarBottom .jxDisabled a.jxTab:active span.jxTabContent{background-position:right -24px;}.jxBarTop img.jxTabIcon,.jxBarBottom img.jxTabIcon{float:left;}.jxBarTop span.jxTabLabel,.jxBarBottom span.jxTabLabel{float:left;height:16px;padding:0 4px 0 4px;}.jxBarLeft a.jxTab,.jxBarLeft span.jxTabContent{background-image:url(images/tab_left.png);}.jxBarRight a.jxTab,.jxBarRight span.jxTabContent{background-image:url(images/tab_right.png);}.jxBarLeft a.jxTabClose,.jxBarRight a.jxTabClose{top:
 3px;left:3px;}.jxBarLeft .jxTabClose span.jxTabContent,.jxBarRight .jxTabClose span.jxTabContent{padding-top:16px;}.jxBarLeft a.jxTab,.jxBarRight a.jxTab{padding-top:4px;background-position:-24px top;}.jxBarLeft span.jxTabContent,.jxBarRight span.jxTabContent{padding:0 4px 4px 4px;background-position:-24px bottom;}.jxBarLeft a.jxTab:hover,.jxBarRight a.jxTab:hover{background-position:-96px top;}.jxBarLeft a.jxTab:hover span.jxTabContent,.jxBarRight a.jxTab:hover span.jxTabContent{background-position:-96px bottom;}.jxBarLeft a.jxTab:active,.jxBarRight a.jxTab:active{background-position:-48px top;}.jxBarLeft a.jxTab:active span.jxTabContent,.jxBarRight a.jxTab:active span.jxTabContent{background-position:-48px bottom;}.jxBarLeft a.jxTabActive,.jxBarRight a.jxTabActive{background-position:-72px top;}.jxBarLeft a.jxTabActive span.jxTabContent,.jxBarRight a.jxTabActive span.jxTabContent{background-position:-72px bottom;}.jxBarLeft .jxDisabled a.jxTab:hover,.jxBarLeft .jxDisabled 
 a.jxTab:active,.jxBarRight .jxDisabled a.jxTab:hover,.jxBarRigth .jxDisabled a.jxTab:active{background-position:-24px top;}.jxBarLeft .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarLeft .jxDisabled a.jxTab:active span.jxTabContent,.jxBarRight .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarRight .jxDisabled a.jxTab:active span.jxTabContent{background-position:-24px bottom;}.jxBarLeft span.jxTabLabel,.jxBarRight span.jxTabLabel{padding:4px 0 4px 0;}.jxBarContainer{display:block;position:relative;z-index:1;overflow:hidden;margin:0;padding:0;border:0;background-color:#f0f0f0;}.jxBarTop,.jxBarBottom{width:100%;height:28px;background-image:url(images/toolbar.png);background-repeat:repeat-x;background-position:0 0;overflow:hidden;}.jxTabBox .jxBarTop{background-image:url(images/tabbar.png);background-position:0 bottom;}.jxTabBox .jxBarBottom{background-image:url(images/tabbar_bottom.png);background-position:0 top;}.jxBarLeft,.jxBarRight{width:auto;height:100%;background-image
 :url(images/toolbar.png);background-repeat:repeat-x;background-position:0 0;float:left;overflow:hidden;}.jxTabBox .jxBarLeft{background-image:url(images/tabbar_left.png);background-repeat:repeat-y;background-position:right 0;}.jxTabBox .jxBarRight{background-image:url(images/tabbar_right.png);background-repeat:repeat-y;background-position:left 0;}.jxBarTop .jxBarScroller,.jxBarBottom .jxBarScroller{position:absolute;width:10000%;overflow:hidden;}.jxBarTop .jxBarScrollLeft,.jxBarBottom .jxBarScrollLeft{position:absolute;top:0;left:0;}.jxBarTop .jxBarScrollRight,.jxBarBottom .jxBarScrollRight{position:absolute;top:0;right:0;}.jxBarTop .jxBarScrollLeft img.jxButtonIcon,.jxBarBottom .jxBarScrollLeft img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -80px;}.jxBarTop .jxBarScrollRight img.jxButtonIcon,.jxBarBottom .jxBarScrollRight img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -96px;}ul.jxToolbar,ul.jxTabBar{display:b
 lock;position:relative;float:left;list-style-type:none;margin:0;padding:0;border:none;}li.jxToolItem{display:block;position:relative;float:left;font-size:0;line-height:0;padding:0;margin:0;border:none;}li.jxToolItem .separator{display:block;position:relative;float:left;font-size:0;line-height:0;border:0;margin:0;padding:4px;background-repeat:no-repeat;background-position:center center;}.jxBarTop li.jxToolItem span.separator,.jxBarBottom li.jxToolItem span.separator{width:8px;height:20px;background-image:url(images/toolbar_separator_h.png);}.jxBarLeft li.jxToolItem span.separator,.jxBarRight li.jxToolItem span.separator{width:20px;height:8px;background-image:url(images/toolbar_separator_v.png);}.jxBarLeft ul.jxToolbar,.jxBarLeft ul.jxTabBar,.jxBarLeft li.jxToolItem,.jxBarRight ul.jxToolbar,.jxBarRight ul.jxTabBar,.jxBarRight li.jxToolItem{clear:both;}.jxTree,.jxTreeRoot{position:relative;display:block;list-style:none;margin:0;padding:0;}.jxTreeNest{list-style:none;margin:0;pa
 dding:0;background-repeat:repeat-y;background-position:left top;}.jxTree li,.jxTreeRoot li{overflow:hidden;position:relative;display:block;margin:0;padding:0;background-repeat:no-repeat;background-position:left top;white-space:nowrap;font-size:0;line-height:0;}.jxTree li{margin-left:16px;}.jxTree a,.jxTreeRoot a{position:relative;display:block;margin:0 0 0 14px;padding:0 0 0 20px;z-index:0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#000;text-decoration:none;line-height:20px;height:20px;}.jxTree a:hover,.jxTreeRoot a:hover{background-image:url(images/tree_hover.png);background-color:#CDE5FF;background-repeat:repeat-x;background-position:0 0;}.jxDisabled .jxTree a:hover,.jxDisabled .jxTreeRoot a:hover{background:none;cursor:default;}.jxTreeNest{background-image:url(images/tree_vert_line.png);}.jxTreeImage,.jxTreeIcon{position:absolute;display:inline;left:0;top:0;width:16px;height:20px;z-index:1;background-image:url(images/tree.png);background-repeat:no
 -repeat;border:0;margin:0;}.jxTreeIcon{height:16px;left:2px;top:2px;}.jxTreeBranchOpen .jxTreeIcon,.jxTreeBranchLastOpen .jxTreeIcon{background-position:left -40px;}.jxTreeBranchLastOpen .jxTreeImage{background-position:left -160px;}.jxTreeBranchOpen .jxTreeImage{background-position:left -100px;}.jxTreeBranchClosed .jxTreeIcon,.jxTreeBranchLastClosed .jxTreeIcon{background-position:left -20px;}.jxTreeBranchLastClosed .jxTreeImage{background-position:left -140px;}.jxTreeBranchClosed .jxTreeImage{background-position:left -80px;}.jxTreeItem .jxTreeIcon,.jxTreeItemLast .jxTreeIcon{background-position:left 0;}.jxTreeItem .jxTreeImage{background-position:left -60px;}.jxTreeItemLast .jxTreeImage{background-position:left -120px;}.jxTreeItemSelected{background-color:#AFD4FA;font-weight:bold;}.jxTreeItem a,.jxTreeItem img,.jxTreeItem input,.jxTreeItemLast a,.jxTreeItemLast img,.jxTreeItemLast input,.jxTreeBranch a,.jxTreeBranch img,.jxTreeBranch input,.jxTreeBranchLast a,.jxTreeBranch
 Last img,.jxTreeBranchLast input{vertical-align:middle;}

Deleted: trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/jxtheme.uncompressed.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/jxtheme.uncompressed.css	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/jxtheme.uncompressed.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -1,2717 +0,0 @@
-/*
-Copyright (c) 2006, Yahoo! Inc. All rights reserved.
-Code licensed under the BSD License:
-http://developer.yahoo.net/yui/license.txt
-version: 0.11.0
-*/
-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;}
-table{border-collapse:collapse;border-spacing:0;}
-fieldset,img{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:'';}/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* BUTTON STYLES */
-/* ============= */
-/* jxButtons consist of an A, containing a SPAN, which contains an image.
-   Buttons can use the sliding door technique with background images to horizontally
-   accomodate icons with labels. */
-
-div.jxButtonContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-
-  margin: 0px;
-  padding: 2px;
-  border: none;
-}
-
-/* normal button */
-
-a.jxButton {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-
-  /* Using background images, the A contains the left side of the background */
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  border: none;
-  background-image: url(images/button.png);
-  background-position: left -24px;
-  background-repeat: no-repeat;
-  text-decoration: none;
-}
-
-ul.jxToolbar a.jxButton {
-  background-position: left top;
-}
-
-span.jxButtonContent {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  /* Using background images, the SPAN contains the right side of the background */
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 4px 4px 4px 0px; /* makes room for the right of the button bg */
-  border: none;
-  background-image: url(images/button.png);
-  background-position: right -24px;
-  background-repeat: no-repeat;
-}
-
-ul.jxToolbar span.jxButtonContent {
-  background-position: right top;
-}
-
-/* hover button */
-ul.jxToolbar a.jxButton:hover,
-a.jxButton:hover {
-  background-position: left -96px;
-}
-
-a.jxButton:hover span.jxButtonContent {
-  background-position: right -96px;
-}
-
-/* active button */
-ul.jxToolbar a.jxButtonActive,
-a.jxButtonActive {
-  background-position: left -72px;
-}
-
-a.jxButtonActive span.jxButtonContent {
-  background-position: right -72px;
-}
-
-/* hover active button */
-ul.jxToolbar a.jxButton:hover,
-a.jxButtonActive:hover {
-  background-position: left -96px;
-}
-
-a.jxButtonActive:hover span.jxButtonContent {
-  background-position: right -96px;
-}
-
-/* clicking button */
-ul.jxToolbar a.jxButton:active,
-ul.jxToolbar a.jxButtonActive:active,
-a.jxButton:active,
-a.jxButtonActive:active {
-  background-position: left -48px;
-}
-
-a.jxButton:active span.jxButtonContent,
-a.jxButtonActive:active span.jxButtonContent {
-  background-position: right -48px;
-}
-
-/* disabled buttons */
-
-ul.jxToolbar .jxDisabled a.jxButton,
-.jxDisabled a.jxButton {
- cursor: default;
-}
-
-/* hover and active disabled button */
-ul.jxToolbar .jxDisabled a.jxButton:hover,
-ul.jxToolbar .jxDisabled a.jxButton:active {
-  background-position: left top;
-}
-
-.jxDisabled a.jxButton:hover,
-.jxDisabled a.jxButton:active {
-  background-position: left -24px;
-}
-
-ul.jxToolbar .jxDisabled a.jxButton:hover span.jxButtonContent,
-ul.jxToolbar .jxDisabled a.jxButton:active span.jxButtonContent {
-  background-position: right top;
-}
-
-.jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxDisabled a.jxButton:active span.jxButtonContent {
-  background-position: right -24px;
-}
-
-img.jxButtonIcon {
-  /* Base setup */
-  position: relative;
-  float: left;
-
-  width: 16px;
-  height: 16px;
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-
-span.jxButtonContent span {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  cursor: pointer;
-
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  line-height: 16px;
-  height: 16px;
-  white-space: nowrap;
-}
-
-span.jxButtonContent span.jxButtonLabel {
-  margin: 0px;
-  padding: 0 4px 0 4px;
-  color: #000;
-  font-size: 11px;
-}
-
-/* ========================== */
-/* JX BUTTON EXTENSION STYLES */
-/* ========================== */
-
-a.jxButtonMenu span.jxButtonContent,
-a.jxButtonMulti span.jxButtonContent,
-a.jxButtonFlyout span.jxButtonContent,
-a.jxButtonCombo span.jxButtonContent,
-a.jxButtonEditCombo span.jxButtonContent {
-  padding-right: 0px;
-}
-
-a.jxButtonMenu span.jxButtonContent span,
-a.jxButtonFlyout span.jxButtonContent span,
-a.jxButtonMulti span.jxButtonContent span,
-a.jxButtonCombo span.jxButtonContent span,
-a.jxButtonEditCombo span.jxButtonContent span {
-  padding-right: 16px;
-  background-image: url(images/emblems.png);
-  background-position: right -16px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose {
-  position: absolute;
-  display: block;
-  padding: 4px 0px;
-  font-size: 0px;
-  line-height: 0px;
-  right: 2px;
-  top: 2px;
-  background-image: url(images/button_multi_disclose.png);
-  background-position: right 0px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose img {
-  width: 16px;
-  height: 16px;
-  margin: 0px;
-  padding: 0px;
-  border: 0px;
-  background-image: url(images/emblems.png);
-  background-position: right -16px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose:hover {
-  background-position: right -96px;
-}
-
-a.jxButtonDisclose:active {
-  background-position: right -48px;
-}
-
-/* note, jxButtonHover is set by Multi button JS */
-ul.jxToolbar a.jxButtonHover {
-  background-position: left -24px;
-}
-
-ul.jxToolbar a.jxButtonHover span.jxButtonContent {
-  background-position: right -24px;
-}
-
-
-/* Jx Flyout Styles */
-
-.jxFlyout .jxChrome {
-  background-image: url(images/flyout_chrome.png);
-  padding: 10px;
-}
-
-.jxFlyout {
-  /* Base setup */
-  position: absolute;
-  display: block;
-  z-index: 100;
-
-  margin: 0px;
-  padding: 0px;
-}
-
-.jxFlyoutContent {
-  position: relative;
-  display: block;
-  overflow: auto;
-  margin: 10px;
-  background-color: #fff;
-  border: 1px solid #999;
-}
-
-/* Jx Combo and Multi Button Styles */
-
-a.jxButtonMulti,
-a.jxButtonMulti span.jxButtonContent {
-  background-image: url(images/button_multi.png);
-}
-
-a.jxButtonEditCombo,
-a.jxButtonEditCombo span.jxButtonContent {
-  background-image: url(images/button_combo.png);
-}
-
-a.jxButtonEditCombo span.jxButtonContent {
-/* put 2px padding on the top of the input to center the text and
-   remove it from this span
- */
-}
-
-a.jxButtonMulti span.jxButtonContent span {
-  padding-right: 21px;
-}
-
-a.jxButtonEditCombo span.jxButtonContent span {
-  font-size: 0px;
-}
-
-a.jxButtonComboDefault span.jxButtonContent span,
-a.jxButtonComboDefault input {
-  font-style: italic;
-  color: #999;
-}
-
-a.jxButtonEditCombo input {
-  float: left;
-  line-height: 16px;
-  height: 16px;
-  padding: 0px 4px;
-  margin: 0px;
-  border: none;
-  font-size: 11px;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  background-color: transparent;
-}/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* CHROME STYLES */
-/* ============= */
-/* Chrome uses four absolutely positioned DIVs containing an image for each of
-   four quadrants.  The chrome image is used as a sprite map. */
-
-.jxChrome {
-  /* Base setup */
-  position:absolute;
-  display: block;
-  font-size: 0px;
-  line-height: 0px;
-  z-index: -1;
-  width: 100%;
-  height: 100%;
-  top: 0px;
-  left: 0px;
-}
-
-.jxChromeDrag {
-  opacity: 0.5;
-  -ms-filter: "Alpha(opacity=50)";
-}
-
-.jxChromeTL {
-  position: absolute;
-  overflow: hidden;
-  left: 0%;
-  top: 0%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeTR {
-  position: absolute;
-  overflow: hidden;
-  left: 50%;
-  top: 0%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeBL {
-  position: absolute;
-  overflow: hidden;
-  left: 0%;
-  top: 50%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeBR {
-  position: absolute;
-  overflow: hidden;
-  left: 50%;
-  top: 50%;
-  width: 50%;
-  height: 50%;
-}
-
-
-.jxChromeTL img {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeTR img {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeBL img {
-  position: absolute;
-  bottom: 0px;
-  left: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeBR img {
-  position: absolute;
-  bottom: 0px;
-  right: 0px;
-  width: 500px;
-  height:500px;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: color.css 711 2008-08-13 20:38:33Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =================== */
-/* COLOR PICKER STYLES */
-/* =================== */
-
-/*.jxColorPicker {
-    position: absolute;
-    display: none;
-    top: 100%;
-    width: 212px;
-    left: 0px;
-    border: 1px solid #000;
-    padding: 2px;
-    background-color: #eee;
-}*/
-
-.jxColorBar {
-    position: relative;
-    overflow: hidden;
-}
-
-table.jxColorGrid {
-    position: relative;
-    border-collapse: collapse;
-    empty-cells: show;
-    clear:both;
-}
-
-.jxColorGrid td {
-    border: 1px solid #000;
-}
-
-.jxColorGrid td.emptyCell {
-    border: 0px solid #000;
-}
-
-.jxColorGrid td.emptyCell span {
-    display: block;
-    width: 7px;
-    height: 7px;
-    line-height: 0px;
-    font-size: 0px;
-    border: 0px solid #000;
-    padding: 1px;
-    margin: 0px;
-}
-
-.jxColorGrid a.colorSwatch {
-    display: block;
-    width: 7px;
-    height: 7px;
-    line-height: 0px;
-    font-size: 0px;
-    border: 0px solid #000;
-    margin: 0px;
-    padding: 1px;
-}
-
-.jxColorGrid a.borderWhite:hover {
-    border: 1px solid #fff;
-    padding: 0px;
-}
-
-.jxColorGrid a.borderBlack:hover {
-    border: 1px solid #000;
-    padding: 0px;
-}
-
-input.jxHexInput {
-    width: 55px;
-    vertical-align: middle;
-}
-
-input.jxAlphaInput {
-    width: 30px;
-    vertical-align: middle;
-}
-
-div.jxColorPreview {
-    float: left;
-    position: relative;
-    width: 20px;
-    height: 20px;
-    border: 1px solid #000;
-    margin: 2px;
-    vertical-align: middle;
-    background-image: url('images/grid.png');
-    overflow: hidden;
-}
-
-a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch {
-    display: block;
-    float: left;
-    width: 14px;
-    height: 14px;
-    border: 1px solid #000;
-    background-image: url('images/grid.png');
-    background-position: 0px 0px;
-    background-repeat: repeat;
-    padding-right: 0px !important;
-}
-
-a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch span {
-    display: block;
-    width: 14px;
-    height: 14px;
-    position: absolute;
-    padding-right: 0px;
-    background: none;
-}
-
-div.jxColorPreview img {
-    position: absolute;
-    z-index: 0;
-}
-
-div.jxColorPreview div {
-    width: 20px;
-    height: 10px;
-    position: absolute;
-    display: block;
-    left: 0px;
-    z-index: 1;
-    font-size: 10px;
-    line-height: 0px;
-}
-
-div.jxColorPreview div.jxColorSelected {
-    top: 0px;
-}
-
-div.jxColorPreview div.jxColorHover {
-    bottom: 0px;
-}
-
-label.jxColorLabel,
-label.jxAlphaLabel {
-    width: auto;
-    font-family: Arial, sans-serif;
-    font-size: 11px;
-    line-height: 24px;
-    padding: 2px;
-    vertical-align: middle;
-}
-
-a.jxColorClose {
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    width: 16px;
-    height: 16px;
-}
-
-a.jxColorClose img {
-    width: 16px;
-    height: 16px;
-}/**
- * @project         Jx
- * @revision        $Id: $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* COMMON STYLES */
-/* ============= */
-
-a{outline:none;}
-.jxClearer{display:block;position:relative;float:none;clear:both;font-size:0;line-height:0;width:0;height:0;margin:0;padding:0;}
-.jxDisabled{opacity:0.4;-ms-filter:"Alpha(opacity=40)";}
-.jxDisabled *{-ms-filter:"Alpha(opacity=40)";}
-iframe.jxIframeShim{position:absolute;top:0px;left:0px;width:100%;height:100%;-ms-filter:"Alpha(opacity:0)";opacity:0;z-index:-1;}/**
- * @project         Jx
- * @revision        $Id: dialog.css 1035 2008-09-22 17:05:20Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* DIALOG STYLES */
-/* ============= */
-
-.jxDialog .jxChrome {
-  background-image: url(images/dialog_chrome.png);
-}
-
-.jxDialog .jxChrome img {
-  width: 500px;
-  height: 500px;
-}
-
-.jxDialog {
-  /* Base setup */
-  display: block;
-  /* starting default z-index for dialogs. Multiple dialogs will get
-   * incremental values starting from this value
-   */
-  z-index: 1000;
-}
-
-.jxDialogContentContainer {
-  z-index: 1;
-  margin: 0px 11px 16px 11px;
-  border: none;
-  background-color: #f0f0f0;
-}
-
-.jxDialogModal {
-  /* Base setup */
-  position: absolute;
-  display: block;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  height: 100%;
-
-  background-color: #000;
-  opacity: .2;
-  -ms-filter: "Alpha(opacity=20)";
-}
-
-.jxDialogContent {
-  /* Base setup */
-  display: block;
-  position:relative;
-  overflow: auto;
-
-  padding: 0px;
-  z-index: 1;
-}
-
-.jxDialogTitle {
-   /* Base setup */
-  display: block;
-  position: relative;
-
-  /* this makes the dialog draggable by the title bar in IE
-   * Without it, only the label is draggable
-   */
-  background-image: url(images/a_pixel.png);
-
-  text-align: center;
-  /* note: height is hard coded into jx.js Jx.Dialog initialize function - change there as well as here */
-  height: 16px;
-  z-index: 1;
-
-  margin: 10px 10px 0px 10px;
-}
-
-.jxDialogMin .jxDialogTitle {
-  margin-bottom: 8px;
-}
-
-.jxDialogMoveable {
-  cursor: move;
-}
-
-.jxDialogIcon {
-  position: absolute;
-  left: 10px;
-  top: 0px;
-  width: 16px;
-  height: 16px;
-  border: none;
-  padding: 0px;
-  margin: 0px;
-}
-
-.jxDialogLabel {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  font-weight: bold;
-  /* line-height vertically aligns the label in the containing div. */
-  line-height:15px;
-  color: #000;
-  white-space: nowrap;
-}
-
-.jxDialogResize {
-  /* Base setup */
-  position: absolute;
-
-  bottom: 7px;
-  right: 6px;
-  width: 16px;
-  height: 16px;
-  z-index: 2;
-  border: 0px;
-  cursor: se-resize;
-  background-image: url(images/dialog_resize.png);
-}
-
-.jxDialogControls {
-  position: absolute;
-  top: 0px;
-  right: 2px;
-  height: 16px;
-  width: 80px;
-}
-
-.jxDialogControls img {
-  background-image: url('images/dialog_controls.png');
-  background-repeat: no-repeat;
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-}
-
-.jxDialogClose img {
-  background-position: 0px -32px;
-}
-
-.jxDialogMenu img {
-  background-position: 0px -48px;
-}
-
-.jxDialogHelp img {
-  background-position: 0px -64px;
-}
-
-.jxDialogCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxDialogMin .jxDialogCollapse img {
-  background-position: 0px 0px;
-}
-
-.jxDialogMax .jxDialogCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxDialogLoading img {
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-  visibility:hidden;
-  position: absolute;
-  top: 1px;
-  left: 2px;
-}
-
-
-/* ========================= */
-/* JX BUTTON STYLES OVERIDES */
-/* ========================= */
-
-.jxDialogControls .jxButtonContainer,
-.jxDialogControls span.jxButtonContent,
-.jxDialogControls a.jxButton:hover span.jxButtonContent,
-.jxDialogControls a.jxButton:active span.jxButtonContent,
-.jxDialogControls a.jxButtonActive span.jxButtonContent,
-.jxDialogControls a.jxButtonActive:hover span.jxButtonContent,
-.jxDialogControls a.jxButtonActive:active span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton:active span.jxButtonContent,
-.jxDialogControls a.jxButton,
-.jxDialogControls a.jxButton:hover,
-.jxDialogControls a.jxButton:active ,
-.jxDialogControls a.jxButtonActive,
-.jxDialogControls a.jxButtonActive:hover,
-.jxDialogControls a.jxButtonActive:active,
-.jxDialogControls .jxDisabled a.jxButton,
-.jxDialogControls .jxDisabled a.jxButton:hover,
-.jxDialogControls .jxDisabled a.jxButton:active {
-  padding: 0px;
-  margin: 0px;
-  border: none;
-  background-color: transparent;
-  background-image: none;
-}
-
-
-.jxDialogControls a.jxButtonMenu span.jxButtonContent,
-.jxDialogControls a.jxButtonFlyout span.jxButtonContent {
-  background-image: none;
-}
-
-.jxDialogControls a.jxButtonMenu span.jxButtonContent span,
-.jxDialogControls a.jxButtonFlyout span.jxButtonContent span {
-  padding-right: 0px;
-}
-
-/* ========================== */
-/* JX TOOLBAR STYLES OVERIDES */
-/* ========================== */
-
-/* Multiple toolbars can be housed in  the toolbar container the container will expand vertically to accomodate wrapped toolbars */
-
-.jxDialogControls .jxBarContainer {
-  /* Base setup */
-  position: absolute;
-  right: 0px;
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  height: 16px;
-}
-
-.jxDialogControls .jxBarScroller {
-  left: auto;
-  right: 0px;
-}
-
-.jxDialogControls ul.jxToolbar {
-  float: right;
-}
-
-.jxDialogControls ul.jxToolbar,
-.jxDialogControls li.jxToolItem {
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-}/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* GRID STYLES */
-/* ============= */
-
-.jxGridContainer {
-    position: absolute;
-    top: 0;
-    left: 0;
-    border-left: 0px solid #d8d8d8;
-    border-top: 0px solid #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    overflow: hidden;
-}
-
-.jxGridTable {
-    position: relative;
-    table-layout: fixed;
-    border-collapse: collapse;
-    border-style: none;
-    width: 0px;
-    cursor: default;
-    font-family: Verdana, Arial, Helvetica, sans-serif;
-    font-size: 11px;
-    font-weight: normal;
-}
-
-.jxGridColHeadHide {
-    height: 0px;
-    line-height: 0px;
-    font-size: 0px;
-    background-color: #fff;
-    white-space: normal;
-}
-
-.jxGridColHeadHide p, .jxGridRowHeadHide p {
-    font-size: 0px;
-    line-height: 0px;
-    height: 0px;
-    margin: 0px;
-    padding: 0px;
-}
-
-.jxGridRowHeadHide {
-    width: 0px;
-    white-space: normal;
-}
-
-.jxGridCell {
-    border-top: 0px solid #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid #d8d8d8;
-    overflow: hidden;
-    padding-left: 3px;
-    padding-right: 3px;
-    overflow: hidden;
-    /* can change this to normal */
-    white-space: nowrap;
-    cursor: cell;
-    /* only applies in IE and Safari right now */
-    text-overflow: ellipsis;
-}
-
-/* Nornal Styles */
-
-.jxGridColHead {
-    border-top: 0px solid  #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid  #d8d8d8;
-    background-color: #f2f2f2;
-    background-image: url('images/table_col.png');
-    background-position: 0px 0px;
-    background-repeat: repeat-x;
-
-    text-align: center;
-    font-weight: bold;
-    color: #333;
-    cursor: default;
-}
-
-.jxGridRowHead {
-    border-top: 0px solid  #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid  #d8d8d8;
-    background-color:  #f2f2f2;
-    background-image: url('images/table_row.png');
-    background-position: 0px 0px;
-    background-repeat: repeat-y;
-
-    text-align: center;
-    font-weight: bold;
-    color: #333;
-    cursor: default;
-}
-
-/* Alternating Row Styles */
-
-.jxGridRowAll {
-    background-color: #fff;
-}
-
-.jxGridRowOdd {}
-.jxGridRowEven {}
-.jxGridRowOdd td {}
-.jxGridRowEven td {}
-
-/* Selected Styles */
-
-.jxGridColumnHeaderSelected {
-    background-color: #e1e1e1;
-    background-position: 0px -200px;
-}
-
-.jxGridRowHeaderSelected {
-    background-color: #e1e1e1;
-    background-position: -400px 0px;
-}
-
-.jxGridColumnSelected {
-    background-color: #f7f7f7;
-}
-
-.jxGridRowSelected td {
-    background-color: #f7f7f7;
-}
-
-td.jxGridCellSelected {
-    background-color: #ebebeb;
-}
-
-/* Prelight Styles */
-
-.jxGridColumnHeaderPrelight {
-    background-color: #cee5ff;
-    background-position: 0px -300px;
-}
-
-.jxGridRowHeaderPrelight {
-    background-color: #cee5ff;
-    background-position: -600px 0px;
-}
-
-.jxGridColumnPrelight {
-    background-color: #e5f1ff;
-}
-
-.jxGridRowPrelight td {
-    background-color: #e5f1ff;
-}
-
-td.jxGridCellPrelight {
-  background-color: #cce3ff;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: menu.css 821 2008-09-04 15:59:23Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============== */
-/* JX MENU STYLES */
-/* ============== */
-
-.jxMenuContainer .jxChrome {
-  /* the background image gets used by Jx.Chrome to create a stretchable chrome */
-  background-image: url(images/flyout_chrome.png);
-  /* the padding reflects the amount of space to leave around the content area
-   * for the chrome, typically to leave space for a shadow
-   */
-  padding: 10px;
-}
-
-a.jxButtonMenu span.jxMenuItemSpan {
-  padding-right: 16px;
-}
-
-/* Jx Menus and Sub-menus are all built out of nested ULs
-   For this to work visually, the margins and padding need to be flattened
-   out, and the list marker needs to be hidden
-*/
-
-.jxMenuContainer {
-  position: absolute;
-  display: block;
-  z-index: 200;
-  padding: 0px;
-}
-
-ul.jxMenu,
-ul.jxSubMenu {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  list-style-type: none;
-
-  margin: 10px;
-  background-color: #fff;
-  border: 1px solid #999;
-}
-
-li.jxMenuItemContainer {
-  /* This is needed for IE to make sure submenus don't open space in the parent menu */
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  margin: 0px;
-  padding: 0px;
-}
-
-a.jxMenuItem {
-  /* Base setup */
-  display: block;
-  position: relative;
-  text-decoration: none;
-
-  border: 1px solid #fff;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  text-decoration: none;
-  margin: 2px 2px;
-  padding: 0px;
-  color: #000;
-}
-
-a.jxMenuItem:hover {
-  border: 1px solid #E0E0E0;
-  background-image: url(images/menu_hover.png);
-  background-color: #E0E0E0;
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-}
-
-a.jxMenuItem:hover span.jxMenuItemContent {
-  border: 1px solid #E0E0E0;  /* forces IE to render properly */
-  border-bottom: 1px solid #E0E0E0;
-}
-
-span.jxMenuItemContent {
-  /* If using background images, the SPAN contains the right side of the background */
-  /* use padding to make space between the icon and button edge */
-  /* padding-left: 0px;*/ /* butts up to the left of the button bg image */
-  /* Base setup */
-  display: block;
-  position: relative;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 0px;
-  line-height: 0px;
-  white-space: nowrap;
-  padding: 0px 20px 0px 0px; /* space for the arrow */
-  margin: 0px;
-  border: 1px solid #fff; /* forces IE to render properly */
-}
-
-a.jxButtonSubMenu span.jxMenuItemContent,
-a.jxButtonSubMenu:hover span.jxMenuItemContent {
-  background-image: url(images/emblems.png);
-  background-position: right -32px;
-  background-repeat: no-repeat;
-}
-
-img.jxMenuItemIcon {
-  /* Base setup */
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  display: inline;
-
-  width: 16px;
-  height: 16px;
-  background-position: left center;
-  background-repeat: no-repeat;
-}
-
-span.jxMenuItemContent span {
-  /* Base setup for empty labels */
-  display: block;
-  position: relative;
-  cursor: pointer;
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 0px 0px 0px 20px; /* space for the icon */
-  font-size: 16px; /* keeps empty labels open */
-  line-height: 16px;
-}
-
-span.jxMenuItemContent span.jxMenuItemLabel {
-  /* Base setup, overrides empty labels */
-
-  color: #000;
-  font-size: 11px;
-}
-
-.jxMenuItemToggle img.jxMenuItemIcon,
-.jxMenuItemSet img.jxMenuItemIcon {
-  background-image: url(images/emblems.png);
-  background-position: 2px 0px;
-  background-repeat: no-repeat;
-}
-
-.jxMenuItemToggle a.jxMenuItemActive img.jxMenuItemIcon {
-  background-position: 2px -48px;
-}
-
-.jxMenuItemSet a.jxMenuItemActive img.jxMenuItemIcon {
-  background-position: 2px -64px;
-}
-
-a.jxMenuItemActive img.jxMenuItemIcon {
-  top: -2px;
-  left: -2px;
-  padding: 0px;
-  border: 2px solid #cccccc;
-}
-
-a.jxMenuItemActive span.jxMenuItemContent {
-  background-image: url(images/menu_icon_active.png);
-  background-position: 0px 0px;
-  background-repeat: no-repeat;
-}
-
-.jxDisabled a.jxMenuItem {
-  cursor: default;
-}
-
-.jxDisabled a.jxMenuItem:hover {
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #fff;
-}
-
-ul.jxMenu span.jxMenuSeparator,
-ul.jxSubMenu span.jxMenuSeparator {
-  /* Base setup */
-    display: block;
-
-  font-size: 10px;
-  line-height: 10px;
-  background-image: url(images/toolbar_separator_v.png);
-  background-repeat: repeat-x;
-  background-position: left center;
-}/**
- * @project         Jx
- * @revision        $Id: panel.css 1079 2008-09-23 17:54:08Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =============== */
-/* JX PANEL STYLES */
-/* =============== */
-
-.jxPanel {
-  /* Base setup */
-  display: block;
-  position:relative;
-}
-
-.jxPanelContentContainer {
-  /* Base setup */
-  /* need to test various scenarios to see if this is limiting */
-  overflow: hidden;
-  /*margin: 5px;*/
-  background-image: url(images/panelBackround.png);
-  background-repeat: repeat-x;
-  background-position: left bottom;
-  background-color: #f0f0f0;
-}
-
-/* the content panel inside a panel */
-.jxPanelContent {
-  /* Base setup */
-  /* position relative is required for panels to work correctly in safari */
-  position: relative;
-  display: block;
-  overflow: auto;
-
-  /*border: 1px solid #d8d8d8;*/
-  margin: 0px;
-  padding: 0px;
-  background-color: none;
-}
-
-.jxPanelTitle {
-  /* Base setup */
-  /* position relative is required for panel dragging to work correctly in safari */
-  display: block;
-  position: relative;
-
-  background-image: url(images/panelbar.png);
-  background-repeat: repeat-x;
-  background-position: left top;
-  /* note this is hard coded into jx.js JxPanel initialize function - change there as well as here */
-  height: 24px;
-  margin: 0px;
-  padding: 0px;
-
-  text-align: left;
-}
-
-/* JX PANELSET STYLE FOR TITLE BAR */
-.jxPanelBar {
-  position: absolute;
-  line-height: 1px;
-  width: 100%;
-  cursor: row-resize;
-  background-color: none;
-  z-index: 1;
-}
-
-.jxPanelIcon {
-  display: none; /* hide the panel icon */
-  position: absolute;
-  left: 2px;
-  top: 3px;
-  width: 16px;
-  height: 16px;
-  border: none;
-  padding: 0px;
-  margin: 0px;
-}
-
-.jxPanelLabel {
-  /* make room for the loading spinner */
-  padding-left: 20px;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  font-weight: bold;
-  /* line-height vertically aligns the label in the containing div. */
-  line-height:21px;
-  color: #fff;
-  white-space: nowrap;
-}
-
-.jxPanelControls {
-  position: absolute;
-  top: 2px;
-  left: 2px;
-  height: 16px;
-  width: 16px;
-  overflow: hidden;
-}
-
-.jxPanelControls img {
-  background-image: url('images/panel_controls.png');
-  background-repeat: no-repeat;
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-}
-
-.jxPanelClose img {
-  background-position: 0px -32px;
-}
-
-.jxPanelMenu img {
-  background-position: 0px -48px;
-}
-
-.jxPanelHelp img {
-  background-position: 0px -64px;
-}
-
-.jxPanelCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxPanelMin .jxPanelCollapse img {
-  background-position: 0px 0px;
-}
-
-.jxPanelMax .jxPanelCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxPanelMaximize img {
-  background-position: 0px 0px;
-}
-
-.jxPanelLoading img {
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-  visibility:hidden;
-  position: absolute;
-  top: 1px;
-  left: 2px;
-}
-
-
-
-/* ========================= */
-/* JX BUTTON STYLES OVERIDES */
-/* ========================= */
-
-.jxPanelControls .jxButtonContainer,
-.jxPanelControls span.jxButtonContent,
-.jxPanelControls a.jxButton:hover span.jxButtonContent,
-.jxPanelControls a.jxButton:active span.jxButtonContent,
-.jxPanelControls a.jxButtonActive span.jxButtonContent,
-.jxPanelControls a.jxButtonActive:hover span.jxButtonContent,
-.jxPanelControls a.jxButtonActive:active span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton:active span.jxButtonContent,
-.jxPanelControls a.jxButton,
-.jxPanelControls a.jxButton:hover,
-.jxPanelControls a.jxButton:active ,
-.jxPanelControls a.jxButtonActive,
-.jxPanelControls a.jxButtonActive:hover,
-.jxPanelControls a.jxButtonActive:active,
-.jxPanelControls .jxDisabled a.jxButton,
-.jxPanelControls .jxDisabled a.jxButton:hover,
-.jxPanelControls .jxDisabled a.jxButton:active {
-  padding: 0px;
-  margin: 0px;
-  border: none;
-  background-color: transparent;
-  background-image: none;
-}
-
-.jxPanelControls a.jxButtonMenu span.jxButtonContent,
-.jxPanelControls a.jxButtonFlyout span.jxButtonContent {
-  background-image: none;
-}
-
-.jxPanelControls a.jxButtonMenu span.jxButtonContent span,
-.jxPanelControls a.jxButtonFlyout span.jxButtonContent span {
-  padding-right: 0px;
-}
-
-/* ========================== */
-/* JX TOOLBAR STYLES OVERIDES */
-/* ========================== */
-
-/* Multiple toolbars can be housed in  the toolbar container the container will expand vertically to accomodate wrapped toolbars */
-
-.jxPanelControls div.jxBarTop {
-  /* Base setup */
-  position: absolute;
-  right: 0px;
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  height: 16px;
-}
-
-.jxPanelControls .jxBarScroller {
-  left: auto;
-  right: 0px;
-}
-
-.jxPanelControls ul.jxToolbar {
-  float: right;
-}
-
-.jxPanelControls ul.jxToolbar,
-.jxPanelControls li.jxToolItem {
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-}/********************************************************
-  Noble Studios - 05/21/07
-  ns_adsk.css
-  Mapguide Layout
-********************************************************/
-
-html {
-  height: 100%;
-  overflow: hidden;
-}
-
-body {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-image: url(images/backgroundTile.png);
-  background-repeat: repeat-x;
-  background-color: #777777;
-  background-position: bottom;
-}
-
-body, table {
-  font-style: normal;
-  font-weight: normal;
-  font-size: 75%;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: #000000;
-}
-
-/********************************************************
-  Main Map
-********************************************************/
-
-#Map {
-  border: 1px solid #3a3a3a;
-  background-image: url(images/mapBackground.png);
-  background-repeat: repeat-x;
-  background-color: #efefef;
-  background-position: bottom;
-  overflow: hidden;
-  position: absolute;
-  z-index: 1;
-}
-
-.olMapViewport {
-    z-index: 1;
-}
-
-#Maptip {
-  display: none;
-  border: 1px solid #000;
-  background-color: #E5DAC7;
-  padding: 4px;
-}
-
-/********************************************************
-  Primary Toolbar
-********************************************************/
-
-#Toolbar {
-  position: absolute;
-  display: block;
-  top: 0px;
-  z-index: 2;
-  background-image: url(images/toolbarBackground.png);
-  height: 24px;
-}
-
-#ToolbarLeft {
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  width: 2px;
-  height: 24px;
-  background-image: url(images/toolbarLeft.png);
-  background-repeat: no-repeat;
-  z-index: 3;
-}
-
-#ToolbarRight {
-  position: absolute;
-  right: 0px;
-  top: 0px;
-  width: 2px;
-  height: 24px;
-  background-image: url(images/toolbarRight.png);
-  background-repeat: no-repeat;
-  z-index: 3;
-}
-
-#Toolbar div.jxButtonContainer {
-  padding: 1px 2px 1px 2px;
-}
-
-#Toolbar a.jxButton {
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  background-image: url(images/toolbarButton.png);
-}
-
-#Toolbar span.jxButtonContent {
-  padding: 3px 4px 3px 0px; /* makes room for the right of the button bg */
-  background-image: url(images/toolbarButton.png);
-}
-
-#Toolbar span.jxButtonLabel {
-  color: #ffffff;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-
-/********************************************************
-  Secondary Toolbar
-********************************************************/
-
-#ToolbarSecondary {
-  position: absolute;
-  display: block;
-  top: 24px;
-  height: 24px;
-  background-image: url(images/toolbarSubBackground.png);
-  background-position: bottom;
-  z-index: 2;
-}
-
-#ToolbarSecondaryLeft {
-  position: absolute;
-  left: 0px;
-  top: 24px;
-  width: 2px;
-  height: 24px;
-  background-image: url(images/toolbarSubLeft.png);
-  background-repeat: no-repeat;
-  background-position: bottom;
-  z-index: 3;
-}
-
-#ToolbarSecondaryRight {
-  position: absolute;
-  right: 0px;
-  top: 24px;
-  width: 2px;
-  height: 24px;
-  background-image: url(images/toolbarSubRight.png);
-  background-repeat: no-repeat;
-  background-position: bottom;
-  z-index: 3;
-}
-
-#ToolbarSecondary div.jxButtonContainer {
-  padding: 0px 2px 1px 2px;
-}
-
-#ToolbarSecondary a.jxButton {
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  background-image: url(images/toolbarSubButton.png);
-}
-
-#ToolbarSecondary span.jxButtonContent {
-  padding: 4px 4px 3px 0px; /* makes room for the right of the button bg */
-  background-image: url(images/toolbarSubButton.png);
-}
-
-#ToolbarSecondary span.jxButtonLabel {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-
-/********************************************************
-  Main Menu
-********************************************************/
-
-#FileMenu {
-  position: absolute;
-  display: block;
-  left: 0px;
-  height: 24px;
-  background-image: url(images/fileMenuBackground.png);
-  z-index: 2;
-}
-
-#FileMenuLeft {
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  width: 2px;
-  height: 24px;
-  background-image: url(images/fileMenuLeft.png);
-  background-repeat: no-repeat;
-  z-index: 3;
-}
-
-#FileMenuRight {
-  position: absolute;
-  right: 0px;
-  top: 0px;
-  width: 2px;
-  height: 24px;
-  background-image: url(images/fileMenuRight.png);
-  background-repeat: no-repeat;
-  z-index: 3;
-}
-
-#FileMenu div.jxButtonContainer {
-  padding: 1px 2px 1px 2px;
-}
-
-#FileMenu a.jxButton {
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  background-image: url(images/fileMenuButton.png);
-}
-
-#FileMenu span.jxButtonContent {
-  padding: 2px 4px 2px 0px; /* makes room for the right of the button bg */
-  background-image: url(images/fileMenuButton.png);
-}
-
-#FileMenu span.jxButtonLabel {
-  color: #ffffff;
-  padding: 0 4px 0 4px;
-  background-image: none;
-}
-
-/* Seperator height should match that of button images
-   and the margins+padding+border should add up to the same total too. */
-
-#ToolbarContainer li.jxToolItem .separator,
-#FileMenuContainer li.jxToolItem .separator {
-  padding: 4px;
-}
-
-#ToolbarContainer .jxBarTop  li.jxToolItem  span.separator,
-#ToolbarContainer .jxBarBottom  li.jxToolItem  span.separator,
-#FileMenuContainer .jxBarTop  li.jxToolItem  span.separator,
-#FileMenuContainer .jxBarBottom  li.jxToolItem  span.separator {
-  width: 8px;
-  height: 16px;
-}
-
-#ToolbarContainer .jxBarLeft  li.jxToolItem  span.separator,
-#Toolbarcontainer .jxBarRight  li.jxToolItem  span.separator,
-#FileMenuContainer .jxBarLeft  li.jxToolItem  span.separator,
-#FileMenuContainer .jxBarRight  li.jxToolItem  span.separator {
-  width: 16px;
-  height: 8px;
-}
-
-#ToolbarContainer a.jxButtonMenu span.jxButtonContent span,
-#ToolbarContainer a.jxButtonFlyout span.jxButtonContent span,
-#ToolbarContainer a.jxButtonMulti span.jxButtonContent span,
-#ToolbarContainer a.jxButtonCombo span.jxButtonContent span,
-#ToolbarContainer a.jxButtonEditCombo span.jxButtonContent span {
-  background-image: url(images/emblems_alt.png);
-}
-
-/********************************************************
-  Status Bar
-********************************************************/
-
-#StatusbarContainer {
-  background-image: url(images/statusBarBackground.png);
-  background-repeat: repeat-x;
-  background-color: #ffffff;
-  color: #ffffff;
-  line-height: 21px;
-  font-size: 10px;
-  vertical-align: middle;
-}
-
-#Statusbar .jxSplitBarHorizontal {
-  width: 1px;
-  background-color: #313131;
-  cursor: 'col-resize';
-  margin-top: 5px;
-  height: 13px;
-}
-
-#Statusbar .spanCursorPosition,
-#Statusbar .spanViewSize,
-#Statusbar .spanSelectionInfo {
-  padding: 4px 10px;
-}
-
-.inputEditableScale {
-  font-size: 10px;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: #fff;
-  background-color: #aaa;
-  border: 1px solid #ccc;
-}
-
-#StatusNavigator {
-  position: absolute;
-  right: 139px;
-  padding-top: 2px;
-}
-
-#pbmg {
-  position: absolute;
-  right: 0px;
-  padding-top: 2px;
-}
-
-#StatusbarContainer .jxButtonContainer,
-#StatusbarContainer span.jxButtonContent,
-#StatusbarContainer a.jxButton:hover span.jxButtonContent,
-#StatusbarContainer a.jxButton:active span.jxButtonContent,
-#StatusbarContainer a.jxButtonActive span.jxButtonContent,
-#StatusbarContainer a.jxButtonActive:hover span.jxButtonContent,
-#StatusbarContainer a.jxButtonActive:active span.jxButtonContent,
-#StatusbarContainer .jxDisabled a.jxButton span.jxButtonContent,
-#StatusbarContainer .jxDisabled a.jxButton:hover span.jxButtonContent,
-#StatusbarContainer .jxDisabled a.jxButton:active span.jxButtonContent,
-#StatusbarContainer a.jxButton,
-#StatusbarContainer a.jxButton:hover,
-#StatusbarContainer a.jxButton:active ,
-#StatusbarContainer a.jxButtonActive,
-#StatusbarContainer a.jxButtonActive:hover,
-#StatusbarContainer a.jxButtonActive:active,
-#StatusbarContainer .jxDisabled a.jxButton,
-#StatusbarContainer .jxDisabled a.jxButton:hover,
-#StatusbarContainer .jxDisabled a.jxButton:active {
-  padding: 0px;
-  margin: 0px;
-  border: none;
-  background-color: transparent;
-  background-image: none;
-}
-
-
-/********************************************************
-  Side Bar Panels
-********************************************************/
-
-#Sidebar {
-  position: absolute;
-  top: 26px;
-  bottom: 24px;
-  width: 218px;
-  left: 0px;
-  overflow: hidden;
-  display: block;
-  padding-right: 8px;
-}
-
-#Sidebar .jxSplitContainer {
-  border-right: 1px solid #3A3A3A;
-}
-
-#Sidebar .jxSplitArea {
-  border-left: 1px solid #3A3A3A;
-  border-bottom: 1px solid #3A3A3A;
-}
-
-#Sidebar .jxPanelTitle {
-  background-position: 2px 0px;
-  height: 24px;
-  margin: 0px 0px 0px 2px;
-}
-
-#Sidebar .jxPanelBar {
-  height: 24px;
-  background-image: url(images/panelBarLeft.png);
-  background-repeat: no-repeat;
-  background-position: left 0px;
-  background-color: none;
-}
-
-#SidebarCollapse {
-  position: absolute;
-  width: 8px;
-  top: 0px;
-  right: 0px;
-  height: 100%;
-  z-index: 1;
-  overflow: hidden;
-}
-
-#SidebarCollapseContent {
-  position: absolute;
-  width: 8px;
-  height: 100%;
-  background: url(images/sidebarCollapseBackground.png) repeat-y #000;
-  top: -2px;
-  z-index: 1;
-}
-
-#SidebarCollapseTop {
-  position: absolute;
-  height: 2px;
-  width: 8px;
-  top: 0px;
-  background: url(images/sidebarCollapseTop.png) no-repeat;
-  z-index: 2;
-}
-
-#SidebarCollapseBottom {
-  position: absolute;
-  height: 2px;
-  width: 8px;
-  bottom: 0px;
-  background: url(images/sidebarCollapseBottom.png) no-repeat;
-  z-index: 2;
-}
-
-#SidebarCollapseButton {
-  display: block;
-  width: 8px;
-  top: 0px;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
-  position: absolute;
-  height: 100%;
-  font-size: 1px;
-}
-
-.jxSnapOpened #SidebarCollapseButton {
-  background: url(images/sidebarCloseButton.png) center no-repeat;
-}
-
-.jxSnapClosed #SidebarCollapseButton {
-  background: url(images/sidebarOpenButton.png) center no-repeat;
-}
-
-/* navigator Styles */
-
-#Navigator {
-  right: 10px;
-  top: 10px;
-  display: block;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: splitter.css 793 2008-08-28 14:22:32Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =============== */
-/* SPLITTER STYLES */
-/* =============== */
-
-.jxSplitBarHorizontal {
-  display: block;
-  position: absolute;
-  font-size: 0px;
-  line-height: 0px;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  width: 2px;
-  height: 100%;
-  cursor: col-resize;
-  background-image: url(images/a_pixel.png);
-  background-color: none;
-  z-index: 1;
-}
-
-.jxSplitBarVertical {
-  display: block;
-  position: absolute;
-  font-size: 0px;
-  line-height: 0px;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  width: 100%;
-  height: 2px;
-  cursor: row-resize;
-  background-image: url(images/a_pixel.png);
-  background-color: none;
-  z-index: 1;
-}
-
-.jxSplitContainer {
-  display: block;
-  position: relative;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  overflow: hidden;
-}
-
-.jxSplitArea {
-  display: block;
-  position: absolute;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  overflow: hidden;
-  z-index: 0;
-}
-
-.jxSplitterMask { 
-  position: absolute; 
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-image: url(images/a_pixel.png);
-  z-index: 1; 
-} 
-
-.jxSplitBarDrag {
-  background-color: #eee;
-}
-
-.jxSnapHorizontalBefore {
-  width: 5px;
-  height: 5px;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  background-color: #aaa;
-}
-
-.jxSnapHorizontalAfter {
-  width: 5px;
-  height: 5px;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  background-color: #aaa;
-}/**
- * @project         Jx
- * @revision        $Id: tab.css 1129 2008-09-24 19:01:34Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ================== */
-/* TAB CONTENT STYLES */
-/* ================== */
-
-/* The tabBox consists of a box containing a tabbar and the tab content areas.
-   It can be used within the body or nested within another object.
-*/
-
-.jxTabSetContainer {
-  /* This is an example of a container that can be used to hold a tabBox
-     the position need to be explicitly set, as well as the width and height. */
-  /* Base setup */
-  position: relative;
-  display: block;
-  overflow: hidden;
-
-  width: 200px;
-  height: 200px;
-  margin: 0px;
-  padding: 0px;
-  background-color: #fff;
-}
-
-.jxTabSetContainer  .jxToolbarContainer {
-  /* Base setup */
-  z-index: auto;
-}
-
-.tabContent {
-  /* the width and height need to be set to 100% to:
-     1. fill the tab box area
-     2. allow a scrolling content area in IE */
-  /* Base setup */
-  display: none;
-  position: relative;
-  width:100%;
-  height: 100%;
-  overflow: auto;
-}
-
-.tabContentActive {
-  /* Base setup */
-  display: block;
-}
-
-/* ======================== */
-/* BASE TAB (BUTTON) STYLES */
-/* ======================== */
-
-div.jxTabContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  margin: 0px;
-  padding: 2px;
-  border: none;
-}
-
-a.jxTabClose {
-  /* Base setup */
-  display: block;
-  position: absolute;
-  cursor: pointer;
-}
-
-a.jxTabClose img {
-  width: 16px;
-  height: 16px;
-  background-image: url(images/tab_close.png);
-}
-
-a.jxTab {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  /* Using background images, the A contains the left side of the background */
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  background-repeat: no-repeat;
-  text-decoration: none;
-  color: #000;
-}
-
-.jxDisabled a.jxButton {
- cursor: default;
-}
-
-a.jxTab:hover,
-a.jxTab:active,
-a.jxTabActive,
-a.jxTabActive:hover,
-a.jxTabActive:active,
-.jxDisabled a.jxButton:hover,
-.jxDisabled a.jxButton:active {
-  border: none;
-}
-
-span.jxTabContent {
-  /* Base setup */
-  display: block;
-  font-size: 0px;
-  line-height: 0px;
-
-  /* The SPAN contains the other side of the tab background image
-     and the tab label */
-  margin: 0px;
-  padding: 0px;
-  background-repeat: no-repeat;
-}
-
-img.jxTabIcon {
-  /* Base setup */
-  position: relative;
-
-  width: 16px;
-  height: 16px;
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-
-span.jxTabLabel {
-  /* Base setup */
-  display: block;
-  position: relative;
-  cursor: pointer;
-
-  margin: 0px;
-  padding: 0px;
-  color: #000;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  line-height: 16px;
-}
-
-.jxTabBox {
-}
-
-/* ======================================= */
-/* HORIZONTALTAB BAR - TOP and BOTTOM TABS */
-/* ======================================= */
-
-.jxBarTop div.jxTabContainer,
-.jxBarBottom div.jxTabContainer {
-  /* Base setup */
-  float: left;
-}
-
-.jxBarTop a.jxTab,
-.jxBarTop span.jxTabContent {
-  background-image: url(images/tab_top.png);
-}
-
-.jxBarBottom a.jxTab,
-.jxBarBottom span.jxTabContent {
-  background-image: url(images/tab_bottom.png);
-}
-
-/* Closeable Tab */
-
-.jxBarTop a.jxTabClose,
-.jxBarBottom a.jxTabClose {
-  top: 3px;
-  right: 3px;
-}
-
-.jxBarTop .jxTabClose span.jxTabContent,
-.jxBarBottom .jxTabClose span.jxTabContent {
-  padding-right: 16px;
-}
-
-/* Normal Tab */
-
-.jxBarTop a.jxTab,
-.jxBarBottom a.jxTab {
-  /* Base setup */
-  float: left;
-
-  padding-left: 4px; /* makes room for the left of the tab bg */
-  background-position: left -24px;
-}
-
-.jxBarTop span.jxTabContent,
-.jxBarBottom span.jxTabContent {
-  /* Base setup */
-  float: left;
-
-  padding: 4px 4px 4px 0px; /* makes space around the label */
-  background-position: right -24px;
-}
-
-
-/* Hover Tab */
-
-.jxBarTop a.jxTab:hover,
-.jxBarBottom a.jxTab:hover {
-  background-position: left -96px;
-}
-
-.jxBarTop a.jxTab:hover span.jxTabContent,
-.jxBarBottom a.jxTab:hover span.jxTabContent {
-  background-position: right -96px;
-}
-
-/* Click Tab */
-
-.jxBarTop a.jxTab:active,
-.jxBarBottom a.jxTab:active {
-  background-position: left -48px;
-}
-
-.jxBarTop a.jxTab:active span.jxTabContent,
-.jxBarBottom a.jxTab:active span.jxTabContent {
-  background-position: right -48px;
-}
-
-/* Active Tab */
-
-.jxBarTop a.jxTabActive,
-.jxBarBottom a.jxTabActive {
-  background-position: left -72px; /* switch to the active left BG */
-}
-
-.jxBarTop a.jxTabActive span.jxTabContent,
-.jxBarBottom a.jxTabActive span.jxTabContent {
-  background-position: right -72px; /* switch to the active right BG  */
-}
-
-/* Disabled Tab */
-
-.jxBarTop .jxDisabled a.jxTab:hover,
-.jxBarTop .jxDisabled a.jxTab:active,
-.jxBarBottom .jxDisabled a.jxTab:hover,
-.jxBarBottom .jxDisabled a.jxTab:active {
-  background-position: left -24px; /* do not switch the left BG */
-}
-
-
-.jxBarTop .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarTop .jxDisabled a.jxTab:active span.jxTabContent,
-.jxBarBottom .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarBottom .jxDisabled a.jxTab:active span.jxTabContent {
-  background-position: right -24px; /* do not switch the right BG */
-}
-
-
-.jxBarTop img.jxTabIcon,
-.jxBarBottom img.jxTabIcon {
-  /* Base setup */
-  float: left;
-}
-
-.jxBarTop span.jxTabLabel,
-.jxBarBottom span.jxTabLabel {
-  /* Base setup */
-  float: left;
-  height: 16px;
-
-  padding: 0px 4px 0px 4px;
-}
-
-
-/* ================================= */
-/* VERTICAL TAB BAR - LEFT and RIGHT */
-/* ================================= */
-
-.jxBarLeft div.jxTabContainer,
-.jxBarRight div.jxTabContainer {
-  /* Base setup */
-}
-
-.jxBarLeft a.jxTab,
-.jxBarLeft span.jxTabContent {
-  background-image: url(images/tab_left.png);
-}
-
-.jxBarRight a.jxTab,
-.jxBarRight span.jxTabContent {
-  background-image: url(images/tab_right.png);
-}
-
-/* Closeable Tab */
-
-.jxBarLeft a.jxTabClose,
-.jxBarRight a.jxTabClose {
-  top: 3px;
-  left: 3px;
-}
-
-.jxBarLeft .jxTabClose span.jxTabContent,
-.jxBarRight .jxTabClose span.jxTabContent {
-  padding-top: 16px;
-}
-
-/* Normal Tab */
-
-.jxBarLeft a.jxTab,
-.jxBarRight a.jxTab {
-  padding-top: 4px; /* makes room for the top of the tab bg */
-  background-position: -24px top;
-}
-
-.jxBarLeft span.jxTabContent,
-.jxBarRight span.jxTabContent {
-  padding: 0px 4px 4px 4px; /* makes space around the label */
-  background-position: -24px bottom;
-}
-
-/* Hover tab */
-
-.jxBarLeft a.jxTab:hover,
-.jxBarRight a.jxTab:hover {
-  background-position: -96px top; /* shifts the left BG out 2 px for slide effect */
-}
-
-.jxBarLeft a.jxTab:hover span.jxTabContent,
-.jxBarRight a.jxTab:hover span.jxTabContent {
-  background-position: -96px bottom;
-}
-
-/* Click Tab */
-
-.jxBarLeft a.jxTab:active,
-.jxBarRight a.jxTab:active {
-  background-position: -48px top;
-}
-
-.jxBarLeft a.jxTab:active span.jxTabContent,
-.jxBarRight a.jxTab:active span.jxTabContent {
-  background-position: -48px bottom;
-}
-
-/* Active Tab */
-
-.jxBarLeft a.jxTabActive,
-.jxBarRight a.jxTabActive {
-  background-position: -72px top; /* switch to the active top BG */
-}
-
-.jxBarLeft a.jxTabActive span.jxTabContent,
-.jxBarRight a.jxTabActive span.jxTabContent {
-  background-position: -72px bottom; /* switch to the active bottom BG  */
-}
-
-/* Disabled Tab */
-
-.jxBarLeft .jxDisabled a.jxTab:hover,
-.jxBarLeft .jxDisabled a.jxTab:active,
-.jxBarRight .jxDisabled a.jxTab:hover,
-.jxBarRigth .jxDisabled a.jxTab:active {
-  background-position: -24px top; /* do not switch the top BG */
-}
-
-
-.jxBarLeft .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarLeft .jxDisabled a.jxTab:active span.jxTabContent,
-.jxBarRight .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarRight .jxDisabled a.jxTab:active span.jxTabContent {
-  background-position: -24px bottom; /* do not switch the top BG */
-}
-
-.jxBarLeft span.jxTabLabel,
-.jxBarRight span.jxTabLabel {
-  padding: 4px 0px 4px 0px;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: toolbar.css 1080 2008-09-23 18:06:47Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============== */
-/* TOOLBAR STYLES */
-/* ============== */
-
-/* Multiple toolbars can be housed in  the toolbar container.
-   The container will expand vertically to accomodate wrapped toolbars */
-
-.jxBarContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-  z-index: 1;
-  overflow: hidden;
-
-  margin: 0px;
-  padding: 0px;
-  border: 0px;
-
-  background-color: #f0f0f0;
-}
-
-.jxBarTop,
-.jxBarBottom {
-  /* Horizontally oriented toolbars */
-  /* Base setup */
-  width: 100%; /* fills the width, may be needed for JS style sniffing */
-  height: 28px;
-  background-image: url(images/toolbar.png);
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-  overflow: hidden;
-}
-
-.jxTabBox .jxBarTop {
-  background-image: url(images/tabbar.png);
-  background-position: 0px bottom;
-}
-
-.jxTabBox .jxBarBottom {
-  background-image: url(images/tabbar_bottom.png);
-  background-position: 0px top;
-}
-
-.jxBarLeft,
-.jxBarRight {
-  /* Vertically oriented toolbars */
-  /* Base setup */
-  width: auto;
-  height: 100%;
-  background-image: url(images/toolbar.png);
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-  float: left;
-  overflow: hidden;
-}
-
-.jxTabBox .jxBarLeft {
-  background-image: url(images/tabbar_left.png);
-  background-repeat: repeat-y;
-  background-position: right 0px;
-}
-
-.jxTabBox .jxBarRight {
-  background-image: url(images/tabbar_right.png);
-  background-repeat: repeat-y;
-  background-position: left 0px;
-}
-
-.jxBarTop .jxBarScroller,
-.jxBarBottom .jxBarScroller {
-  position: absolute;
-  /* much bigger than its container */
-  width: 10000%;
-  overflow: hidden;
-}
-
-.jxBarTop .jxBarScrollLeft,
-.jxBarBottom .jxBarScrollLeft {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-}
-
-.jxBarTop .jxBarScrollRight,
-.jxBarBottom .jxBarScrollRight {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-}
-
-.jxBarTop .jxBarScrollLeft img.jxButtonIcon,
-.jxBarBottom .jxBarScrollLeft img.jxButtonIcon {
-  background-image: url(images/emblems.png);
-  background-position: 0px -80px;
-}
-
-.jxBarTop .jxBarScrollRight img.jxButtonIcon,
-.jxBarBottom .jxBarScrollRight img.jxButtonIcon {
-  background-image: url(images/emblems.png);
-  background-position: 0px -96px;
-}
-
-
-/* The jx toolbar and tabbar are both built out of a UL
-   The margins/padding are flattened out, and the list markers are hidden
-   UL's are floated left so multiple toolbars can be in the samae row.
-   In IE, the UL needs to have a specified width to prevent button wrapping.
-
-   The tab background uses the sliding door technique so tabs can expand to
-   accomodate content up to 200 px wide (top/bottom tabs) or 200px high
-   (left/right tabs).  All parts and states of the tab BG graphics are in the
-   same image so they can be treated like sprites.
-
-   Horizontal tabs can contain text or an image label.  Vertical tabs need an
-   image label.
-*/
-
-ul.jxToolbar,
-ul.jxTabBar {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  list-style-type: none;
-
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  padding: 0px;
-  border: none;
-}
-
-.jxBarTop ul.jxToolbar,
-.jxBarBottom ul.jxToolbar,
-.jxBarTop ul.jxTabBar,
-.jxBarBottom ul.jxTabBar {
-}
-
-/* LI's are floated to the left, to make a horizontal row of buttons*/
-
-li.jxToolItem {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  padding: 0px;
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  border: none;
-}
-
-/* Seperator height should match that of button images
-   and the margins+padding+border should add up to the same total too. */
-
-li.jxToolItem .separator {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  border: 0px;
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  padding: 4px;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-
-.jxBarTop  li.jxToolItem  span.separator,
-.jxBarBottom  li.jxToolItem  span.separator {
-  /* width/height should be defined */
-  width: 8px;
-  height: 20px;
-  background-image: url(images/toolbar_separator_h.png);
-}
-
-.jxBarLeft  li.jxToolItem  span.separator,
-.jxBarRight  li.jxToolItem  span.separator {
-  /* width/height should be defined */
-  width: 20px;
-  height: 8px;
-  background-image: url(images/toolbar_separator_v.png);
-}
-
-/* Vertically oriented toolbars need floats cleared */
-
-.jxBarLeft ul.jxToolbar,
-.jxBarLeft ul.jxTabBar,
-.jxBarLeft li.jxToolItem,
-.jxBarRight ul.jxToolbar,
-.jxBarRight ul.jxTabBar,
-.jxBarRight li.jxToolItem
-{
-  /* Base setup */
-  clear: both;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: tree.css 711 2008-08-13 20:38:33Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =========== */
-/* TREE STYLES */
-/* =========== */
-
-/* The jx tree built out of nested ULs
-   For this to work visually, the margins and padding need to be flattened
-   out, and the list marker needs to be hidden
-*/
-
-
-.jxTree,
-.jxTreeRoot {
-  /* relative positioning is required for IE to fix the peek-a-boo bug */
-  position:relative;
-  display: block;
-  list-style: none;
-  margin: 0px;
-  padding: 0px;
-}
-
-.jxTreeNest {
-  list-style: none;
-  margin: 0px;
-  padding: 0px;
-  background-repeat: repeat-y;
-  background-position: left top;
-}
-
-/* Node Classes */
-
-.jxTree li,
-.jxTreeRoot li {
-  /* relative positioning is required for IE to fix the peek-a-boo bug */
-  position:relative;
-  display: block;
-  margin: 0px;
-  padding: 0px;
-  background-repeat: no-repeat;
-  /* background branches may need to shift up/down according to height of the node */
-  background-position: left top;
-  white-space: nowrap;
-  font-size: 0px;
-  line-height: 0px;
-  overflow: hidden;
-}
-
-.jxTree li {
-  margin-left: 16px;
-}
-
-.jxTree a,
-.jxTreeRoot a {
-  position: relative;
-  display: block;
-  margin: 0px 0px 0px 14px;
-  padding: 0px 0px 0px 20px;
-  z-index: 0;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  color: #000;
-  text-decoration: none;
-  /* Line Height needs to be an even number so branches line up properly */
-  line-height: 20px;
-  height: 20px;
-}
-
-.jxTree a:hover,
-.jxTreeRoot a:hover {
-  background-image: url(images/tree_hover.png);
-  background-color: #CDE5FF;
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-}
-
-.jxDisabled .jxTree a:hover,
-.jxDisabled .jxTreeRoot a:hover {
-  background: none;
-  cursor: default;
-}
-
-.jxTreeNest {
-  background-image: url(images/tree_vert_line.png);
-}
-
-.jxTreeImage,
-.jxTreeIcon {
-  position: absolute;
-  display: inline;
-
-  left: 0px;
-  top: 0px;
-  width: 16px;
-  height: 20px;
-
-  z-index: 1;
-
-  background-image: url(images/tree.png);
-  background-repeat: no-repeat;
-
-  border: 0px;
-  margin: 0px;
-}
-
-.jxTreeIcon {
-  height: 16px;
-  left: 2px;
-  top: 2px;
-}
-
-.jxTreeBranchOpen .jxTreeIcon,
-.jxTreeBranchLastOpen .jxTreeIcon {
-  background-position: left -40px; /* open folder image */
-}
-
-
-.jxTreeBranchLastOpen .jxTreeImage {
-  background-position: left -160px; /* minus last image */
-}
-
-.jxTreeBranchOpen .jxTreeImage {
-  background-position: left -100px; /* minus image */
-}
-
-.jxTreeBranchClosed .jxTreeIcon,
-.jxTreeBranchLastClosed .jxTreeIcon {
-  background-position: left -20px; /* closed folder image */
-}
-
-
-.jxTreeBranchLastClosed .jxTreeImage {
-  background-position: left -140px; /* plus last image */
-}
-
-.jxTreeBranchClosed .jxTreeImage {
-  background-position: left -80px; /* plus image */
-}
-
-.jxTreeItem .jxTreeIcon,
-.jxTreeItemLast .jxTreeIcon {
-  background-position: left 0px; /* page image */
-}
-
-.jxTreeItem .jxTreeImage {
-  background-position: left -60px; /* node image */
-}
-
-.jxTreeItemLast .jxTreeImage {
-  background-position: left -120px; /* last node image */
-}
-
-.jxTreeItemSelected {
-  background-color: #AFD4FA;
-  font-weight:bold;
-}
-
-.jxTreeItem a,
-.jxTreeItem img,
-.jxTreeItem input,
-.jxTreeItemLast a,
-.jxTreeItemLast img,
-.jxTreeItemLast input,
-.jxTreeBranch a,
-.jxTreeBranch img,
-.jxTreeBranch input,
-.jxTreeBranchLast a,
-.jxTreeBranchLast img,
-.jxTreeBranchLast input {
-    vertical-align: middle;
-}
-
-

Added: trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/slate.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/slate.css	                        (rev 0)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/slate.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -0,0 +1 @@
+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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{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:'';}html{height:100%;overflow:hidden;}body{width:100%;height:100%;overflow:hidden;background-image:url(images/backgroundTile.png);background-repeat:repeat-x;background-color:#777;background-position:bottom;}body,table{font-style:normal;font-weight:normal;font-size:75%;font-family:Verdana,Arial,Helvetica,sans-serif;color:#000;}#Map{border:1px solid #3a3a3a;background-image:url(images/mapBackground.png);background-repeat:repeat-x;background-color:#efefef;background-position:bottom;overflow:hidden;position:absolute;z-index:1;}.olMapViewport{z-index:1;}#Maptip{display:none;border:1px solid #000;background-color
 :#E5DAC7;padding:4px;}#Toolbar{position:absolute;display:block;top:0;z-index:2;background-image:url(images/toolbarBackground.png);height:24px;}#ToolbarLeft{position:absolute;left:0;top:0;width:2px;height:24px;background-image:url(images/toolbarLeft.png);background-repeat:no-repeat;z-index:3;}#ToolbarRight{position:absolute;right:0;top:0;width:2px;height:24px;background-image:url(images/toolbarRight.png);background-repeat:no-repeat;z-index:3;}#Toolbar span.jxButtonContainer{padding:1px 2px 1px 2px;}#Toolbar a.jxButton{padding:0 0 0 4px;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonContent{padding:3px 4px 3px 0;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonLabel{color:#fff;padding-top:0;padding-bottom:0;}#ToolbarSecondary{position:absolute;display:block;top:24px;height:24px;background-image:url(images/toolbarSubBackground.png);background-position:bottom;z-index:2;}#ToolbarSecondaryLeft{position:absolute;left:0;top:24px;width:2px;
 height:24px;background-image:url(images/toolbarSubLeft.png);background-repeat:no-repeat;background-position:bottom;z-index:3;}#ToolbarSecondaryRight{position:absolute;right:0;top:24px;width:2px;height:24px;background-image:url(images/toolbarSubRight.png);background-repeat:no-repeat;background-position:bottom;z-index:3;}#ToolbarSecondary span.jxButtonContainer{padding:0 2px 1px 2px;}#ToolbarSecondary a.jxButton{padding:0 0 0 4px;background-image:url(images/toolbarSubButton.png);}#ToolbarSecondary span.jxButtonContent{padding:4px 4px 3px 0;background-image:url(images/toolbarSubButton.png);}#ToolbarSecondary span.jxButtonLabel{padding-top:0;padding-bottom:0;}#FileMenu{position:absolute;display:block;left:0;height:24px;background-image:url(images/fileMenuBackground.png);z-index:2;}#FileMenuLeft{position:absolute;left:0;top:0;width:2px;height:24px;background-image:url(images/fileMenuLeft.png);background-repeat:no-repeat;z-index:3;}#FileMenuRight{position:absolute;right:0;top:0;wi
 dth:2px;height:24px;background-image:url(images/fileMenuRight.png);background-repeat:no-repeat;z-index:3;}#FileMenu span.jxButtonContainer{padding:1px 2px 1px 2px;}#FileMenu a.jxButton{padding:0 0 0 4px;background-image:url(images/fileMenuButton.png);}#FileMenu span.jxButtonContent{padding:2px 4px 2px 0;background-image:url(images/fileMenuButton.png);}#FileMenu span.jxButtonLabel{color:#fff;padding:0 4px 0 4px;background-image:none;}#ToolbarContainer li.jxToolItem .jxBarSeparator,#FileMenuContainer li.jxToolItem .jxBarSeparator{padding:4px;}#ToolbarContainer .jxBarTop li.jxToolItem span.jxBarSeparator,#ToolbarContainer .jxBarBottom li.jxToolItem span.jxBarSeparator,#FileMenuContainer .jxBarTop li.jxToolItem span.jxBarSeparator,#FileMenuContainer .jxBarBottom li.jxToolItem span.jxBarSeparator{width:8px;height:16px;}#ToolbarContainer .jxBarLeft li.jxToolItem span.jxBarSeparator,#Toolbarcontainer .jxBarRight li.jxToolItem span.jxBarSeparator,#FileMenuContainer .jxBarLeft li.jxT
 oolItem span.jxBarSeparator,#FileMenuContainer .jxBarRight li.jxToolItem span.jxBarSeparator{width:16px;height:8px;}#ToolbarContainer a.jxButtonMenu span.jxButtonContent span,#ToolbarContainer a.jxButtonFlyout span.jxButtonContent span,#ToolbarContainer a.jxButtonMulti span.jxButtonContent span,#ToolbarContainer a.jxButtonCombo span.jxButtonContent span,#ToolbarContainer a.jxButtonEditCombo span.jxButtonContent span{background-image:url(images/emblems_alt.png);}#StatusbarContainer{background-image:url(images/statusBarBackground.png);background-repeat:repeat-x;background-color:#fff;color:#fff;line-height:21px;font-size:10px;vertical-align:middle;}#Statusbar .jxSplitBarHorizontal{width:1px;background-color:#313131;cursor:'col-resize';margin-top:5px;height:13px;}#Statusbar .spanCursorPosition,#Statusbar .spanViewSize,#Statusbar .spanSelectionInfo{padding:4px 10px;font-size:10px;color:#FFF;font-family:Verdana,Arial,Helvetica,sans-serif;}inputEditableScale{font-size:10px;font-fam
 ily:Verdana,Arial,Helvetica,sans-serif;color:#FFF;background-color:#aaa;border:1px solid #ccc;}#StatusNavigator{position:absolute;right:139px;padding-top:2px;}#pbmg{position:absolute;right:0;padding-top:2px;}#StatusbarContainer .jxButtonContainer,#StatusbarContainer span.jxButtonContent,#StatusbarContainer a.jxButton:hover span.jxButtonContent,#StatusbarContainer a.jxButton:active span.jxButtonContent,#StatusbarContainer a.jxButtonActive span.jxButtonContent,#StatusbarContainer a.jxButtonActive:hover span.jxButtonContent,#StatusbarContainer a.jxButtonActive:active span.jxButtonContent,#StatusbarContainer .jxDisabled a.jxButton span.jxButtonContent,#StatusbarContainer .jxDisabled a.jxButton:hover span.jxButtonContent,#StatusbarContainer .jxDisabled a.jxButton:active span.jxButtonContent,#StatusbarContainer a.jxButton,#StatusbarContainer a.jxButton:hover,#StatusbarContainer a.jxButton:active,#StatusbarContainer a.jxButtonActive,#StatusbarContainer a.jxButtonActive:hover,#Statu
 sbarContainer a.jxButtonActive:active,#StatusbarContainer .jxDisabled a.jxButton,#StatusbarContainer .jxDisabled a.jxButton:hover,#StatusbarContainer .jxDisabled a.jxButton:active{padding:0;margin:0;border:none;background-color:transparent;background-image:none;}#StatusbarContainer img.jxButtonIcon{vertical-align:baseline;}#Sidebar{position:absolute;top:26px;bottom:24px;width:218px;left:0;overflow:hidden;display:block;padding-right:8px;}#Sidebar .jxSplitContainer{border-right:1px solid #3A3A3A;}#Sidebar .jxSplitArea{border-left:1px solid #3A3A3A;border-bottom:1px solid #3A3A3A;padding:2px 0 0 0;}#Sidebar .jxPanelTitle{background-position:2px 0;height:24px;margin:0 0 0 2px;}#Sidebar .jxPanelBar{height:24px;background-image:url(images/panelBarLeft.png);background-repeat:no-repeat;background-position:left 0;background-color:transparent;}#Sidebar .jxBarTop .jxBarControls,#Sidebar .jxBarBottom .jxBarControls{display:none;}#SidebarCollapse{position:absolute;width:8px;top:0;right:0
 ;height:100%;z-index:1;overflow:hidden;}#SidebarCollapseContent{position:absolute;width:8px;height:100%;background:url(images/sidebarCollapseBackground.png) repeat-y #000;top:-2px;z-index:1;}#SidebarCollapseTop{position:absolute;height:2px;width:8px;top:0;background:url(images/sidebarCollapseTop.png) no-repeat;z-index:2;}#SidebarCollapseBottom{position:absolute;height:2px;width:8px;bottom:0;background:url(images/sidebarCollapseBottom.png) no-repeat;z-index:2;}#SidebarCollapseButton{display:block;width:8px;top:0;bottom:0;left:0;right:0;position:absolute;height:100%;font-size:1px;}.jxSnapOpened #SidebarCollapseButton{background:url(images/sidebarCloseButton.png) center no-repeat;}.jxSnapClosed #SidebarCollapseButton{background:url(images/sidebarOpenButton.png) center no-repeat;}#Navigator{right:10px;top:10px;display:block;}ul.jxToolbar .jxButton:focus,.jxButton:focus{background-position:left -96px;}ul.jxToolbar .jxButton:focus span.jxButtonContent,.jxButton:focus span.jxButton
 Content{background-position:right -96px;}ul.jxToolbar .jxButtonActive:focus,.jxButtonActive:focus{background-position:left -72px;}ul.jxToolbar .jxButtonActive:focus span.jxButtonContent,.jxButtonActive:focus span.jxButtonContent{background-position:right -72px;}span.jxButtonContent span{font-family:Verdana,Arial,Helvetica,sans-serif;}a.jxButtonEditCombo input{font-family:Verdana,Arial,Helvetica,sans-serif;background-color:transparent;}.jxChromeTL img{width:500px;height:500px;}.jxChromeTR img{width:500px;height:500px;}.jxChromeBL img{width:500px;height:500px;}.jxChromeBR img{width:500px;height:500px;}.jxDialog .jxChrome{background-image:url(images/dialog_chrome.png);}.jxDialogContentContainer{border:none;}.jxDialogModal{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.2;-ms-filter:"Alpha(opacity=20)";}.jxDialogTitle{background-image:url(images/a_pixel.png);height:16px;margin:10px 10px 0 10px;}.jxDialogIcon{left:10px;top:0;}.jx
 DialogLabel{font-family:Verdana,Arial,Helvetica,sans-serif;line-height:15px;display:block;top:0;}.jxDialogControls{top:0;}.jxDialogControls img{background-image:url('images/dialog_controls.png');}.jxGridTable{font-family:Verdana,Arial,Helvetica,sans-serif;}a.jxMenuItem{font-family:Verdana,Arial,Helvetica,sans-serif;}span.jxMenuItemContent{font-family:Verdana,Arial,Helvetica,sans-serif;}.jxPanelContentContainer{background-image:url(images/panelBackround.png);background-repeat:repeat-x;background-position:left bottom;background-color:#f0f0f0;}.jxPanelContent{background-color:transparent;}.jxPanelTitle{background-image:url(images/panelbar.png);background-repeat:repeat-x;background-position:left top;text-align:left;}.jxPanelBar{background-color:transparent;}.jxPanelIcon{display:none;}.jxPanelLabel{padding-left:20px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-height:21px;color:#fff;white-space:nowrap;}.jxPanelControls{top:2px;left:2px;heigh
 t:16px;width:16px;}.jxPanelControls img{background-image:url('images/panel_controls.png');background-repeat:no-repeat;}span.jxTabLabel{font-family:Verdana,Arial,Helvetica,sans-serif;}.jxSplitBarHorizontal{width:2px;background-color:transparent;}.jxSplitBarVertical{width:2px;background-color:transparent;}.jxSplitterMask{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-image:url(images/a_pixel.png);z-index:1;}.jxSplitArea{display:block;position:absolute;margin:0;padding:0;border:none;overflow:hidden;z-index:0;}.jxBarTop,.jxBarBottom{background-image:url(images/toolbar.png);background-repeat:repeat-x;background-position:0 0;}.jxBarTop .jxBarScroller,.jxBarBottom .jxBarScroller{position:absolute;width:10000%;overflow:hidden;}.jxBarTop li.jxToolItem span.jxBarSeparator,.jxBarBottom li.jxToolItem span.jxBarSeparator{width:8px;height:20px;background-image:url(images/toolbar_separator_h.png);}.jxBarLeft li.jxToolItem span.jxBarSeparator,.jxBarRight li
 .jxToolItem span.jxBarSeparator{width:20px;height:8px;background-image:url(images/toolbar_separator_v.png);}.jxBarTop .jxBarScrollLeft img.jxButtonIcon,.jxBarBottom .jxBarScrollLeft img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -80px;}.jxBarTop .jxBarScrollRight img.jxButtonIcon,.jxBarBottom .jxBarScrollRight img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -96px;}.jxBarTop .jxBarControls .jxButtonContainer,.jxBarBottom .jxBarControls .jxButtonContainer,.jxBarTop .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer,.jxBarBottom .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer{z-index:1;padding:2px;margin-left:-1px;}.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,.jx
 BarTop .jxBarControls .jxDisabled .jxButton,.jxBarBottom .jxBarControls .jxDisabled .jxButton,.jxBarTop .jxBarControls .jxDisabled .jxButton,.jxBarBottom .jxBarControls .jxDisabled .jxButton{visibility:hidden;cursor:default;}a.jxTreeItem{font-family:Verdana,Arial,Helvetica,sans-serif;}
\ No newline at end of file

Added: trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/slate.uncompressed.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/slate.uncompressed.css	                        (rev 0)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/slate/slate.uncompressed.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -0,0 +1,771 @@
+/*
+Copyright (c) 2006, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 0.11.0
+*/
+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;}
+table{border-collapse:collapse;border-spacing:0;}
+fieldset,img{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:'';}
+
+/********************************************************
+  Noble Studios - 05/21/07
+  ns_adsk.css
+  Mapguide Layout
+********************************************************/
+
+html {
+  height: 100%;
+  overflow: hidden;
+}
+
+body {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-image: url(images/backgroundTile.png);
+  background-repeat: repeat-x;
+  background-color: #777777;
+  background-position: bottom;
+}
+
+body, table {
+  font-style: normal;
+  font-weight: normal;
+  font-size: 75%;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: #000000;
+}
+
+/********************************************************
+  Main Map
+********************************************************/
+
+#Map {
+  border: 1px solid #3a3a3a;
+  background-image: url(images/mapBackground.png);
+  background-repeat: repeat-x;
+  background-color: #efefef;
+  background-position: bottom;
+  overflow: hidden;
+  position: absolute;
+  z-index: 1;
+}
+
+.olMapViewport {
+    z-index: 1;
+}
+
+#Maptip {
+  display: none;
+  border: 1px solid #000;
+  background-color: #E5DAC7;
+  padding: 4px;
+}
+
+/********************************************************
+  Primary Toolbar
+********************************************************/
+
+#Toolbar {
+  position: absolute;
+  display: block;
+  top: 0px;
+  z-index: 2;
+  background-image: url(images/toolbarBackground.png);
+  height: 24px;
+}
+
+#ToolbarLeft {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 2px;
+  height: 24px;
+  background-image: url(images/toolbarLeft.png);
+  background-repeat: no-repeat;
+  z-index: 3;
+}
+
+#ToolbarRight {
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  width: 2px;
+  height: 24px;
+  background-image: url(images/toolbarRight.png);
+  background-repeat: no-repeat;
+  z-index: 3;
+}
+
+#Toolbar span.jxButtonContainer {
+  padding: 1px 2px 1px 2px;
+}
+
+#Toolbar a.jxButton {
+  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
+  background-image: url(images/toolbarButton.png);
+}
+
+#Toolbar span.jxButtonContent {
+  padding: 3px 4px 3px 0px; /* makes room for the right of the button bg */
+  background-image: url(images/toolbarButton.png);
+}
+
+#Toolbar span.jxButtonLabel {
+  color: #ffffff;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+/********************************************************
+  Secondary Toolbar
+********************************************************/
+
+#ToolbarSecondary {
+  position: absolute;
+  display: block;
+  top: 24px;
+  height: 24px;
+  background-image: url(images/toolbarSubBackground.png);
+  background-position: bottom;
+  z-index: 2;
+}
+
+#ToolbarSecondaryLeft {
+  position: absolute;
+  left: 0px;
+  top: 24px;
+  width: 2px;
+  height: 24px;
+  background-image: url(images/toolbarSubLeft.png);
+  background-repeat: no-repeat;
+  background-position: bottom;
+  z-index: 3;
+}
+
+#ToolbarSecondaryRight {
+  position: absolute;
+  right: 0px;
+  top: 24px;
+  width: 2px;
+  height: 24px;
+  background-image: url(images/toolbarSubRight.png);
+  background-repeat: no-repeat;
+  background-position: bottom;
+  z-index: 3;
+}
+
+#ToolbarSecondary span.jxButtonContainer {
+  padding: 0px 2px 1px 2px;
+}
+
+#ToolbarSecondary a.jxButton {
+  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
+  background-image: url(images/toolbarSubButton.png);
+}
+
+#ToolbarSecondary span.jxButtonContent {
+  padding: 4px 4px 3px 0px; /* makes room for the right of the button bg */
+  background-image: url(images/toolbarSubButton.png);
+}
+
+#ToolbarSecondary span.jxButtonLabel {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+/********************************************************
+  Main Menu
+********************************************************/
+
+#FileMenu {
+  position: absolute;
+  display: block;
+  left: 0px;
+  height: 24px;
+  background-image: url(images/fileMenuBackground.png);
+  z-index: 2;
+}
+
+#FileMenuLeft {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 2px;
+  height: 24px;
+  background-image: url(images/fileMenuLeft.png);
+  background-repeat: no-repeat;
+  z-index: 3;
+}
+
+#FileMenuRight {
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  width: 2px;
+  height: 24px;
+  background-image: url(images/fileMenuRight.png);
+  background-repeat: no-repeat;
+  z-index: 3;
+}
+
+#FileMenu span.jxButtonContainer {
+  padding: 1px 2px 1px 2px;
+}
+
+#FileMenu a.jxButton {
+  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
+  background-image: url(images/fileMenuButton.png);
+}
+
+#FileMenu span.jxButtonContent {
+  padding: 2px 4px 2px 0px; /* makes room for the right of the button bg */
+  background-image: url(images/fileMenuButton.png);
+}
+
+#FileMenu span.jxButtonLabel {
+  color: #ffffff;
+  padding: 0 4px 0 4px;
+  background-image: none;
+}
+
+/* Seperator height should match that of button images
+   and the margins+padding+border should add up to the same total too. */
+
+#ToolbarContainer li.jxToolItem .jxBarSeparator,
+#FileMenuContainer li.jxToolItem .jxBarSeparator {
+  padding: 4px;
+}
+
+#ToolbarContainer .jxBarTop  li.jxToolItem  span.jxBarSeparator,
+#ToolbarContainer .jxBarBottom  li.jxToolItem  span.jxBarSeparator,
+#FileMenuContainer .jxBarTop  li.jxToolItem  span.jxBarSeparator,
+#FileMenuContainer .jxBarBottom  li.jxToolItem  span.jxBarSeparator {
+  width: 8px;
+  height: 16px;
+}
+
+#ToolbarContainer .jxBarLeft  li.jxToolItem  span.jxBarSeparator,
+#Toolbarcontainer .jxBarRight  li.jxToolItem  span.jxBarSeparator,
+#FileMenuContainer .jxBarLeft  li.jxToolItem  span.jxBarSeparator,
+#FileMenuContainer .jxBarRight  li.jxToolItem  span.jxBarSeparator {
+  width: 16px;
+  height: 8px;
+}
+
+#ToolbarContainer a.jxButtonMenu span.jxButtonContent span,
+#ToolbarContainer a.jxButtonFlyout span.jxButtonContent span,
+#ToolbarContainer a.jxButtonMulti span.jxButtonContent span,
+#ToolbarContainer a.jxButtonCombo span.jxButtonContent span,
+#ToolbarContainer a.jxButtonEditCombo span.jxButtonContent span {
+  background-image: url(images/emblems_alt.png);
+}
+
+/********************************************************
+  Status Bar
+********************************************************/
+
+#StatusbarContainer {
+  background-image: url(images/statusBarBackground.png);
+  background-repeat: repeat-x;
+  background-color: #ffffff;
+  color: #ffffff;
+  line-height: 21px;
+  font-size: 10px;
+  vertical-align: middle;
+}
+
+#Statusbar .jxSplitBarHorizontal {
+  width: 1px;
+  background-color: #313131;
+  cursor: 'col-resize';
+  margin-top: 5px;
+  height: 13px;
+}
+
+#Statusbar .spanCursorPosition,
+#Statusbar .spanViewSize,
+#Statusbar .spanSelectionInfo {
+  padding: 4px 10px;
+  font-size: 10px;
+  color: #FFFFFF;
+  font-family: Verdana,Arial,Helvetica,sans-serif;
+}
+
+inputEditableScale {
+  font-size: 10px;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: #FFFFFF;
+  background-color: #aaa;
+  border: 1px solid #ccc;
+}
+
+#StatusNavigator {
+  position: absolute;
+  right: 139px;
+  padding-top: 2px;
+}
+
+#pbmg {
+  position: absolute;
+  right: 0px;
+  padding-top: 2px;
+}
+
+#StatusbarContainer .jxButtonContainer,
+#StatusbarContainer span.jxButtonContent,
+#StatusbarContainer a.jxButton:hover span.jxButtonContent,
+#StatusbarContainer a.jxButton:active span.jxButtonContent,
+#StatusbarContainer a.jxButtonActive span.jxButtonContent,
+#StatusbarContainer a.jxButtonActive:hover span.jxButtonContent,
+#StatusbarContainer a.jxButtonActive:active span.jxButtonContent,
+#StatusbarContainer .jxDisabled a.jxButton span.jxButtonContent,
+#StatusbarContainer .jxDisabled a.jxButton:hover span.jxButtonContent,
+#StatusbarContainer .jxDisabled a.jxButton:active span.jxButtonContent,
+#StatusbarContainer a.jxButton,
+#StatusbarContainer a.jxButton:hover,
+#StatusbarContainer a.jxButton:active ,
+#StatusbarContainer a.jxButtonActive,
+#StatusbarContainer a.jxButtonActive:hover,
+#StatusbarContainer a.jxButtonActive:active,
+#StatusbarContainer .jxDisabled a.jxButton,
+#StatusbarContainer .jxDisabled a.jxButton:hover,
+#StatusbarContainer .jxDisabled a.jxButton:active {
+  padding: 0px;
+  margin: 0px;
+  border: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+#StatusbarContainer img.jxButtonIcon {
+  vertical-align: baseline;
+}
+
+/********************************************************
+  Side Bar Panels
+********************************************************/
+
+#Sidebar {
+  position: absolute;
+  top: 26px;
+  bottom: 24px;
+  width: 218px;
+  left: 0px;
+  overflow: hidden;
+  display: block;
+  padding-right: 8px;
+}
+
+#Sidebar .jxSplitContainer {
+  border-right: 1px solid #3A3A3A;
+}
+
+#Sidebar .jxSplitArea {
+  border-left: 1px solid #3A3A3A;
+  border-bottom: 1px solid #3A3A3A;
+  padding: 2px 0px 0px 0px;
+}
+
+#Sidebar .jxPanelTitle {
+  background-position: 2px 0px;
+  height: 24px;
+  margin: 0px 0px 0px 2px;
+}
+
+#Sidebar .jxPanelBar {
+  height: 24px;
+  background-image: url(images/panelBarLeft.png);
+  background-repeat: no-repeat;
+  background-position: left 0px;
+  background-color: transparent;
+}
+
+#Sidebar .jxBarTop .jxBarControls,
+#Sidebar .jxBarBottom .jxBarControls{
+  display: none;
+}
+
+#SidebarCollapse {
+  position: absolute;
+  width: 8px;
+  top: 0px;
+  right: 0px;
+  height: 100%;
+  z-index: 1;
+  overflow: hidden;
+}
+
+#SidebarCollapseContent {
+  position: absolute;
+  width: 8px;
+  height: 100%;
+  background: url(images/sidebarCollapseBackground.png) repeat-y #000;
+  top: -2px;
+  z-index: 1;
+}
+
+#SidebarCollapseTop {
+  position: absolute;
+  height: 2px;
+  width: 8px;
+  top: 0px;
+  background: url(images/sidebarCollapseTop.png) no-repeat;
+  z-index: 2;
+}
+
+#SidebarCollapseBottom {
+  position: absolute;
+  height: 2px;
+  width: 8px;
+  bottom: 0px;
+  background: url(images/sidebarCollapseBottom.png) no-repeat;
+  z-index: 2;
+}
+
+#SidebarCollapseButton {
+  display: block;
+  width: 8px;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  position: absolute;
+  height: 100%;
+  font-size: 1px;
+}
+
+.jxSnapOpened #SidebarCollapseButton {
+  background: url(images/sidebarCloseButton.png) center no-repeat;
+}
+
+.jxSnapClosed #SidebarCollapseButton {
+  background: url(images/sidebarOpenButton.png) center no-repeat;
+}
+
+/* navigator Styles */
+
+#Navigator {
+  right: 10px;
+  top: 10px;
+  display: block;
+}
+
+/* ====================== */
+/* OVERRIDE BUTTON STYLES */
+/* ====================== */
+
+/* focus button */
+ul.jxToolbar .jxButton:focus,
+.jxButton:focus {
+  background-position: left -96px;
+}
+
+ul.jxToolbar .jxButton:focus span.jxButtonContent,
+.jxButton:focus span.jxButtonContent {
+  background-position: right -96px;
+}
+
+/* focus active button */
+ul.jxToolbar .jxButtonActive:focus,
+.jxButtonActive:focus {
+  background-position: left -72px;
+}
+
+ul.jxToolbar .jxButtonActive:focus span.jxButtonContent,
+.jxButtonActive:focus span.jxButtonContent {
+  background-position: right -72px;
+}
+
+span.jxButtonContent span {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+a.jxButtonEditCombo input {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  background-color: transparent;
+}
+
+/* ====================== */
+/* OVERRIDE CHROME STYLES */
+/* ====================== */
+
+.jxChromeTL img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeTR img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeBL img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeBR img {
+  width: 500px;
+  height:500px;
+}
+
+/* ====================== */
+/* OVERRIDE DIALOG STYLES */
+/* ====================== */
+
+.jxDialog .jxChrome {
+  background-image: url(images/dialog_chrome.png);
+}
+
+.jxDialogContentContainer {
+  border: none;
+}
+
+.jxDialogModal {
+  /* Base setup */
+  position: absolute;
+  display: block;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+
+  background-color: #000;
+  opacity: .2;
+  -ms-filter: "Alpha(opacity=20)";
+}
+
+.jxDialogTitle {
+  /* this makes the dialog draggable by the title bar in IE
+   * Without it, only the label is draggable
+   */
+  background-image: url(images/a_pixel.png);
+
+  /* note: height is hard coded into jx.js Jx.Dialog initialize function - change there as well as here */
+  height: 16px;
+
+  margin: 10px 10px 0px 10px;
+}
+
+.jxDialogIcon {
+  left: 10px;
+  top: 0px;
+}
+
+.jxDialogLabel {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  line-height:15px;
+  display:block;
+  top: 0px;
+}
+
+.jxDialogControls {
+  top: 0px;
+}
+
+.jxDialogControls img {
+  background-image: url('images/dialog_controls.png');
+}
+
+
+/* ======================= */
+/* OVERRIDE JX GRID STYLES */
+/* ======================= */
+
+.jxGridTable {
+    font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+/* ======================= */
+/* OVERRIDE JX MENU STYLES */
+/* ======================= */
+
+a.jxMenuItem {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+span.jxMenuItemContent {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+/* ======================== */
+/* OVERRIDE JX PANEL STYLES */
+/* ======================== */
+
+.jxPanelContentContainer {
+  background-image: url(images/panelBackround.png);
+  background-repeat: repeat-x;
+  background-position: left bottom;
+  background-color: #f0f0f0;
+}
+
+.jxPanelContent {
+  background-color: transparent;
+}
+
+.jxPanelTitle {
+  background-image: url(images/panelbar.png);
+  background-repeat: repeat-x;
+  background-position: left top;
+  text-align: left;
+}
+
+/* JX PANELSET STYLE FOR TITLE BAR */
+.jxPanelBar {
+  background-color: transparent;
+}
+
+.jxPanelIcon {
+  display: none; /* hide the panel icon */
+}
+
+.jxPanelLabel {
+  /* make room for the loading spinner */
+  padding-left: 20px;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size: 11px;
+  font-weight: bold;
+  /* line-height vertically aligns the label in the containing div. */
+  line-height:21px;
+  color: #fff;
+  white-space: nowrap;
+}
+
+.jxPanelControls {
+  top: 2px;
+  left: 2px;
+  height: 16px;
+  width: 16px;
+}
+
+.jxPanelControls img {
+  background-image: url('images/panel_controls.png');
+  background-repeat: no-repeat;
+}
+
+/* ================================= */
+/* OVERRIDE BASE TAB (BUTTON) STYLES */
+/* ================================= */
+
+span.jxTabLabel {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+/* ======================== */
+/* OVERRIDE SPLITTER STYLES */
+/* ======================== */
+
+.jxSplitBarHorizontal {
+  width: 2px;
+  background-color: transparent;
+}
+
+.jxSplitBarVertical {
+  width: 2px;
+  background-color: transparent;
+}
+
+.jxSplitterMask { 
+  position: absolute; 
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-image: url(images/a_pixel.png);
+  z-index: 1; 
+} 
+
+.jxSplitArea {
+  display: block;
+  position: absolute;
+  margin: 0px;
+  padding: 0px;
+  border: none;
+  overflow: hidden;
+  z-index: 0;
+}
+
+/* ======================= */
+/* OVERRIDE TOOLBAR STYLES */
+/* ======================= */
+
+.jxBarTop,
+.jxBarBottom {
+  background-image: url(images/toolbar.png);
+  background-repeat: repeat-x;
+  background-position: 0px 0px;
+}
+
+.jxBarTop .jxBarScroller,
+.jxBarBottom .jxBarScroller {
+  position: absolute;
+  /* much bigger than its container */
+  width: 10000%;
+  overflow: hidden;
+}
+
+.jxBarTop  li.jxToolItem  span.jxBarSeparator,
+.jxBarBottom  li.jxToolItem  span.jxBarSeparator {
+  /* width/height should be defined */
+  width: 8px;
+  height: 20px;
+  background-image: url(images/toolbar_separator_h.png);
+}
+
+.jxBarLeft  li.jxToolItem  span.jxBarSeparator,
+.jxBarRight  li.jxToolItem  span.jxBarSeparator {
+  /* width/height should be defined */
+  width: 20px;
+  height: 8px;
+  background-image: url(images/toolbar_separator_v.png);
+}
+
+.jxBarTop .jxBarScrollLeft img.jxButtonIcon,
+.jxBarBottom .jxBarScrollLeft img.jxButtonIcon {
+  background-image: url(images/emblems.png);
+  background-position: 0px -80px;
+}
+
+.jxBarTop .jxBarScrollRight img.jxButtonIcon,
+.jxBarBottom .jxBarScrollRight img.jxButtonIcon {
+  background-image: url(images/emblems.png);
+  background-position: 0px -96px;
+}
+
+.jxBarTop .jxBarControls .jxButtonContainer,
+.jxBarBottom .jxBarControls .jxButtonContainer,
+.jxBarTop .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer,
+.jxBarBottom .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer{
+  z-index: 1;
+  padding: 2px;
+  margin-left: -1px;
+}
+
+/* trick here:  hide disabled buttons */
+.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarBottom .jxBarControls  .jxDisabled span.jxButtonContent span,
+.jxBarTop .jxBarControls .jxDisabled .jxButton,
+.jxBarBottom .jxBarControls .jxDisabled .jxButton,
+.jxBarTop .jxBarControls .jxDisabled .jxButton,
+.jxBarBottom .jxBarControls  .jxDisabled .jxButton{
+  visibility:hidden;
+  cursor: default; 
+}
+
+/* ==================== */
+/* OVERRIDE TREE STYLES */
+/* ==================== */
+
+a.jxTreeItem {
+  font-family: Verdana,Arial,Helvetica,sans-serif;
+}
\ No newline at end of file

Modified: trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/index.html
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/index.html	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/index.html	2011-05-31 07:11:07 UTC (rev 5881)
@@ -5,7 +5,9 @@
 <meta http-equiv="Content-type" content="text/html; charset=UTF-8">
 
 <script type="text/javascript" src="../../../lib/fusionSF-compressed.js"></script>
-<link rel="stylesheet" href="jxtheme.css" type="text/css" media="screen" charset="utf-8">
+<link rel="stylesheet" href="../../../lib/jxLib/themes/delicious/jxtheme.css" type="text/css" media="screen" charset="utf-8">
+<link rel="stylesheet" href="turquoiseyellow.css" type="text/css" media="screen" charset="utf-8">
+
 <!--[if lte IE 6]>
 <link rel="stylesheet" href="ie6.css" type="text/css" media="screen" charset="utf-8">
 <![endif]-->

Deleted: trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/jxtheme.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/jxtheme.css	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/jxtheme.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -1,24 +0,0 @@
-/*
- * reset.css - Copyright (c) 2006, Yahoo! Inc. All rights reserved.
- * Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
- *
- * Copyright (c) 2006-2008, DM Solutions Group Inc.  All rights reserved
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included
- * in all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.  IN NO EVENT SHALL
- * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- */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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{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:'';}div.jxButtonContainer{display:block;position:relative;float:left;margin:0;padding:2px;border:none;}a.jxButton{display:block;position:relative;float:left;margin:0;padding:0 0 0 4px;border:none;background-image:url(images/button.png);background-position:left -24px;background-repeat:no-repeat;text-decoration:none;}ul.jxToolbar a.jxButton{background-position:left top;}span.jxButtonContent{display:block;position:relative;float:left;font-size:0;line-height:0;margin:0;padding:4px 4px 4px 0;border:none;background-image:url(images/button.png);background-position:right -24px;background-repeat:no-repeat;}ul.jxT
 oolbar span.jxButtonContent{background-position:right top;}ul.jxToolbar a.jxButton:hover,a.jxButton:hover{background-position:left -96px;}a.jxButton:hover span.jxButtonContent{background-position:right -96px;}ul.jxToolbar a.jxButtonActive,a.jxButtonActive{background-position:left -72px;}a.jxButtonActive span.jxButtonContent{background-position:right -72px;}ul.jxToolbar a.jxButton:hover,a.jxButtonActive:hover{background-position:left -96px;}a.jxButtonActive:hover span.jxButtonContent{background-position:right -96px;}ul.jxToolbar a.jxButton:active,ul.jxToolbar a.jxButtonActive:active,a.jxButton:active,a.jxButtonActive:active{background-position:left -48px;}a.jxButton:active span.jxButtonContent,a.jxButtonActive:active span.jxButtonContent{background-position:right -48px;}ul.jxToolbar .jxDisabled a.jxButton,.jxDisabled a.jxButton{cursor:default;}ul.jxToolbar .jxDisabled a.jxButton:hover,ul.jxToolbar .jxDisabled a.jxButton:active{background-position:left top;}.jxDisabled a.jxBut
 ton:hover,.jxDisabled a.jxButton:active{background-position:left -24px;}ul.jxToolbar .jxDisabled a.jxButton:hover span.jxButtonContent,ul.jxToolbar .jxDisabled a.jxButton:active span.jxButtonContent{background-position:right top;}.jxDisabled a.jxButton:hover span.jxButtonContent,.jxDisabled a.jxButton:active span.jxButtonContent{background-position:right -24px;}img.jxButtonIcon{position:relative;float:left;width:16px;height:16px;background-position:center center;background-repeat:no-repeat;}span.jxButtonContent span{display:block;position:relative;float:left;cursor:pointer;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:16px;height:16px;white-space:nowrap;}span.jxButtonContent span.jxButtonLabel{margin:0;padding:0 4px 0 4px;color:#000;font-size:11px;}a.jxButtonMenu span.jxButtonContent,a.jxButtonMulti span.jxButtonContent,a.jxButtonFlyout span.jxButtonContent,a.jxButtonCombo span.jxButtonContent,a.jxButtonEditCombo span.jxButtonContent{padding-right
 :0;}a.jxButtonMenu span.jxButtonContent span,a.jxButtonFlyout span.jxButtonContent span,a.jxButtonMulti span.jxButtonContent span,a.jxButtonCombo span.jxButtonContent span,a.jxButtonEditCombo span.jxButtonContent span{padding-right:16px;background-image:url(images/emblems.png);background-position:right -16px;background-repeat:no-repeat;}a.jxButtonDisclose{position:absolute;display:block;padding:4px 0;font-size:0;line-height:0;right:2px;top:2px;background-image:url(images/button_multi_disclose.png);background-position:right 0;background-repeat:no-repeat;}a.jxButtonDisclose img{width:16px;height:16px;margin:0;padding:0;border:0;background-image:url(images/emblems.png);background-position:right -16px;background-repeat:no-repeat;}a.jxButtonDisclose:hover{background-position:right -96px;}a.jxButtonDisclose:active{background-position:right -48px;}ul.jxToolbar a.jxButtonHover{background-position:left -24px;}ul.jxToolbar a.jxButtonHover span.jxButtonContent{background-position:right
  -24px;}.jxFlyout .jxChrome{background-image:url(images/flyout_chrome.png);padding:5px 5px 7px 6px;}.jxFlyout .jxChrome img{width:500px;height:500px;}.jxFlyout{position:absolute;display:block;z-index:100;margin:0;padding:0;}.jxFlyoutContent{position:relative;display:block;overflow:auto;margin:6px 6px 8px 7px;background-color:#fff;border:1px solid #999;}a.jxButtonMulti,a.jxButtonMulti span.jxButtonContent{background-image:url(images/button_multi.png);}a.jxButtonEditCombo,a.jxButtonEditCombo span.jxButtonContent{background-image:url(images/button_combo.png);}a.jxButtonMulti span.jxButtonContent span{padding-right:21px;}a.jxButtonEditCombo span.jxButtonContent span{font-size:0;}a.jxButtonComboDefault span.jxButtonContent span,a.jxButtonComboDefault input{font-style:italic;color:#999;}a.jxButtonEditCombo input{float:left;line-height:16px;height:16px;padding:0 4px;margin:0;border:none;font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif;background-color:transparent;}.jxC
 hrome{position:absolute;display:block;font-size:0;line-height:0;z-index:-1;width:100%;height:100%;top:0;left:0;}.jxChromeDrag{opacity:.5;-ms-filter:"Alpha(opacity=50)";}.jxChromeTL{position:absolute;overflow:hidden;left:0;top:0;width:50%;height:50%;}.jxChromeTR{position:absolute;overflow:hidden;left:50%;top:0;width:50%;height:50%;}.jxChromeBL{position:absolute;overflow:hidden;left:0;top:50%;width:50%;height:50%;}.jxChromeBR{position:absolute;overflow:hidden;left:50%;top:50%;width:50%;height:50%;}.jxChromeTL img{position:absolute;top:0;left:0;width:500px;height:500px;}.jxChromeTR img{position:absolute;top:0;right:0;width:500px;height:500px;}.jxChromeBL img{position:absolute;bottom:0;left:0;width:500px;height:500px;}.jxChromeBR img{position:absolute;bottom:0;right:0;width:500px;height:500px;}.jxColorBar{position:relative;overflow:hidden;}table.jxColorGrid{position:relative;border-collapse:collapse;empty-cells:show;clear:both;}.jxColorGrid td{border:1px solid #000;}.jxColorGrid
  td.emptyCell{border:0 solid #000;}.jxColorGrid td.emptyCell span{display:block;width:7px;height:7px;line-height:0;font-size:0;border:0 solid #000;padding:1px;margin:0;}.jxColorGrid a.colorSwatch{display:block;width:7px;height:7px;line-height:0;font-size:0;border:0 solid #000;margin:0;padding:1px;}.jxColorGrid a.borderWhite:hover{border:1px solid #fff;padding:0;}.jxColorGrid a.borderBlack:hover{border:1px solid #000;padding:0;}input.jxHexInput{width:55px;vertical-align:middle;}input.jxAlphaInput{width:30px;vertical-align:middle;}div.jxColorPreview{float:left;position:relative;width:20px;height:20px;border:1px solid #000;margin:2px;vertical-align:middle;background-image:url('images/grid.png');overflow:hidden;}a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch{display:block;float:left;width:14px;height:14px;border:1px solid #000;background-image:url('images/grid.png');background-position:0 0;background-repeat:repeat;padding-right:0!important;}a.jxButtonFlyout span.jxBut
 tonContent span.jxButtonSwatch span{display:block;width:14px;height:14px;position:absolute;padding-right:0;background:none;}div.jxColorPreview img{position:absolute;z-index:0;}div.jxColorPreview div{width:20px;height:10px;position:absolute;display:block;left:0;z-index:1;font-size:10px;line-height:0;}div.jxColorPreview div.jxColorSelected{top:0;}div.jxColorPreview div.jxColorHover{bottom:0;}label.jxColorLabel,label.jxAlphaLabel{width:auto;font-family:Verdana,Arial,sans-serif;font-size:11px;line-height:24px;padding:2px;vertical-align:middle;}a.jxColorClose{position:absolute;top:0;right:0;width:16px;height:16px;}a.jxColorClose img{width:16px;height:16px;}a{outline:none;}.jxClearer{display:block;position:relative;float:none;clear:both;font-size:0;line-height:0;width:0;height:0;margin:0;padding:0;}.jxDisabled{opacity:.4;-ms-filter:"Alpha(opacity=40)";}.jxDisabled *{-ms-filter:"Alpha(opacity=40)";}iframe.jxIframeShim{position:absolute;top:0;left:0;width:100%;height:100%;-ms-filter
 :"Alpha(opacity:0)";opacity:0;z-index:-1;}.jxDialog .jxChrome{background-image:url(images/dialog_chrome.png);}.jxDialog .jxChrome img{width:500px;height:500px;}.jxDialog{display:block;z-index:1;}.jxDialogContentContainer{z-index:1;margin:0 11px 13px 12px;border:1px solid #b7b7b7;background-color:#f0f0f0;}.jxDialogModal{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.2;-ms-filter:"Alpha(opacity=20)";}.jxDialogContent{display:block;position:relative;overflow:auto;padding:0;z-index:1;}.jxDialogTitle{display:block;position:relative;background-image:url(images/a_pixel.png);text-align:center;height:24px;line-height:24px;z-index:1;margin:6px 6px 0 7px;}.jxDialogMin .jxDialogTitle{margin-bottom:8px;}.jxDialogMoveable{cursor:move;}.jxDialogIcon{position:absolute;left:2px;top:3px;width:16px;height:16px;border:none;padding:0;margin:0;}.jxDialogLabel{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-hei
 ght:21px;color:#000;white-space:nowrap;}.jxDialogResize{position:absolute;bottom:7px;right:6px;width:16px;height:16px;z-index:2;border:0;cursor:se-resize;background-image:url(images/dialog_resize.png);}.jxDialogControls{position:absolute;top:3px;right:2px;height:16px;width:80px;}.jxDialogControls img{background-image:url('images/panel_controls.png');background-repeat:no-repeat;border:0;margin:0;width:16px;height:16px;}.jxDialogClose img{background-position:0 -32px;}.jxDialogMenu img{background-position:0 -48px;}.jxDialogHelp img{background-position:0 -64px;}.jxDialogCollapse img{background-position:0 -16px;}.jxDialogMin .jxDialogCollapse img{background-position:0 0;}.jxDialogMax .jxDialogCollapse img{background-position:0 -16px;}.jxDialogLoading img{border:0;margin:0;width:16px;height:16px;visibility:hidden;position:absolute;top:1px;left:2px;}.jxDialogControls .jxButtonContainer,.jxDialogControls span.jxButtonContent,.jxDialogControls a.jxButton:hover span.jxButtonContent,.j
 xDialogControls a.jxButton:active span.jxButtonContent,.jxDialogControls a.jxButtonActive span.jxButtonContent,.jxDialogControls a.jxButtonActive:hover span.jxButtonContent,.jxDialogControls a.jxButtonActive:active span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton:hover span.jxButtonContent,.jxDialogControls .jxDisabled a.jxButton:active span.jxButtonContent,.jxDialogControls a.jxButton,.jxDialogControls a.jxButton:hover,.jxDialogControls a.jxButton:active,.jxDialogControls a.jxButtonActive,.jxDialogControls a.jxButtonActive:hover,.jxDialogControls a.jxButtonActive:active,.jxDialogControls .jxDisabled a.jxButton,.jxDialogControls .jxDisabled a.jxButton:hover,.jxDialogControls .jxDisabled a.jxButton:active{padding:0;margin:0;border:none;background-color:transparent;background-image:none;}.jxDialogControls a.jxButtonMenu span.jxButtonContent,.jxDialogControls a.jxButtonFlyout span.jxButtonContent{backgro
 und-image:none;}.jxDialogControls a.jxButtonMenu span.jxButtonContent span,.jxDialogControls a.jxButtonFlyout span.jxButtonContent span{padding-right:0;}.jxDialogControls .jxBarContainer{position:absolute;right:0;background-image:none;background-color:transparent;margin:0;padding:0;border:none;height:16px;}.jxDialogControls .jxBarScroller{left:auto;right:0;}.jxDialogControls ul.jxToolbar{float:right;}.jxDialogControls ul.jxToolbar,.jxDialogControls li.jxToolItem{background-image:none;background-color:transparent;margin:0;padding:0;border:none;}.jxGridContainer{position:absolute;top:0;left:0;border-left:0 solid #d8d8d8;border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;overflow:hidden;}.jxGridTable{position:relative;table-layout:fixed;border-collapse:collapse;border-style:none;width:0;cursor:default;font-family:Verdana,Arial,Verdana,sans-serif;font-size:11px;font-weight:normal;}.jxGridColHeadHide{height:0;line-height:0;font-size:0;backgr
 ound-color:#fff;white-space:normal;}.jxGridColHeadHide p,.jxGridRowHeadHide p{font-size:0;line-height:0;height:0;margin:0;padding:0;}.jxGridRowHeadHide{width:0;white-space:normal;}.jxGridCell{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;overflow:hidden;padding-left:3px;padding-right:3px;overflow:hidden;white-space:nowrap;cursor:cell;text-overflow:ellipsis;}.jxGridColHead{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;background-color:#f2f2f2;background-image:url('images/table_col.png');background-position:0 0;background-repeat:repeat-x;text-align:center;font-weight:bold;color:#333;cursor:default;}.jxGridRowHead{border-top:0 solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:0 solid #d8d8d8;background-color:#f2f2f2;background-image:url('images/table_row.png');background-position:0 0;background-rep
 eat:repeat-y;text-align:center;font-weight:bold;color:#333;cursor:default;}.jxGridRowAll{background-color:#fff;}.jxGridColumnHeaderSelected{background-color:#e1e1e1;background-position:0 -200px;}.jxGridRowHeaderSelected{background-color:#e1e1e1;background-position:-400px 0;}.jxGridColumnSelected{background-color:#f7f7f7;}.jxGridRowSelected td{background-color:#f7f7f7;}td.jxGridCellSelected{background-color:#ebebeb;}.jxGridColumnHeaderPrelight{background-color:#cee5ff;background-position:0 -300px;}.jxGridRowHeaderPrelight{background-color:#cee5ff;background-position:-600px 0;}.jxGridColumnPrelight{background-color:#e5f1ff;}.jxGridRowPrelight td{background-color:#e5f1ff;}td.jxGridCellPrelight{background-color:#cce3ff;}.jxMenuContainer .jxChrome{background-image:url(images/flyout_chrome.png);padding:5px 5px 7px 6px;}a.jxButtonMenu span.jxMenuItemSpan{padding-right:16px;}.jxMenuContainer{position:absolute;display:block;z-index:200;padding:0;}ul.jxMenu,ul.jxSubMenu{display:block;
 position:relative;list-style-type:none;margin:6px 6px 8px 7px;background-color:#fff;border:1px solid #999;}li.jxMenuItemContainer{display:block;position:relative;margin:0;padding:0;}a.jxMenuItem{display:block;position:relative;text-decoration:none;border:1px solid #fff;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none;margin:2px 2px;padding:0;color:#000;}a.jxMenuItem:hover{border:1px solid #FEF7DD;background-image:url(images/menu_hover.png);background-color:#FEF7DD;background-repeat:repeat-x;background-position:0 0;}a.jxMenuItem:hover span.jxMenuItemContent{border:1px solid #FEF7DD;border-bottom:1px solid #FEF7DD;}span.jxMenuItemContent{display:block;position:relative;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0;line-height:0;white-space:nowrap;padding:0 20px 0 0;margin:0;border:1px solid #fff;}a.jxButtonSubMenu span.jxMenuItemContent,a.jxButtonSubMenu:hover span.jxMenuItemContent{background-image:url(images/emblems.png);backgro
 und-position:right -32px;background-repeat:no-repeat;}img.jxMenuItemIcon{position:absolute;top:0;left:0;display:inline;width:16px;height:16px;background-position:left center;background-repeat:no-repeat;}span.jxMenuItemContent span{display:block;position:relative;cursor:pointer;margin:0;padding:0 0 0 20px;font-size:16px;line-height:16px;}span.jxMenuItemContent span.jxMenuItemLabel{color:#000;font-size:11px;}.jxMenuItemToggle img.jxMenuItemIcon,.jxMenuItemSet img.jxMenuItemIcon{background-image:url(images/emblems.png);background-position:2px 0;background-repeat:no-repeat;}.jxMenuItemToggle a.jxMenuItemActive img.jxMenuItemIcon{background-position:2px -48px;}.jxMenuItemSet a.jxMenuItemActive img.jxMenuItemIcon{background-position:2px -64px;}a.jxMenuItemActive img.jxMenuItemIcon{top:-2px;left:-2px;border:2px solid #FEF7DD;}a.jxMenuItemActive span.jxMenuItemContent{background-image:url(images/menu_icon_active.png);background-position:0 0;background-repeat:no-repeat;}.jxDisabled a
 .jxMenuItem{cursor:default;}.jxDisabled a.jxMenuItem:hover{background-color:#fff;background-image:none;border:1px solid #fff;}ul.jxMenu span.jxMenuSeparator,ul.jxSubMenu span.jxMenuSeparator{display:block;font-size:10px;line-height:10px;background-image:url(images/toolbar_separator_v.png);background-repeat:repeat-x;background-position:left center;}.jxPanel{display:block;position:relative;}.jxPanelContentContainer{overflow:hidden;background-color:#f0f0f0;}.jxPanelContent{position:relative;display:block;overflow:auto;background-color:#fff;margin:0;padding:0;}.jxPanelTitle{display:block;position:relative;background-image:url(images/panelbar.png);background-repeat:repeat-x;background-position:left top;height:22px;margin:0;padding:0;text-align:center;}.jxPanelBar{position:absolute;line-height:1px;width:100%;height:5px;cursor:row-resize;background-color:#f0f0f0;z-index:1;}.jxPanelIcon{position:absolute;left:2px;top:3px;width:16px;height:16px;border:none;padding:0;margin:0;}.jxPane
 lLabel{padding-left:25px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-height:21px;color:#000;white-space:nowrap;}.jxPanelControls{position:absolute;top:3px;right:2px;height:16px;width:80px;overflow:hidden;}.jxPanelControls img{background-image:url('images/panel_controls.png');background-repeat:no-repeat;border:0;margin:0;width:16px;height:16px;}.jxPanelClose img{background-position:0 -32px;}.jxPanelMenu img{background-position:0 -48px;}.jxPanelHelp img{background-position:0 -64px;}.jxPanelCollapse img{background-position:0 -16px;}.jxPanelMin .jxPanelCollapse img{background-position:0 0;}.jxPanelMax .jxPanelCollapse img{background-position:0 -16px;}.jxPanelMaximize img{background-position:0 0;}.jxPanelLoading img{border:0;margin:0;width:16px;height:16px;visibility:hidden;position:absolute;top:1px;left:2px;}.jxPanelControls .jxButtonContainer,.jxPanelControls span.jxButtonContent,.jxPanelControls a.jxButton:hover span.jxButtonContent,.jxP
 anelControls a.jxButton:active span.jxButtonContent,.jxPanelControls a.jxButtonActive span.jxButtonContent,.jxPanelControls a.jxButtonActive:hover span.jxButtonContent,.jxPanelControls a.jxButtonActive:active span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton:hover span.jxButtonContent,.jxPanelControls .jxDisabled a.jxButton:active span.jxButtonContent,.jxPanelControls a.jxButton,.jxPanelControls a.jxButton:hover,.jxPanelControls a.jxButton:active,.jxPanelControls a.jxButtonActive,.jxPanelControls a.jxButtonActive:hover,.jxPanelControls a.jxButtonActive:active,.jxPanelControls .jxDisabled a.jxButton,.jxPanelControls .jxDisabled a.jxButton:hover,.jxPanelControls .jxDisabled a.jxButton:active{padding:0;margin:0;border:none;background-color:transparent;background-image:none;}.jxPanelControls a.jxButtonMenu span.jxButtonContent,.jxPanelControls a.jxButtonFlyout span.jxButtonContent{background-image:none;}.jxP
 anelControls a.jxButtonMenu span.jxButtonContent span,.jxPanelControls a.jxButtonFlyout span.jxButtonContent span{padding-right:0;}.jxPanelControls div.jxBarTop{position:absolute;right:0;background-image:none;background-color:transparent;margin:0;padding:0;border:none;height:16px;}.jxPanelControls .jxBarScroller{left:auto;right:0;}.jxPanelControls ul.jxToolbar{float:right;}.jxPanelControls ul.jxToolbar,.jxPanelControls li.jxToolItem{background-image:none;background-color:transparent;margin:0;padding:0;border:none;}.jxSplitBarHorizontal{display:block;position:absolute;font-size:0;line-height:0;margin:0;padding:0;border:none;width:5px;height:100%;cursor:col-resize;background-color:#f0f0f0;z-index:1;}.jxSplitBarVertical{display:block;position:absolute;font-size:0;line-height:0;margin:0;padding:0;border:none;width:100%;height:5px;cursor:row-resize;background-color:#f0f0f0;z-index:1;}.jxSplitContainer{display:block;position:relative;margin:0;padding:0;border:none;overflow:hidden;
 }.jxSplitArea{display:block;position:absolute;margin:0;padding:0;border:none;overflow:hidden;z-index:0;}.jxSplitterMask{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-image:url(images/a_pixel.png);z-index:1;}.jxSplitBarDrag{background-color:#eee;}.jxSnapHorizontalBefore{width:5px;height:5px;position:absolute;top:0;left:0;background-color:#aaa;}.jxSnapHorizontalAfter{width:5px;height:5px;position:absolute;top:0;left:0;background-color:#aaa;}.jxTabSetContainer{position:relative;display:block;overflow:hidden;width:200px;height:200px;margin:0;padding:0;background-color:#fff;}.jxTabSetContainer .jxToolbarContainer{z-index:auto;}.tabContent{display:none;position:relative;width:100%;height:100%;overflow:auto;}.tabContentActive{display:block;}div.jxTabContainer{display:block;position:relative;margin:0;padding:2px;border:none;}a.jxTabClose{display:block;position:absolute;cursor:pointer;}a.jxTabClose img{width:16px;height:16px;background-image:url(ima
 ges/tab_close.png);}a.jxTab{display:block;position:relative;margin:0;padding:0;border:none;background-repeat:no-repeat;text-decoration:none;color:#000;}.jxDisabled a.jxButton{cursor:default;}a.jxTab:hover,a.jxTab:active,a.jxTabActive,a.jxTabActive:hover,a.jxTabActive:active,.jxDisabled a.jxButton:hover,.jxDisabled a.jxButton:active{border:none;}span.jxTabContent{display:block;font-size:0;line-height:0;margin:0;padding:0;background-repeat:no-repeat;}img.jxTabIcon{position:relative;width:16px;height:16px;background-position:center center;background-repeat:no-repeat;}span.jxTabLabel{display:block;position:relative;cursor:pointer;margin:0;padding:0;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:16px;}.jxBarTop div.jxTabContainer,.jxBarBottom div.jxTabContainer{float:left;}.jxBarTop a.jxTab,.jxBarTop span.jxTabContent{background-image:url(images/tab_top.png);}.jxBarBottom a.jxTab,.jxBarBottom span.jxTabContent{background-image:url(images/tab_
 bottom.png);}.jxBarTop a.jxTabClose,.jxBarBottom a.jxTabClose{top:3px;right:3px;}.jxBarTop .jxTabClose span.jxTabContent,.jxBarBottom .jxTabClose span.jxTabContent{padding-right:16px;}.jxBarTop a.jxTab,.jxBarBottom a.jxTab{float:left;padding-left:4px;background-position:left -24px;}.jxBarTop span.jxTabContent,.jxBarBottom span.jxTabContent{float:left;padding:4px 4px 4px 0;background-position:right -24px;}.jxBarTop a.jxTab:hover,.jxBarBottom a.jxTab:hover{background-position:left -96px;}.jxBarTop a.jxTab:hover span.jxTabContent,.jxBarBottom a.jxTab:hover span.jxTabContent{background-position:right -96px;}.jxBarTop a.jxTab:active,.jxBarBottom a.jxTab:active{background-position:left -48px;}.jxBarTop a.jxTab:active span.jxTabContent,.jxBarBottom a.jxTab:active span.jxTabContent{background-position:right -48px;}.jxBarTop a.jxTabActive,.jxBarBottom a.jxTabActive{background-position:left -72px;}.jxBarTop a.jxTabActive span.jxTabContent,.jxBarBottom a.jxTabActive span.jxTabContent{b
 ackground-position:right -72px;}.jxBarTop .jxDisabled a.jxTab:hover,.jxBarTop .jxDisabled a.jxTab:active,.jxBarBottom .jxDisabled a.jxTab:hover,.jxBarBottom .jxDisabled a.jxTab:active{background-position:left -24px;}.jxBarTop .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarTop .jxDisabled a.jxTab:active span.jxTabContent,.jxBarBottom .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarBottom .jxDisabled a.jxTab:active span.jxTabContent{background-position:right -24px;}.jxBarTop img.jxTabIcon,.jxBarBottom img.jxTabIcon{float:left;}.jxBarTop span.jxTabLabel,.jxBarBottom span.jxTabLabel{float:left;height:16px;padding:0 4px 0 4px;}.jxBarLeft a.jxTab,.jxBarLeft span.jxTabContent{background-image:url(images/tab_left.png);}.jxBarRight a.jxTab,.jxBarRight span.jxTabContent{background-image:url(images/tab_right.png);}.jxBarLeft a.jxTabClose,.jxBarRight a.jxTabClose{top:3px;left:3px;}.jxBarLeft .jxTabClose span.jxTabContent,.jxBarRight .jxTabClose span.jxTabContent{padding-top:16px;}.
 jxBarLeft a.jxTab,.jxBarRight a.jxTab{padding-top:4px;background-position:-24px top;}.jxBarLeft span.jxTabContent,.jxBarRight span.jxTabContent{padding:0 4px 4px 4px;background-position:-24px bottom;}.jxBarLeft a.jxTab:hover,.jxBarRight a.jxTab:hover{background-position:-96px top;}.jxBarLeft a.jxTab:hover span.jxTabContent,.jxBarRight a.jxTab:hover span.jxTabContent{background-position:-96px bottom;}.jxBarLeft a.jxTab:active,.jxBarRight a.jxTab:active{background-position:-48px top;}.jxBarLeft a.jxTab:active span.jxTabContent,.jxBarRight a.jxTab:active span.jxTabContent{background-position:-48px bottom;}.jxBarLeft a.jxTabActive,.jxBarRight a.jxTabActive{background-position:-72px top;}.jxBarLeft a.jxTabActive span.jxTabContent,.jxBarRight a.jxTabActive span.jxTabContent{background-position:-72px bottom;}.jxBarLeft .jxDisabled a.jxTab:hover,.jxBarLeft .jxDisabled a.jxTab:active,.jxBarRight .jxDisabled a.jxTab:hover,.jxBarRigth .jxDisabled a.jxTab:active{background-position:-24p
 x top;}.jxBarLeft .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarLeft .jxDisabled a.jxTab:active span.jxTabContent,.jxBarRight .jxDisabled a.jxTab:hover span.jxTabContent,.jxBarRight .jxDisabled a.jxTab:active span.jxTabContent{background-position:-24px bottom;}.jxBarLeft span.jxTabLabel,.jxBarRight span.jxTabLabel{padding:4px 0 4px 0;}.jxBarContainer{display:block;position:relative;z-index:1;overflow:hidden;margin:0;padding:0;border:0;background-color:#f0f0f0;}.jxBarTop,.jxBarBottom{width:100%;height:28px;background-image:url(images/toolbar.png);background-repeat:repeat-x;background-position:0 0;overflow:hidden;}.jxTabBox .jxTabBarTop{background-image:url(images/tabbar.png);background-position:0 bottom;}.jxTabBox .jxTabBarBottom{background-image:url(images/tabbar_bottom.png);background-position:0 top;}.jxBarLeft,.jxBarRight{width:auto;height:100%;background-image:url(images/toolbar.png);background-repeat:repeat-x;background-position:0 0;float:left;overflow:hidden;}.jxTab
 Box .jxTabBarLeft{background-image:url(images/tabbar_left.png);background-repeat:repeat-y;background-position:right 0;}.jxTabBox .jxTabBarRight{background-image:url(images/tabbar_right.png);background-repeat:repeat-y;background-position:left 0;}.jxBarTop .jxBarScroller,.jxBarBottom .jxBarScroller{position:absolute;width:10000%;overflow:hidden;}.jxBarTop .jxBarScrollLeft,.jxBarBottom .jxBarScrollLeft{position:absolute;top:0;left:0;}.jxBarTop .jxBarScrollRight,.jxBarBottom .jxBarScrollRight{position:absolute;top:0;right:0;}.jxBarTop .jxBarScrollLeft img.jxButtonIcon,.jxBarBottom .jxBarScrollLeft img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -80px;}.jxBarTop .jxBarScrollRight img.jxButtonIcon,.jxBarBottom .jxBarScrollRight img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -96px;}ul.jxToolbar,ul.jxTabBar{display:block;position:relative;float:left;list-style-type:none;margin:0;padding:0;border:none;}li.jxToolItem{dis
 play:block;position:relative;float:left;font-size:0;line-height:0;padding:0;margin:0;border:none;}li.jxToolItem .separator{display:block;position:relative;float:left;font-size:0;line-height:0;border:0;margin:0;padding:4px;background-repeat:no-repeat;background-position:center center;}.jxBarTop li.jxToolItem span.jxBarSeparator,.jxBarBottom li.jxToolItem span.jxBarSeparator{width:8px;height:20px;background-image:url(images/toolbar_separator_h.png);}.jxBarLeft li.jxToolItem span.jxBarSeparator,.jxBarRight li.jxToolItem span.jxBarSeparator{width:20px;height:8px;background-image:url(images/toolbar_separator_v.png);}.jxBarLeft ul.jxToolbar,.jxBarLeft ul.jxTabBar,.jxBarLeft li.jxToolItem,.jxBarRight ul.jxToolbar,.jxBarRight ul.jxTabBar,.jxBarRight li.jxToolItem{clear:both;}.jxTree,.jxTreeRoot{position:relative;display:block;list-style:none;margin:0;padding:0;}.jxTreeNest{list-style:none;margin:0;padding:0;background-repeat:repeat-y;background-position:left top;}.jxTree li,.jxTreeR
 oot li{overflow:hidden;position:relative;display:block;margin:0;padding:0;background-repeat:no-repeat;background-position:left top;white-space:nowrap;font-size:0;line-height:0;}.jxTree li{margin-left:16px;}.jxTree a,.jxTreeRoot a{position:relative;display:block;margin:0 0 0 14px;padding:0 0 0 20px;z-index:0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#000;text-decoration:none;line-height:20px;height:20px;}.jxTree a:hover,.jxTreeRoot a:hover{background-image:url(images/tree_hover.png);background-color:#CDE5FF;background-repeat:repeat-x;background-position:0 0;}.jxDisabled .jxTree a:hover,.jxDisabled .jxTreeRoot a:hover{background:none;cursor:default;}.jxTreeNest{background-image:url(images/tree_vert_line.png);}.jxTreeImage,.jxTreeIcon{position:absolute;display:inline;left:0;top:0;width:16px;height:20px;z-index:1;background-image:url(images/tree.png);background-repeat:no-repeat;border:0;margin:0;}.jxTreeIcon{height:16px;top:2px;left:2px;}.jxTreeBranchOp
 en .jxTreeIcon,.jxTreeBranchLastOpen .jxTreeIcon{background-position:left -40px;}.jxTreeBranchOpen .jxTreeImage{background-position:left -100px;}.jxTreeBranchLastOpen .jxTreeImage{background-position:left -160px;}.jxTreeBranchClosed .jxTreeIcon,.jxTreeBranchLastClosed .jxTreeIcon{background-position:left -20px;}.jxTreeBranchClosed .jxTreeImage{background-position:left -80px;}.jxTreeBranchLastClosed .jxTreeImage{background-position:left -140px;}.jxTreeItem .jxTreeIcon,.jxTreeItemLast .jxTreeIcon{background-position:left 0;}.jxTreeItem .jxTreeImage{background-position:left -60px;}.jxTreeItemLast .jxTreeImage{background-position:left -120px;}.jxTreeItemSelected{background-color:#AFD4FA;font-weight:bold;}.jxTreeItem a,.jxTreeItem img,.jxTreeItem input,.jxTreeItemLast a,.jxTreeItemLast img,.jxTreeItemLast input,.jxTreeBranch a,.jxTreeBranch img,.jxTreeBranch input,.jxTreeBranchLast a,.jxTreeBranchLast img,.jxTreeBranchLast input{vertical-align:middle;}html{height:100%;overflow:hi
 dden;}body{width:100%;height:100%;overflow:hidden;background-image:url(images/background.png);background-repeat:repeat-y;background-color:#70b0db;}body,table{font-family:Verdana,Arial,Helvetica,sans-serif;color:#000;}#AppContainer .jxSplitBarHorizontal{width:3px;background-color:transparent;background-image:url(images/a_pixel.png);}#Sidebar{margin-top:34px;border:1px solid #fff;}#Sidebar .jxSplitBarVertical{background-color:#fff;height:1px;}#MapArea{background-color:#fff;border:1px solid #fff;z-index:0;overflow:hidden;}#Maptip{display:none;border:1px solid #000;background-color:#E5DAC7;padding:4px;font-size:10px;}#OverviewMap{width:100%;height:100%;overflow:hidden;}#Toolbar{z-index:100;border:1px solid #fff;background-image:url(images/toolbarBackground.png);background-repeat:repeat-x;background-color:#fff;}#Toolbar div.jxButtonContainer{padding:0 2px 0 2px;}#Toolbar a.jxButton{padding:0 0 0 4px;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonContent{pad
 ding:4px 4px 4px 0;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonLabel{color:#000;padding-top:0;padding-bottom:0;}#ToolbarVertical{z-index:100;border:1px solid #a9bde0;background-image:url(images/verticalMenuBar.png);background-repeat:repeat-x;background-position:top;background-color:#fff;}#ToolbarVertical div.jxButtonContainer{padding:2px 0 2px 0;}#ToolbarVertical a.jxButton{padding:0 0 0 4px;background-image:url(images/toolbarButton.png);}#ToolbarVertical span.jxButtonContent{padding:4px 5px 4px 1px;background-image:url(images/toolbarButton.png);}#ToolbarVertical span.jxButtonLabel{color:#000;padding-top:0;padding-bottom:0;}#FileMenu{margin:0;padding:0;padding-top:10px;z-index:1;background-image:none;background-color:transparent;}#FileMenu div.jxButtonContainer{padding:3px 2px 1px 2px;}#FileMenu a.jxButton{padding:0 0 0 4px;background-image:url(images/fileMenuButton.png);}#FileMenu span.jxButtonContent{padding:0 4px 2px 0;background-image:url(images
 /fileMenuButton.png);}#FileMenu span.jxButtonLabel{color:#fff;padding:0 4px 0 4px;background-image:none;}#StatusbarContainer{background-color:#ffefb0;border:1px solid #fff;color:#11449e;line-height:21px;font-size:11px;vertical-align:middle;}#Statusbar .jxSplitBarHorizontal{width:3px;height:14px;border-left:1px solid #11449d;background-color:#ffefb3;cursor:'col-resize';margin-top:3px;}#Statusbar .spanCursorPosition,#Statusbar .spanViewSize,#Statusbar .spanSelectionInfo{padding:4px 10px;}.inputEditableScale{font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#11449E;background-color:#fff;border:1px solid #A9BDE0;}#pbmg{position:absolute;right:1px;padding-top:0;}#TaskTools{padding:5px 8px;background-image:url(images/moduleTaskToolbarBackground.png);background-repeat:no-repeat;width:206px;overflow:hidden;}#TaskPane{padding:2px 3px 2px 3px;bottom:0;background-color:#fff;width:199px;height:273px;overflow:auto;}#TaskTools_TaskMenu{float:right;margin-right:20px;}#Sid
 ebar .tabContent{background-image:url(images/moduleBackground.png);background-repeat:repeat-x;background-color:#fff;border-top:none;padding:0 3px 3px 3px;}#Sidebar .jxToolbarContainer{padding:0;margin:0;}#Sidebar .jxBarTop a.jxTab:hover,#Sidebar .jxBarTop a.jxTab:active{text-decoration:underline;}#Sidebar span.jxTabLabel{color:#11449e;font-weight:bold;}#LegendContainer.tabContent{overflow:auto;padding:0 0 2px 0;}#Legend{background-color:#fff;background-image:none;overflow:auto;}#TaskPane{overflow:hidden;}#OverviewMap{padding:0 3px 3px 3px;}.olControlOverviewMapElement{border:1px solid #fff;background-color:#fff;}#Navigator{position:absolute;right:10px;top:0;display:block;z-index:100;}

Deleted: trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/jxtheme.uncompressed.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/jxtheme.uncompressed.css	2011-05-31 06:16:44 UTC (rev 5880)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/jxtheme.uncompressed.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -1,2588 +0,0 @@
-/*
-Copyright (c) 2006, Yahoo! Inc. All rights reserved.
-Code licensed under the BSD License:
-http://developer.yahoo.net/yui/license.txt
-version: 0.11.0
-*/
-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;}
-table{border-collapse:collapse;border-spacing:0;}
-fieldset,img{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:'';}/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* BUTTON STYLES */
-/* ============= */
-/* jxButtons consist of an A, containing a SPAN, which contains an image.
-   Buttons can use the sliding door technique with background images to horizontally
-   accomodate icons with labels. */
-
-div.jxButtonContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-
-  margin: 0px;
-  padding: 2px;
-  border: none;
-}
-
-/* normal button */
-
-a.jxButton {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-
-  /* Using background images, the A contains the left side of the background */
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  border: none;
-  background-image: url(images/button.png);
-  background-position: left -24px;
-  background-repeat: no-repeat;
-  text-decoration: none;
-}
-
-ul.jxToolbar a.jxButton {
-  background-position: left top;
-}
-
-span.jxButtonContent {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  /* Using background images, the SPAN contains the right side of the background */
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 4px 4px 4px 0px; /* makes room for the right of the button bg */
-  border: none;
-  background-image: url(images/button.png);
-  background-position: right -24px;
-  background-repeat: no-repeat;
-}
-
-ul.jxToolbar span.jxButtonContent {
-  background-position: right top;
-}
-
-/* hover button */
-ul.jxToolbar a.jxButton:hover,
-a.jxButton:hover {
-  background-position: left -96px;
-}
-
-a.jxButton:hover span.jxButtonContent {
-  background-position: right -96px;
-}
-
-/* active button */
-ul.jxToolbar a.jxButtonActive,
-a.jxButtonActive {
-  background-position: left -72px;
-}
-
-a.jxButtonActive span.jxButtonContent {
-  background-position: right -72px;
-}
-
-/* hover active button */
-ul.jxToolbar a.jxButton:hover,
-a.jxButtonActive:hover {
-  background-position: left -96px;
-}
-
-a.jxButtonActive:hover span.jxButtonContent {
-  background-position: right -96px;
-}
-
-/* clicking button */
-ul.jxToolbar a.jxButton:active,
-ul.jxToolbar a.jxButtonActive:active,
-a.jxButton:active,
-a.jxButtonActive:active {
-  background-position: left -48px;
-}
-
-a.jxButton:active span.jxButtonContent,
-a.jxButtonActive:active span.jxButtonContent {
-  background-position: right -48px;
-}
-
-/* disabled buttons */
-
-ul.jxToolbar .jxDisabled a.jxButton,
-.jxDisabled a.jxButton {
- cursor: default;
-}
-
-/* hover and active disabled button */
-ul.jxToolbar .jxDisabled a.jxButton:hover,
-ul.jxToolbar .jxDisabled a.jxButton:active {
-  background-position: left top;
-}
-
-.jxDisabled a.jxButton:hover,
-.jxDisabled a.jxButton:active {
-  background-position: left -24px;
-}
-
-ul.jxToolbar .jxDisabled a.jxButton:hover span.jxButtonContent,
-ul.jxToolbar .jxDisabled a.jxButton:active span.jxButtonContent {
-  background-position: right top;
-}
-
-.jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxDisabled a.jxButton:active span.jxButtonContent {
-  background-position: right -24px;
-}
-
-img.jxButtonIcon {
-  /* Base setup */
-  position: relative;
-  float: left;
-
-  width: 16px;
-  height: 16px;
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-
-span.jxButtonContent span {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  cursor: pointer;
-
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  line-height: 16px;
-  height: 16px;
-  white-space: nowrap;
-}
-
-span.jxButtonContent span.jxButtonLabel {
-  margin: 0px;
-  padding: 0 4px 0 4px;
-  color: #000;
-  font-size: 11px;
-}
-
-/* ========================== */
-/* JX BUTTON EXTENSION STYLES */
-/* ========================== */
-
-a.jxButtonMenu span.jxButtonContent,
-a.jxButtonMulti span.jxButtonContent,
-a.jxButtonFlyout span.jxButtonContent,
-a.jxButtonCombo span.jxButtonContent,
-a.jxButtonEditCombo span.jxButtonContent {
-  padding-right: 0px;
-}
-
-a.jxButtonMenu span.jxButtonContent span,
-a.jxButtonFlyout span.jxButtonContent span,
-a.jxButtonMulti span.jxButtonContent span,
-a.jxButtonCombo span.jxButtonContent span,
-a.jxButtonEditCombo span.jxButtonContent span {
-  padding-right: 16px;
-  background-image: url(images/emblems.png);
-  background-position: right -16px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose {
-  position: absolute;
-  display: block;
-  padding: 4px 0px;
-  font-size: 0px;
-  line-height: 0px;
-  right: 2px;
-  top: 2px;
-  background-image: url(images/button_multi_disclose.png);
-  background-position: right 0px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose img {
-  width: 16px;
-  height: 16px;
-  margin: 0px;
-  padding: 0px;
-  border: 0px;
-  background-image: url(images/emblems.png);
-  background-position: right -16px;
-  background-repeat: no-repeat;
-}
-
-a.jxButtonDisclose:hover {
-  background-position: right -96px;
-}
-
-a.jxButtonDisclose:active {
-  background-position: right -48px;
-}
-
-/* note, jxButtonHover is set by Multi button JS */
-ul.jxToolbar a.jxButtonHover {
-  background-position: left -24px;
-}
-
-ul.jxToolbar a.jxButtonHover span.jxButtonContent {
-  background-position: right -24px;
-}
-
-
-/* Jx Flyout Styles */
-
-.jxFlyout .jxChrome {
-  background-image: url(images/flyout_chrome.png);
-  padding: 5px 5px 7px 6px;
-}
-
-.jxFlyout .jxChrome img {
-  width: 500px;
-  height: 500px;
-}
-
-.jxFlyout {
-  /* Base setup */
-  position: absolute;
-  display: block;
-  z-index: 100;
-
-  margin: 0px;
-  padding: 0px;
-}
-
-.jxFlyoutContent {
-  position: relative;
-  display: block;
-  overflow: auto;
-  margin: 6px 6px 8px 7px;
-  background-color: #fff;
-  border: 1px solid #999;
-}
-
-/* Jx Combo and Multi Button Styles */
-
-a.jxButtonMulti,
-a.jxButtonMulti span.jxButtonContent {
-  background-image: url(images/button_multi.png);
-}
-
-a.jxButtonEditCombo,
-a.jxButtonEditCombo span.jxButtonContent {
-  background-image: url(images/button_combo.png);
-}
-
-a.jxButtonEditCombo span.jxButtonContent {
-/* put 2px padding on the top of the input to center the text and
-   remove it from this span
- */
-}
-
-a.jxButtonMulti span.jxButtonContent span {
-  padding-right: 21px;
-}
-
-a.jxButtonEditCombo span.jxButtonContent span {
-  font-size: 0px;
-}
-
-a.jxButtonComboDefault span.jxButtonContent span,
-a.jxButtonComboDefault input {
-  font-style: italic;
-  color: #999;
-}
-
-a.jxButtonEditCombo input {
-  float: left;
-  line-height: 16px;
-  height: 16px;
-  padding: 0px 4px;
-  margin: 0px;
-  border: none;
-  font-size: 11px;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  background-color: transparent;
-}/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* CHROME STYLES */
-/* ============= */
-/* Chrome uses four absolutely positioned DIVs containing an image for each of
-   four quadrants.  The chrome image is used as a sprite map. */
-
-.jxChrome {
-  /* Base setup */
-  position:absolute;
-  display: block;
-  font-size: 0px;
-  line-height: 0px;
-  z-index: -1;
-  width: 100%;
-  height: 100%;
-  top: 0px;
-  left: 0px;
-}
-
-.jxChromeDrag {
-  opacity: 0.5;
-  -ms-filter: "Alpha(opacity=50)";
-}
-
-.jxChromeTL {
-  position: absolute;
-  overflow: hidden;
-  left: 0%;
-  top: 0%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeTR {
-  position: absolute;
-  overflow: hidden;
-  left: 50%;
-  top: 0%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeBL {
-  position: absolute;
-  overflow: hidden;
-  left: 0%;
-  top: 50%;
-  width: 50%;
-  height: 50%;
-}
-
-.jxChromeBR {
-  position: absolute;
-  overflow: hidden;
-  left: 50%;
-  top: 50%;
-  width: 50%;
-  height: 50%;
-}
-
-
-.jxChromeTL img {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeTR img {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeBL img {
-  position: absolute;
-  bottom: 0px;
-  left: 0px;
-  width: 500px;
-  height:500px;
-}
-
-.jxChromeBR img {
-  position: absolute;
-  bottom: 0px;
-  right: 0px;
-  width: 500px;
-  height:500px;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: color.css 711 2008-08-13 20:38:33Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =================== */
-/* COLOR PICKER STYLES */
-/* =================== */
-
-/*.jxColorPicker {
-    position: absolute;
-    display: none;
-    top: 100%;
-    width: 212px;
-    left: 0px;
-    border: 1px solid #000;
-    padding: 2px;
-    background-color: #eee;
-}*/
-
-.jxColorBar {
-    position: relative;
-    overflow: hidden;
-}
-
-table.jxColorGrid {
-    position: relative;
-    border-collapse: collapse;
-    empty-cells: show;
-    clear:both;
-}
-
-.jxColorGrid td {
-    border: 1px solid #000;
-}
-
-.jxColorGrid td.emptyCell {
-    border: 0px solid #000;
-}
-
-.jxColorGrid td.emptyCell span {
-    display: block;
-    width: 7px;
-    height: 7px;
-    line-height: 0px;
-    font-size: 0px;
-    border: 0px solid #000;
-    padding: 1px;
-    margin: 0px;
-}
-
-.jxColorGrid a.colorSwatch {
-    display: block;
-    width: 7px;
-    height: 7px;
-    line-height: 0px;
-    font-size: 0px;
-    border: 0px solid #000;
-    margin: 0px;
-    padding: 1px;
-}
-
-.jxColorGrid a.borderWhite:hover {
-    border: 1px solid #fff;
-    padding: 0px;
-}
-
-.jxColorGrid a.borderBlack:hover {
-    border: 1px solid #000;
-    padding: 0px;
-}
-
-input.jxHexInput {
-    width: 55px;
-    vertical-align: middle;
-}
-
-input.jxAlphaInput {
-    width: 30px;
-    vertical-align: middle;
-}
-
-div.jxColorPreview {
-    float: left;
-    position: relative;
-    width: 20px;
-    height: 20px;
-    border: 1px solid #000;
-    margin: 2px;
-    vertical-align: middle;
-    background-image: url('images/grid.png');
-    overflow: hidden;
-}
-
-a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch {
-    display: block;
-    float: left;
-    width: 14px;
-    height: 14px;
-    border: 1px solid #000;
-    background-image: url('images/grid.png');
-    background-position: 0px 0px;
-    background-repeat: repeat;
-    padding-right: 0px !important;
-}
-
-a.jxButtonFlyout span.jxButtonContent span.jxButtonSwatch span {
-    display: block;
-    width: 14px;
-    height: 14px;
-    position: absolute;
-    padding-right: 0px;
-    background: none;
-}
-
-div.jxColorPreview img {
-    position: absolute;
-    z-index: 0;
-}
-
-div.jxColorPreview div {
-    width: 20px;
-    height: 10px;
-    position: absolute;
-    display: block;
-    left: 0px;
-    z-index: 1;
-    font-size: 10px;
-    line-height: 0px;
-}
-
-div.jxColorPreview div.jxColorSelected {
-    top: 0px;
-}
-
-div.jxColorPreview div.jxColorHover {
-    bottom: 0px;
-}
-
-label.jxColorLabel,
-label.jxAlphaLabel {
-    width: auto;
-    font-family: Verdana, Arial, sans-serif;
-    font-size: 11px;
-    line-height: 24px;
-    padding: 2px;
-    vertical-align: middle;
-}
-
-a.jxColorClose {
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    width: 16px;
-    height: 16px;
-}
-
-a.jxColorClose img {
-    width: 16px;
-    height: 16px;
-}/**
- * @project         Jx
- * @revision        $Id: $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* COMMON STYLES */
-/* ============= */
-
-a{outline:none;}
-.jxClearer{display:block;position:relative;float:none;clear:both;font-size:0;line-height:0;width:0;height:0;margin:0;padding:0;}
-.jxDisabled{opacity:0.4;-ms-filter:"Alpha(opacity=40)";}
-.jxDisabled *{-ms-filter:"Alpha(opacity=40)";}
-iframe.jxIframeShim{position:absolute;top:0px;left:0px;width:100%;height:100%;-ms-filter:"Alpha(opacity:0)";opacity:0;z-index:-1;}/**
- * @project         Jx
- * @revision        $Id: dialog.css 1035 2008-09-22 17:05:20Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* DIALOG STYLES */
-/* ============= */
-
-.jxDialog .jxChrome {
-  background-image: url(images/dialog_chrome.png);
-}
-
-.jxDialog .jxChrome img {
-  width: 500px;
-  height: 500px;
-}
-
-.jxDialog {
-  /* Base setup */
-  display: block;
-  z-index: 1;
-}
-
-.jxDialogContentContainer {
-  z-index: 1;
-  margin: 0px 11px 13px 12px;
-  border: 1px solid #b7b7b7;
-  background-color: #f0f0f0;
-}
-
-.jxDialogModal {
-  /* Base setup */
-  position: absolute;
-  display: block;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  height: 100%;
-
-  background-color: #000;
-  opacity: .2;
-  -ms-filter: "Alpha(opacity=20)";
-}
-
-.jxDialogContent {
-  /* Base setup */
-  display: block;
-  position:relative;
-  overflow: auto;
-
-  padding: 0px;
-  z-index: 1;
-}
-
-.jxDialogTitle {
-   /* Base setup */
-  display: block;
-  position: relative;
-
-  /* this makes the dialog draggable by the title bar in IE
-   * Without it, only the label is draggable
-   */
-  background-image: url(images/a_pixel.png);
-
-  text-align: center;
-  height: 24px;
-  line-height: 24px;
-  z-index: 1;
-
-  margin: 6px 6px 0px 7px;
-}
-
-.jxDialogMin .jxDialogTitle {
-  margin-bottom: 8px;
-}
-
-.jxDialogMoveable {
-  cursor: move;
-}
-
-.jxDialogIcon {
-  position: absolute;
-  left: 2px;
-  top: 3px;
-  width: 16px;
-  height: 16px;
-  border: none;
-  padding: 0px;
-  margin: 0px;
-}
-
-.jxDialogLabel {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  font-weight: bold;
-  /* line-height vertically aligns the label in the containing div. */
-  line-height:21px;
-  color: #000;
-  white-space: nowrap;
-}
-
-.jxDialogResize {
-  /* Base setup */
-  position: absolute;
-
-  bottom: 7px;
-  right: 6px;
-  width: 16px;
-  height: 16px;
-  z-index: 2;
-  border: 0px;
-  cursor: se-resize;
-  background-image: url(images/dialog_resize.png);
-}
-
-.jxDialogControls {
-  position: absolute;
-  top: 3px;
-  right: 2px;
-  height: 16px;
-  width: 80px;
-}
-
-.jxDialogControls img {
-  background-image: url('images/panel_controls.png');
-  background-repeat: no-repeat;
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-}
-
-.jxDialogClose img {
-  background-position: 0px -32px;
-}
-
-.jxDialogMenu img {
-  background-position: 0px -48px;
-}
-
-.jxDialogHelp img {
-  background-position: 0px -64px;
-}
-
-.jxDialogCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxDialogMin .jxDialogCollapse img {
-  background-position: 0px 0px;
-}
-
-.jxDialogMax .jxDialogCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxDialogLoading img {
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-  visibility:hidden;
-  position: absolute;
-  top: 1px;
-  left: 2px;
-}
-
-
-/* ========================= */
-/* JX BUTTON STYLES OVERIDES */
-/* ========================= */
-
-.jxDialogControls .jxButtonContainer,
-.jxDialogControls span.jxButtonContent,
-.jxDialogControls a.jxButton:hover span.jxButtonContent,
-.jxDialogControls a.jxButton:active span.jxButtonContent,
-.jxDialogControls a.jxButtonActive span.jxButtonContent,
-.jxDialogControls a.jxButtonActive:hover span.jxButtonContent,
-.jxDialogControls a.jxButtonActive:active span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxDialogControls .jxDisabled a.jxButton:active span.jxButtonContent,
-.jxDialogControls a.jxButton,
-.jxDialogControls a.jxButton:hover,
-.jxDialogControls a.jxButton:active ,
-.jxDialogControls a.jxButtonActive,
-.jxDialogControls a.jxButtonActive:hover,
-.jxDialogControls a.jxButtonActive:active,
-.jxDialogControls .jxDisabled a.jxButton,
-.jxDialogControls .jxDisabled a.jxButton:hover,
-.jxDialogControls .jxDisabled a.jxButton:active {
-  padding: 0px;
-  margin: 0px;
-  border: none;
-  background-color: transparent;
-  background-image: none;
-}
-
-
-.jxDialogControls a.jxButtonMenu span.jxButtonContent,
-.jxDialogControls a.jxButtonFlyout span.jxButtonContent {
-  background-image: none;
-}
-
-.jxDialogControls a.jxButtonMenu span.jxButtonContent span,
-.jxDialogControls a.jxButtonFlyout span.jxButtonContent span {
-  padding-right: 0px;
-}
-
-/* ========================== */
-/* JX TOOLBAR STYLES OVERIDES */
-/* ========================== */
-
-/* Multiple toolbars can be housed in  the toolbar container the container will expand vertically to accomodate wrapped toolbars */
-
-.jxDialogControls .jxBarContainer {
-  /* Base setup */
-  position: absolute;
-  right: 0px;
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  height: 16px;
-}
-
-.jxDialogControls .jxBarScroller {
-  left: auto;
-  right: 0px;
-}
-
-.jxDialogControls ul.jxToolbar {
-  float: right;
-}
-
-.jxDialogControls ul.jxToolbar,
-.jxDialogControls li.jxToolItem {
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-}/**
- * @project         Jx
- * @revision        $Id: button.css 1153 2008-09-25 16:18:42Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============= */
-/* GRID STYLES */
-/* ============= */
-
-.jxGridContainer {
-    position: absolute;
-    top: 0;
-    left: 0;
-    border-left: 0px solid #d8d8d8;
-    border-top: 0px solid #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    overflow: hidden;
-}
-
-.jxGridTable {
-    position: relative;
-    table-layout: fixed;
-    border-collapse: collapse;
-    border-style: none;
-    width: 0px;
-    cursor: default;
-    font-family: Verdana, Arial, Verdana, sans-serif;
-    font-size: 11px;
-    font-weight: normal;
-}
-
-.jxGridColHeadHide {
-    height: 0px;
-    line-height: 0px;
-    font-size: 0px;
-    background-color: #fff;
-    white-space: normal;
-}
-
-.jxGridColHeadHide p, .jxGridRowHeadHide p {
-    font-size: 0px;
-    line-height: 0px;
-    height: 0px;
-    margin: 0px;
-    padding: 0px;
-}
-
-.jxGridRowHeadHide {
-    width: 0px;
-    white-space: normal;
-}
-
-.jxGridCell {
-    border-top: 0px solid #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid #d8d8d8;
-    overflow: hidden;
-    padding-left: 3px;
-    padding-right: 3px;
-    overflow: hidden;
-    /* can change this to normal */
-    white-space: nowrap;
-    cursor: cell;
-    /* only applies in IE and Safari right now */
-    text-overflow: ellipsis;
-}
-
-/* Nornal Styles */
-
-.jxGridColHead {
-    border-top: 0px solid  #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid  #d8d8d8;
-    background-color: #f2f2f2;
-    background-image: url('images/table_col.png');
-    background-position: 0px 0px;
-    background-repeat: repeat-x;
-
-    text-align: center;
-    font-weight: bold;
-    color: #333;
-    cursor: default;
-}
-
-.jxGridRowHead {
-    border-top: 0px solid  #d8d8d8;
-    border-right: 1px solid #d8d8d8;
-    border-bottom: 1px solid #d8d8d8;
-    border-left: 0px solid  #d8d8d8;
-    background-color:  #f2f2f2;
-    background-image: url('images/table_row.png');
-    background-position: 0px 0px;
-    background-repeat: repeat-y;
-
-    text-align: center;
-    font-weight: bold;
-    color: #333;
-    cursor: default;
-}
-
-/* Alternating Row Styles */
-
-.jxGridRowAll {
-    background-color: #fff;
-}
-
-.jxGridRowOdd {}
-.jxGridRowEven {}
-.jxGridRowOdd td {}
-.jxGridRowEven td {}
-
-/* Selected Styles */
-
-.jxGridColumnHeaderSelected {
-    background-color: #e1e1e1;
-    background-position: 0px -200px;
-}
-
-.jxGridRowHeaderSelected {
-    background-color: #e1e1e1;
-    background-position: -400px 0px;
-}
-
-.jxGridColumnSelected {
-    background-color: #f7f7f7;
-}
-
-.jxGridRowSelected td {
-    background-color: #f7f7f7;
-}
-
-td.jxGridCellSelected {
-    background-color: #ebebeb;
-}
-
-/* Prelight Styles */
-
-.jxGridColumnHeaderPrelight {
-    background-color: #cee5ff;
-    background-position: 0px -300px;
-}
-
-.jxGridRowHeaderPrelight {
-    background-color: #cee5ff;
-    background-position: -600px 0px;
-}
-
-.jxGridColumnPrelight {
-    background-color: #e5f1ff;
-}
-
-.jxGridRowPrelight td {
-    background-color: #e5f1ff;
-}
-
-td.jxGridCellPrelight {
-  background-color: #cce3ff;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: menu.css 1143 2008-09-24 19:59:44Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============== */
-/* JX MENU STYLES */
-/* ============== */
-
-.jxMenuContainer .jxChrome {
-  /* the background image gets used by Jx.Chrome to create a stretchable chrome */
-  background-image: url(images/flyout_chrome.png);
-  /* the padding reflects the amount of space to leave around the content area
-   * for the chrome, typically to leave space for a shadow
-   */
-  padding: 5px 5px 7px 6px;
-}
-
-a.jxButtonMenu span.jxMenuItemSpan {
-  padding-right: 16px;
-}
-
-/* Jx Menus and Sub-menus are all built out of nested ULs
-   For this to work visually, the margins and padding need to be flattened
-   out, and the list marker needs to be hidden
-*/
-
-.jxMenuContainer {
-  position: absolute;
-  display: block;
-  z-index: 200;
-  padding: 0px;
-}
-
-ul.jxMenu,
-ul.jxSubMenu {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  list-style-type: none;
-
-  margin: 6px 6px 8px 7px;
-  background-color: #fff;
-  border: 1px solid #999;
-}
-
-li.jxMenuItemContainer {
-  /* This is needed for IE to make sure submenus don't open space in the parent menu */
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  margin: 0px;
-  padding: 0px;
-}
-
-a.jxMenuItem {
-  /* Base setup */
-  display: block;
-  position: relative;
-  text-decoration: none;
-
-  border: 1px solid #fff;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  text-decoration: none;
-  margin: 2px 2px;
-  padding: 0px;
-  color: #000;
-}
-
-a.jxMenuItem:hover {
-  border: 1px solid #FEF7DD;
-  background-image: url(images/menu_hover.png);
-  background-color: #FEF7DD;
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-}
-
-a.jxMenuItem:hover span.jxMenuItemContent {
-  border: 1px solid #FEF7DD;  /* forces IE to render properly */
-  border-bottom: 1px solid #FEF7DD;
-}
-
-span.jxMenuItemContent {
-  /* If using background images, the SPAN contains the right side of the background */
-  /* use padding to make space between the icon and button edge */
-  /* padding-left: 0px;*/ /* butts up to the left of the button bg image */
-  /* Base setup */
-  display: block;
-  position: relative;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 0px;
-  line-height: 0px;
-  white-space: nowrap;
-  padding: 0px 20px 0px 0px; /* space for the arrow */
-  margin: 0px;
-  border: 1px solid #fff; /* forces IE to render properly */
-}
-
-a.jxButtonSubMenu span.jxMenuItemContent,
-a.jxButtonSubMenu:hover span.jxMenuItemContent {
-  background-image: url(images/emblems.png);
-  background-position: right -32px;
-  background-repeat: no-repeat;
-}
-
-img.jxMenuItemIcon {
-  /* Base setup */
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  display: inline;
-
-  width: 16px;
-  height: 16px;
-  background-position: left center;
-  background-repeat: no-repeat;
-}
-
-span.jxMenuItemContent span {
-  /* Base setup for empty labels */
-  display: block;
-  position: relative;
-  cursor: pointer;
-  margin: 0px; /* margins don't seem to work properly in IE */
-  padding: 0px 0px 0px 20px; /* space for the icon */
-  font-size: 16px; /* keeps empty labels open */
-  line-height: 16px;
-}
-
-span.jxMenuItemContent span.jxMenuItemLabel {
-  /* Base setup, overrides empty labels */
-
-  color: #000;
-  font-size: 11px;
-}
-
-.jxMenuItemToggle img.jxMenuItemIcon,
-.jxMenuItemSet img.jxMenuItemIcon {
-  background-image: url(images/emblems.png);
-  background-position: 2px 0px;
-  background-repeat: no-repeat;
-}
-
-.jxMenuItemToggle a.jxMenuItemActive img.jxMenuItemIcon {
-  background-position: 2px -48px;
-}
-
-.jxMenuItemSet a.jxMenuItemActive img.jxMenuItemIcon {
-  background-position: 2px -64px;
-}
-
-a.jxMenuItemActive img.jxMenuItemIcon {
-  top: -2px;
-  left: -2px;
-  border: 2px solid #FEF7DD;
-}
-
-a.jxMenuItemActive span.jxMenuItemContent {
-  background-image: url(images/menu_icon_active.png);
-  background-position: 0px 0px;
-  background-repeat: no-repeat;
-}
-
-.jxDisabled a.jxMenuItem {
-  cursor: default;
-}
-
-.jxDisabled a.jxMenuItem:hover {
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #fff;
-}
-
-ul.jxMenu span.jxMenuSeparator,
-ul.jxSubMenu span.jxMenuSeparator {
-  /* Base setup */
-    display: block;
-
-  font-size: 10px;
-  line-height: 10px;
-  background-image: url(images/toolbar_separator_v.png);
-  background-repeat: repeat-x;
-  background-position: left center;
-}/**
- * @project         Jx
- * @revision        $Id: panel.css 1079 2008-09-23 17:54:08Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =============== */
-/* JX PANEL STYLES */
-/* =============== */
-
-.jxPanel {
-  /* Base setup */
-  display: block;
-  position:relative;
-}
-
-.jxPanelContentContainer {
-  /* Base setup */
-  /* need to test various scenarios to see if this is limiting */
-  overflow: hidden;
-  /*margin: 5px;*/
-  background-color: #f0f0f0;
-}
-
-/* the content panel inside a panel */
-.jxPanelContent {
-  /* Base setup */
-  /* position relative is required for panels to work correctly in safari */
-  position: relative;
-  display: block;
-  overflow: auto;
-
-  /*border: 1px solid #d8d8d8;*/
-  background-color: #fff;
-  margin: 0px;
-  padding: 0px;
-}
-
-.jxPanelTitle {
-  /* Base setup */
-  /* position relative is required for panel dragging to work correctly in safari */
-  display: block;
-  position: relative;
-
-  background-image: url(images/panelbar.png);
-  background-repeat: repeat-x;
-  background-position: left top;
-  /* note this is hard coded into jx.js JxPanel initialize function - change there as well as here */
-  height: 22px;
-  margin: 0;
-  padding: 0;
-
-  text-align: center;
-}
-
-/* JX PANELSET STYLE FOR TITLE BAR */
-.jxPanelBar {
-  position: absolute;
-  line-height: 1px;
-  width: 100%;
-  height: 5px;
-  cursor: row-resize;
-  /*background-image: url(images/a_pixel.png);*/
-  background-color: #f0f0f0;
-  z-index: 1;
-}
-
-.jxPanelIcon {
-  position: absolute;
-  left: 2px;
-  top: 3px;
-  width: 16px;
-  height: 16px;
-  border: none;
-  padding: 0px;
-  margin: 0px;
-}
-
-.jxPanelLabel {
-  /* make room for the loading spinner */
-  padding-left: 25px;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  font-weight: bold;
-  /* line-height vertically aligns the label in the containing div. */
-  line-height:21px;
-  color: #000;
-  white-space: nowrap;
-}
-
-.jxPanelControls {
-  position: absolute;
-  top: 3px;
-  right: 2px;
-  height: 16px;
-  width: 80px;
-  overflow: hidden;
-}
-
-.jxPanelControls img {
-  background-image: url('images/panel_controls.png');
-  background-repeat: no-repeat;
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-}
-
-.jxPanelClose img {
-  background-position: 0px -32px;
-}
-
-.jxPanelMenu img {
-  background-position: 0px -48px;
-}
-
-.jxPanelHelp img {
-  background-position: 0px -64px;
-}
-
-.jxPanelCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxPanelMin .jxPanelCollapse img {
-  background-position: 0px 0px;
-}
-
-.jxPanelMax .jxPanelCollapse img {
-  background-position: 0px -16px;
-}
-
-.jxPanelMaximize img {
-  background-position: 0px 0px;
-}
-
-.jxPanelLoading img {
-  border: 0px;
-  /* the margin needs to make up the difference between it's width/height
-     and the width/height of the parent a */
-  margin: 0px;
-  /* width/height has to be the actual image width/height */
-  width: 16px;
-  height: 16px;
-  visibility:hidden;
-  position: absolute;
-  top: 1px;
-  left: 2px;
-}
-
-
-
-/* ========================= */
-/* JX BUTTON STYLES OVERIDES */
-/* ========================= */
-
-.jxPanelControls .jxButtonContainer,
-.jxPanelControls span.jxButtonContent,
-.jxPanelControls a.jxButton:hover span.jxButtonContent,
-.jxPanelControls a.jxButton:active span.jxButtonContent,
-.jxPanelControls a.jxButtonActive span.jxButtonContent,
-.jxPanelControls a.jxButtonActive:hover span.jxButtonContent,
-.jxPanelControls a.jxButtonActive:active span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton:hover span.jxButtonContent,
-.jxPanelControls .jxDisabled a.jxButton:active span.jxButtonContent,
-.jxPanelControls a.jxButton,
-.jxPanelControls a.jxButton:hover,
-.jxPanelControls a.jxButton:active ,
-.jxPanelControls a.jxButtonActive,
-.jxPanelControls a.jxButtonActive:hover,
-.jxPanelControls a.jxButtonActive:active,
-.jxPanelControls .jxDisabled a.jxButton,
-.jxPanelControls .jxDisabled a.jxButton:hover,
-.jxPanelControls .jxDisabled a.jxButton:active {
-  padding: 0px;
-  margin: 0px;
-  border: none;
-  background-color: transparent;
-  background-image: none;
-}
-
-.jxPanelControls a.jxButtonMenu span.jxButtonContent,
-.jxPanelControls a.jxButtonFlyout span.jxButtonContent {
-  background-image: none;
-}
-
-.jxPanelControls a.jxButtonMenu span.jxButtonContent span,
-.jxPanelControls a.jxButtonFlyout span.jxButtonContent span {
-  padding-right: 0px;
-}
-
-/* ========================== */
-/* JX TOOLBAR STYLES OVERIDES */
-/* ========================== */
-
-/* Multiple toolbars can be housed in  the toolbar container the container will expand vertically to accomodate wrapped toolbars */
-
-.jxPanelControls div.jxBarTop {
-  /* Base setup */
-  position: absolute;
-  right: 0px;
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  height: 16px;
-}
-
-.jxPanelControls .jxBarScroller {
-  left: auto;
-  right: 0px;
-}
-
-.jxPanelControls ul.jxToolbar {
-  float: right;
-}
-
-.jxPanelControls ul.jxToolbar,
-.jxPanelControls li.jxToolItem {
-  background-image: none;
-  background-color: transparent;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-}/**
- * @project         Jx
- * @revision        $Id: splitter.css 1130 2008-09-24 19:12:35Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =============== */
-/* SPLITTER STYLES */
-/* =============== */
-
-.jxSplitBarHorizontal {
-  display: block;
-  position: absolute;
-  font-size: 0px;
-  line-height: 0px;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  width: 5px;
-  height: 100%;
-  cursor: col-resize;
-  /*background-image: url(images/a_pixel.png);*/
-  background-color: #f0f0f0;
-  z-index: 1;
-}
-
-.jxSplitBarVertical {
-  display: block;
-  position: absolute;
-  font-size: 0px;
-  line-height: 0px;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  width: 100%;
-  height: 5px;
-  cursor: row-resize;
-  /*background-image: url(images/a_pixel.png);*/
-  background-color: #f0f0f0;
-  z-index: 1;
-}
-
-.jxSplitContainer {
-  display: block;
-  position: relative;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  overflow: hidden;
-}
-
-.jxSplitArea {
-  display: block;
-  position: absolute;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  overflow: hidden;
-  z-index: 0;
-}
-
-.jxSplitterMask { 
-  position: absolute; 
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-image: url(images/a_pixel.png);
-  z-index: 1; 
-}
-
-.jxSplitBarDrag {
-  background-color: #eee;
-}
-
-.jxSnapHorizontalBefore {
-  width: 5px;
-  height: 5px;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  background-color: #aaa;
-}
-
-.jxSnapHorizontalAfter {
-  width: 5px;
-  height: 5px;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  background-color: #aaa;
-}/**
- * @project         Jx
- * @revision        $Id: tab.css 1129 2008-09-24 19:01:34Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ================== */
-/* TAB CONTENT STYLES */
-/* ================== */
-
-/* The tabBox consists of a box containing a tabbar and the tab content areas.
-   It can be used within the body or nested within another object.
-*/
-
-.jxTabSetContainer {
-  /* This is an example of a container that can be used to hold a tabBox
-     the position need to be explicitly set, as well as the width and height. */
-  /* Base setup */
-  position: relative;
-  display: block;
-  overflow: hidden;
-
-  width: 200px;
-  height: 200px;
-  margin: 0px;
-  padding: 0px;
-  background-color: #fff;
-}
-
-.jxTabSetContainer  .jxToolbarContainer {
-  /* Base setup */
-  z-index: auto;
-}
-
-.tabContent {
-  /* the width and height need to be set to 100% to:
-     1. fill the tab box area
-     2. allow a scrolling content area in IE */
-  /* Base setup */
-  display: none;
-  position: relative;
-  width:100%;
-  height: 100%;
-  overflow: auto;
-}
-
-.tabContentActive {
-  /* Base setup */
-  display: block;
-}
-
-/* ======================== */
-/* BASE TAB (BUTTON) STYLES */
-/* ======================== */
-
-div.jxTabContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  margin: 0px;
-  padding: 2px;
-  border: none;
-}
-
-a.jxTabClose {
-  /* Base setup */
-  display: block;
-  position: absolute;
-  cursor: pointer;
-}
-
-a.jxTabClose img {
-  width: 16px;
-  height: 16px;
-  background-image: url(images/tab_close.png);
-}
-
-a.jxTab {
-  /* Base setup */
-  display: block;
-  position: relative;
-
-  /* Using background images, the A contains the left side of the background */
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  background-repeat: no-repeat;
-  text-decoration: none;
-  color: #000;
-}
-
-.jxDisabled a.jxButton {
- cursor: default;
-}
-
-a.jxTab:hover,
-a.jxTab:active,
-a.jxTabActive,
-a.jxTabActive:hover,
-a.jxTabActive:active,
-.jxDisabled a.jxButton:hover,
-.jxDisabled a.jxButton:active {
-  border: none;
-}
-
-span.jxTabContent {
-  /* Base setup */
-  display: block;
-  font-size: 0px;
-  line-height: 0px;
-
-  /* The SPAN contains the other side of the tab background image
-     and the tab label */
-  margin: 0px;
-  padding: 0px;
-  background-repeat: no-repeat;
-}
-
-img.jxTabIcon {
-  /* Base setup */
-  position: relative;
-
-  width: 16px;
-  height: 16px;
-  background-position: center center;
-  background-repeat: no-repeat;
-}
-
-span.jxTabLabel {
-  /* Base setup */
-  display: block;
-  position: relative;
-  cursor: pointer;
-
-  margin: 0px;
-  padding: 0px;
-  color: #000;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  line-height: 16px;
-}
-
-.jxTabBox {
-}
-
-/* ======================================= */
-/* HORIZONTALTAB BAR - TOP and BOTTOM TABS */
-/* ======================================= */
-
-.jxBarTop div.jxTabContainer,
-.jxBarBottom div.jxTabContainer {
-  /* Base setup */
-  float: left;
-}
-
-.jxBarTop a.jxTab,
-.jxBarTop span.jxTabContent {
-  background-image: url(images/tab_top.png);
-}
-
-.jxBarBottom a.jxTab,
-.jxBarBottom span.jxTabContent {
-  background-image: url(images/tab_bottom.png);
-}
-
-/* Closeable Tab */
-
-.jxBarTop a.jxTabClose,
-.jxBarBottom a.jxTabClose {
-  top: 3px;
-  right: 3px;
-}
-
-.jxBarTop .jxTabClose span.jxTabContent,
-.jxBarBottom .jxTabClose span.jxTabContent {
-  padding-right: 16px;
-}
-
-/* Normal Tab */
-
-.jxBarTop a.jxTab,
-.jxBarBottom a.jxTab {
-  /* Base setup */
-  float: left;
-
-  padding-left: 4px; /* makes room for the left of the tab bg */
-  background-position: left -24px;
-}
-
-.jxBarTop span.jxTabContent,
-.jxBarBottom span.jxTabContent {
-  /* Base setup */
-  float: left;
-
-  padding: 4px 4px 4px 0px; /* makes space around the label */
-  background-position: right -24px;
-}
-
-
-/* Hover Tab */
-
-.jxBarTop a.jxTab:hover,
-.jxBarBottom a.jxTab:hover {
-  background-position: left -96px;
-}
-
-.jxBarTop a.jxTab:hover span.jxTabContent,
-.jxBarBottom a.jxTab:hover span.jxTabContent {
-  background-position: right -96px;
-}
-
-/* Click Tab */
-
-.jxBarTop a.jxTab:active,
-.jxBarBottom a.jxTab:active {
-  background-position: left -48px;
-}
-
-.jxBarTop a.jxTab:active span.jxTabContent,
-.jxBarBottom a.jxTab:active span.jxTabContent {
-  background-position: right -48px;
-}
-
-/* Active Tab */
-
-.jxBarTop a.jxTabActive,
-.jxBarBottom a.jxTabActive {
-  background-position: left -72px; /* switch to the active left BG */
-}
-
-.jxBarTop a.jxTabActive span.jxTabContent,
-.jxBarBottom a.jxTabActive span.jxTabContent {
-  background-position: right -72px; /* switch to the active right BG  */
-}
-
-/* Disabled Tab */
-
-.jxBarTop .jxDisabled a.jxTab:hover,
-.jxBarTop .jxDisabled a.jxTab:active,
-.jxBarBottom .jxDisabled a.jxTab:hover,
-.jxBarBottom .jxDisabled a.jxTab:active {
-  background-position: left -24px; /* do not switch the left BG */
-}
-
-
-.jxBarTop .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarTop .jxDisabled a.jxTab:active span.jxTabContent,
-.jxBarBottom .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarBottom .jxDisabled a.jxTab:active span.jxTabContent {
-  background-position: right -24px; /* do not switch the right BG */
-}
-
-
-.jxBarTop img.jxTabIcon,
-.jxBarBottom img.jxTabIcon {
-  /* Base setup */
-  float: left;
-}
-
-.jxBarTop span.jxTabLabel,
-.jxBarBottom span.jxTabLabel {
-  /* Base setup */
-  float: left;
-  height: 16px;
-
-  padding: 0px 4px 0px 4px;
-}
-
-
-/* ================================= */
-/* VERTICAL TAB BAR - LEFT and RIGHT */
-/* ================================= */
-
-.jxBarLeft div.jxTabContainer,
-.jxBarRight div.jxTabContainer {
-  /* Base setup */
-}
-
-.jxBarLeft a.jxTab,
-.jxBarLeft span.jxTabContent {
-  background-image: url(images/tab_left.png);
-}
-
-.jxBarRight a.jxTab,
-.jxBarRight span.jxTabContent {
-  background-image: url(images/tab_right.png);
-}
-
-/* Closeable Tab */
-
-.jxBarLeft a.jxTabClose,
-.jxBarRight a.jxTabClose {
-  top: 3px;
-  left: 3px;
-}
-
-.jxBarLeft .jxTabClose span.jxTabContent,
-.jxBarRight .jxTabClose span.jxTabContent {
-  padding-top: 16px;
-}
-
-/* Normal Tab */
-
-.jxBarLeft a.jxTab,
-.jxBarRight a.jxTab {
-  padding-top: 4px; /* makes room for the top of the tab bg */
-  background-position: -24px top;
-}
-
-.jxBarLeft span.jxTabContent,
-.jxBarRight span.jxTabContent {
-  padding: 0px 4px 4px 4px; /* makes space around the label */
-  background-position: -24px bottom;
-}
-
-/* Hover tab */
-
-.jxBarLeft a.jxTab:hover,
-.jxBarRight a.jxTab:hover {
-  background-position: -96px top; /* shifts the left BG out 2 px for slide effect */
-}
-
-.jxBarLeft a.jxTab:hover span.jxTabContent,
-.jxBarRight a.jxTab:hover span.jxTabContent {
-  background-position: -96px bottom;
-}
-
-/* Click Tab */
-
-.jxBarLeft a.jxTab:active,
-.jxBarRight a.jxTab:active {
-  background-position: -48px top;
-}
-
-.jxBarLeft a.jxTab:active span.jxTabContent,
-.jxBarRight a.jxTab:active span.jxTabContent {
-  background-position: -48px bottom;
-}
-
-/* Active Tab */
-
-.jxBarLeft a.jxTabActive,
-.jxBarRight a.jxTabActive {
-  background-position: -72px top; /* switch to the active top BG */
-}
-
-.jxBarLeft a.jxTabActive span.jxTabContent,
-.jxBarRight a.jxTabActive span.jxTabContent {
-  background-position: -72px bottom; /* switch to the active bottom BG  */
-}
-
-/* Disabled Tab */
-
-.jxBarLeft .jxDisabled a.jxTab:hover,
-.jxBarLeft .jxDisabled a.jxTab:active,
-.jxBarRight .jxDisabled a.jxTab:hover,
-.jxBarRigth .jxDisabled a.jxTab:active {
-  background-position: -24px top; /* do not switch the top BG */
-}
-
-
-.jxBarLeft .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarLeft .jxDisabled a.jxTab:active span.jxTabContent,
-.jxBarRight .jxDisabled a.jxTab:hover span.jxTabContent,
-.jxBarRight .jxDisabled a.jxTab:active span.jxTabContent {
-  background-position: -24px bottom; /* do not switch the top BG */
-}
-
-.jxBarLeft span.jxTabLabel,
-.jxBarRight span.jxTabLabel {
-  padding: 4px 0px 4px 0px;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: toolbar.css 1080 2008-09-23 18:06:47Z fwarnock $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* ============== */
-/* TOOLBAR STYLES */
-/* ============== */
-
-/* Multiple toolbars can be housed in  the toolbar container.
-   The container will expand vertically to accomodate wrapped toolbars */
-
-.jxBarContainer {
-  /* Base setup */
-  display: block;
-  position: relative;
-  z-index: 1;
-  overflow: hidden;
-
-  margin: 0px;
-  padding: 0px;
-  border: 0px;
-
-  background-color: #f0f0f0;
-}
-
-.jxBarTop,
-.jxBarBottom {
-  /* Horizontally oriented toolbars */
-  /* Base setup */
-  width: 100%; /* fills the width, may be needed for JS style sniffing */
-  height: 28px;
-  background-image: url(images/toolbar.png);
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-  overflow: hidden;
-}
-
-.jxTabBox .jxTabBarTop {
-  background-image: url(images/tabbar.png);
-  background-position: 0px bottom;
-}
-
-.jxTabBox .jxTabBarBottom {
-  background-image: url(images/tabbar_bottom.png);
-  background-position: 0px top;
-}
-
-.jxBarLeft,
-.jxBarRight {
-  /* Vertically oriented toolbars */
-  /* Base setup */
-  width: auto;
-  height: 100%;
-  background-image: url(images/toolbar.png);
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-  float: left;
-  overflow: hidden;
-}
-
-.jxTabBox .jxTabBarLeft {
-  background-image: url(images/tabbar_left.png);
-  background-repeat: repeat-y;
-  background-position: right 0px;
-}
-
-.jxTabBox .jxTabBarRight {
-  background-image: url(images/tabbar_right.png);
-  background-repeat: repeat-y;
-  background-position: left 0px;
-}
-
-.jxBarTop .jxBarScroller,
-.jxBarBottom .jxBarScroller {
-  position: absolute;
-  /* much bigger than its container */
-  width: 10000%;
-  overflow: hidden;
-}
-
-.jxBarTop .jxBarScrollLeft,
-.jxBarBottom .jxBarScrollLeft {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-}
-
-.jxBarTop .jxBarScrollRight,
-.jxBarBottom .jxBarScrollRight {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-}
-
-.jxBarTop .jxBarScrollLeft img.jxButtonIcon,
-.jxBarBottom .jxBarScrollLeft img.jxButtonIcon {
-  background-image: url(images/emblems.png);
-  background-position: 0px -80px;
-}
-
-.jxBarTop .jxBarScrollRight img.jxButtonIcon,
-.jxBarBottom .jxBarScrollRight img.jxButtonIcon {
-  background-image: url(images/emblems.png);
-  background-position: 0px -96px;
-}
-
-/* The jx toolbar and tabbar are both built out of a UL
-   The margins/padding are flattened out, and the list markers are hidden
-   UL's are floated left so multiple toolbars can be in the samae row.
-   In IE, the UL needs to have a specified width to prevent button wrapping.
-
-   The tab background uses the sliding door technique so tabs can expand to
-   accomodate content up to 200 px wide (top/bottom tabs) or 200px high
-   (left/right tabs).  All parts and states of the tab BG graphics are in the
-   same image so they can be treated like sprites.
-
-   Horizontal tabs can contain text or an image label.  Vertical tabs need an
-   image label.
-*/
-
-ul.jxToolbar,
-ul.jxTabBar {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  list-style-type: none;
-
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  padding: 0px;
-  border: none;
-}
-
-.jxBarTop ul.jxToolbar,
-.jxBarBottom ul.jxToolbar,
-.jxBarTop ul.jxTabBar,
-.jxBarBottom ul.jxTabBar {
-}
-
-/* LI's are floated to the left, to make a horizontal row of buttons*/
-
-li.jxToolItem {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  padding: 0px;
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  border: none;
-}
-
-/* Seperator height should match that of button images
-   and the margins+padding+border should add up to the same total too. */
-
-li.jxToolItem  .separator {
-  /* Base setup */
-  display: block;
-  position: relative;
-  float: left;
-  font-size: 0px;
-  line-height: 0px;
-
-  border: 0px;
-  margin: 0px;  /* margins don't seem to work properly in IE */
-  padding: 4px;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-
-.jxBarTop  li.jxToolItem  span.jxBarSeparator,
-.jxBarBottom  li.jxToolItem  span.jxBarSeparator {
-  /* width/height should be defined */
-  width: 8px;
-  height: 20px;
-  background-image: url(images/toolbar_separator_h.png);
-}
-
-.jxBarLeft  li.jxToolItem  span.jxBarSeparator,
-.jxBarRight  li.jxToolItem  span.jxBarSeparator {
-  /* width/height should be defined */
-  width: 20px;
-  height: 8px;
-  background-image: url(images/toolbar_separator_v.png);
-}
-
-/* Vertically oriented toolbars need floats cleared */
-
-.jxBarLeft ul.jxToolbar,
-.jxBarLeft ul.jxTabBar,
-.jxBarLeft li.jxToolItem,
-.jxBarRight ul.jxToolbar,
-.jxBarRight ul.jxTabBar,
-.jxBarRight li.jxToolItem
-{
-  /* Base setup */
-  clear: both;
-}
-
-/**
- * @project         Jx
- * @revision        $Id: tree.css 711 2008-08-13 20:38:33Z pspencer $
- * @author          Fred Warnock (fwarnock at dmsolutions.ca)
- * @copyright       (c) 2006 DM Solutions Group Inc.
- */
-
-/* =========== */
-/* TREE STYLES */
-/* =========== */
-
-/* The jx tree built out of nested ULs
-   For this to work visually, the margins and padding need to be flattened
-   out, and the list marker needs to be hidden
-*/
-
-
-.jxTree,
-.jxTreeRoot {
-  /* relative positioning is required for IE to fix the peek-a-boo bug */
-  position:relative;
-  display: block;
-  list-style: none;
-  margin: 0px;
-  padding: 0px;
-}
-
-.jxTreeNest {
-  list-style: none;
-  margin: 0px;
-  padding: 0px;
-  background-repeat: repeat-y;
-  background-position: left top;
-}
-
-/* Node Classes */
-
-.jxTree li,
-.jxTreeRoot li {
-  /* relative positioning is required for IE to fix the peek-a-boo bug */
-  position:relative;
-  display: block;
-  margin: 0px;
-  padding: 0px;
-  background-repeat: no-repeat;
-  /* background branches may need to shift up/down according to height of the node */
-  background-position: left top;
-  white-space: nowrap;
-  font-size: 0px;
-  line-height: 0px;
-  overflow:hidden;
-}
-
-.jxTree li {
-  margin-left: 16px;
-}
-
-.jxTree a,
-.jxTreeRoot a {
-  position: relative;
-  display: block;
-  margin: 0px 0px 0px 14px;
-  padding: 0px 0px 0px 20px;
-  z-index: 0;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 11px;
-  color: #000;
-  text-decoration: none;
-  /* Line Height needs to be an even number so branches line up properly */
-  line-height: 20px;
-  height: 20px;
-}
-
-.jxTree a:hover,
-.jxTreeRoot a:hover {
-  background-image: url(images/tree_hover.png);
-  background-color: #CDE5FF;
-  background-repeat: repeat-x;
-  background-position: 0px 0px;
-}
-
-.jxDisabled .jxTree a:hover,
-.jxDisabled .jxTreeRoot a:hover {
-  background: none;
-  cursor: default;
-}
-
-.jxTreeNest {
-  background-image: url(images/tree_vert_line.png);
-}
-
-.jxTreeImage,
-.jxTreeIcon {
-  position: absolute;
-  display: inline;
-
-  left: 0px;
-  top: 0px;
-  width: 16px;
-  height: 20px;
-
-  z-index: 1;
-
-  background-image: url(images/tree.png);
-  background-repeat: no-repeat;
-
-  border: 0px;
-  margin: 0px;
-}
-
-.jxTreeIcon {
-  height: 16px;
-  top: 2px;
-  left: 2px;
-}
-
-.jxTreeBranchOpen .jxTreeIcon,
-.jxTreeBranchLastOpen .jxTreeIcon {
-  background-position: left -40px; /* open folder image */
-}
-
-
-.jxTreeBranchOpen .jxTreeImage {
-  background-position: left -100px; /* minus image */
-}
-
-.jxTreeBranchLastOpen .jxTreeImage {
-  background-position: left -160px; /* minus last image */
-}
-
-.jxTreeBranchClosed .jxTreeIcon,
-.jxTreeBranchLastClosed .jxTreeIcon {
-  background-position: left -20px; /* closed folder image */
-}
-
-
-.jxTreeBranchClosed .jxTreeImage {
-  background-position: left -80px; /* plus image */
-}
-
-.jxTreeBranchLastClosed .jxTreeImage {
-  background-position: left -140px; /* plus last image */
-}
-
-.jxTreeItem .jxTreeIcon,
-.jxTreeItemLast .jxTreeIcon {
-  background-position: left 0px; /* page image */
-}
-
-.jxTreeItem .jxTreeImage {
-  background-position: left -60px; /* node image */
-}
-
-.jxTreeItemLast .jxTreeImage {
-  background-position: left -120px; /* last node image */
-}
-
-.jxTreeItemSelected {
-  background-color: #AFD4FA;
-  font-weight:bold;
-}
-
-.jxTreeItem a,
-.jxTreeItem img,
-.jxTreeItem input,
-.jxTreeItemLast a,
-.jxTreeItemLast img,
-.jxTreeItemLast input,
-.jxTreeBranch a,
-.jxTreeBranch img,
-.jxTreeBranch input,
-.jxTreeBranchLast a,
-.jxTreeBranchLast img,
-.jxTreeBranchLast input {
-    vertical-align: middle;
-}
-
-/********************************************************
-  Noble Studios - 05/21/07
-  ns_adsk.css
-  Mapguide Layout
-********************************************************/
-
-html {
-  height: 100%;
-  overflow:  hidden;
-}
-
-body {
-  width:  100%;
-  height:  100%;
-  overflow:  hidden;
-  background-image: url(images/background.png);
-  background-repeat: repeat-y;
-  background-color: #70b0db;
-}
-
-
-body, table {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: #000000;
-}
-
-/********************************************************
-  Overall Structure
-********************************************************/
-#AppContainer {
-
-}
-
-#AppContainer .jxSplitBarHorizontal {
-  width: 3px;
-  background-color: transparent;
-  background-image: url(images/a_pixel.png);
-}
-
-#Sidebar {
-  margin-top: 34px;
-  border: 1px solid #fff;
-}
-
-#Sidebar .jxSplitArea {
-}
-
-#Sidebar .jxSplitBarVertical {
-  background-color: #ffffff;
-  height: 1px;
-}
-
-#MapArea {
-  background-color: #ffffff;
-  border: 1px solid #ffffff;
-  z-index: 0;
-  overflow: hidden;
-}
-
-#Maptip {
-  display: none;
-  border: 1px solid #000;
-  background-color: #E5DAC7;
-  padding: 4px;
-  font-size: 10px;
-}
-
-#OverviewMap {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-
-/**********************************************************
-  Horizontal Toolbar
-**********************************************************/
-
-#Toolbar {
-  z-index: 100;
-  border: 1px solid #ffffff;
-  background-image: url(images/toolbarBackground.png);
-  background-repeat: repeat-x;
-  background-color: #ffffff;
-}
-
-#Toolbar div.jxButtonContainer {
-  padding: 0px 2px 0px 2px;
-}
-
-#Toolbar a.jxButton {
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  background-image: url(images/toolbarButton.png);
-}
-
-#Toolbar span.jxButtonContent {
-  padding: 4px 4px 4px 0px; /* makes room for the right of the button bg */
-  background-image: url(images/toolbarButton.png);
-}
-
-#Toolbar span.jxButtonLabel {
-  color: #000;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-
-/**********************************************************
-  Vertical Toolbar
-**********************************************************/
-
-#ToolbarVertical {
-  z-index: 100;
-  border: 1px solid #a9bde0;
-  background-image: url(images/verticalMenuBar.png);
-  background-repeat: repeat-x;
-  background-position: top;
-  background-color: #ffffff;
-}
-
-#ToolbarVertical div.jxButtonContainer {
-  padding: 2px 0px 2px 0px;
-}
-
-#ToolbarVertical a.jxButton {
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  background-image: url(images/toolbarButton.png);
-}
-
-#ToolbarVertical span.jxButtonContent {
-  padding: 4px 5px 4px 1px; /* makes room for the right of the button bg */
-  background-image: url(images/toolbarButton.png);
-}
-
-#ToolbarVertical span.jxButtonLabel {
-  color: #000;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-/********************************************************
-  FileMenu
-********************************************************/
-#FileMenu {
-  margin: 0px;
-  padding: 0px;
-  padding-top: 10px;
-  z-index: 1;
-  background-image: none;
-  background-color: transparent;
-}
-
-#FileMenu div.jxButtonContainer {
-  padding: 3px 2px 1px 2px;
-}
-
-#FileMenu a.jxButton {
-  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
-  background-image: url(images/fileMenuButton.png);
-}
-
-#FileMenu span.jxButtonContent {
-  padding: 0px 4px 2px 0px; /* makes room for the right of the button bg */
-  background-image: url(images/fileMenuButton.png);
-}
-
-#FileMenu span.jxButtonLabel {
-  color: #ffffff;
-  padding: 0 4px 0 4px;
-  background-image: none;
-}
-
-/********************************************************
-  Status bar
-********************************************************/
-
-#StatusbarContainer {
-  background-color: #ffefb0;
-  border: 1px solid #ffffff;
-  color: #11449e;
-  line-height: 21px;
-  font-size: 11px;
-  vertical-align: middle;
-}
-
-#Statusbar .jxSplitBarHorizontal {
-  width: 3px;
-  height: 14px;
-  border-left: 1px solid #11449d;
-  background-color: #ffefb3;
-  cursor: 'col-resize';
-  margin-top: 3px;
-}
-
-#Statusbar .spanCursorPosition,
-#Statusbar .spanViewSize,
-#Statusbar .spanSelectionInfo {
-  padding: 4px 10px;
-}
-
-.inputEditableScale {
-  font-size: 10px;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: #11449E;
-  background-color: #fff;
-  border: 1px solid #A9BDE0;
-}
-
-#pbmg {
-  position: absolute;
-  right: 1px;
-  padding-top: 0px;
-}
-
-/********************************************************
-  Sidebar
-********************************************************/
-
-
-#TaskTools {
-  padding: 5px 8px;
-  background-image: url(images/moduleTaskToolbarBackground.png);
-  background-repeat: no-repeat;
-  width: 206px;
-  overflow: hidden;
-}
-
-#TaskPane {
-  padding: 2px 3px 2px 3px;
-  /*border-top: 1px solid #8d9aa3;*/
-  bottom: 0px;
-  background-color: #ffffff;
-  width: 199px;
-  height: 273px;
-  overflow: auto;
-}
-
-#TaskTools_TaskMenu {
-  float: right;
-  margin-right: 20px;
-}
-
-/**********************************************************
-  Sidebar Tabs
-**********************************************************/
-
-#Sidebar .tabContent {
-  background-image: url(images/moduleBackground.png);
-  background-repeat: repeat-x;
-  background-color: #ffffff;
-  /*border: 1px solid #ffffff;*/
-  border-top: none;
- padding: 0px 3px 3px 3px;
-}
-
-#Sidebar .jxToolbarContainer {
-  padding: 0px;
-  margin: 0px;
-}
-
-#Sidebar .jxBarTop a.jxTab:hover,
-#Sidebar .jxBarTop a.jxTab:active {
-  text-decoration: underline;
-}
-
-#Sidebar span.jxTabLabel {
-  color: #11449e;
-  font-weight: bold;
-}
-
-#LegendContainer.tabContent {
-  overflow: auto;
-  padding: 0 0 2px 0;
-}
-
-#Legend {
-  background-color: #fff;
-  background-image: none;
-  overflow: auto;
-  /*
-  border: 0px solid #000;
-  margin: 0 0 4px 0;
-  */
-}
-
-
-#TaskPane {
-  overflow: hidden;
-}
-
-#OverviewMap {
-  padding: 0px 3px 3px 3px;
-}
-
-.olControlOverviewMapElement {
-  border: 1px solid #fff;
-  background-color: #fff;
-}
-
-
-#Navigator {
-  position: absolute;
-  right: 10px;
-  top: 0px;
-  display: block;
-  z-index: 100;
-}
-
-

Added: trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/turquoiseyellow.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/turquoiseyellow.css	                        (rev 0)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/turquoiseyellow.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -0,0 +1 @@
+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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{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:'';}html{height:100%;overflow:hidden;}body{width:100%;height:100%;overflow:hidden;background-image:url(images/background.png);background-repeat:repeat-y;background-color:#70b0db;}body,table{font-family:Verdana,Arial,Helvetica,sans-serif;color:#000;}#AppContainer .jxSplitBarHorizontal{width:3px;background-color:transparent;background-image:url(images/a_pixel.png);}#Sidebar{margin-top:34px;border:1px solid #fff;}#Sidebar .jxSplitBarVertical{background-color:#fff;height:1px;}#MapArea{background-color:#fff;border:1px solid #fff;z-index:0;overflow:hidden;}#Maptip{display:none;border:1px solid #000;background-col
 or:#E5DAC7;padding:4px;font-size:10px;}#OverviewMap{width:100%;height:100%;overflow:hidden;}#Toolbar{z-index:100;border:1px solid #fff;background-image:url(images/toolbarBackground.png);background-repeat:repeat-x;background-color:#fff;}#Toolbar span.jxButtonContainer{padding:0 2px 0 2px;}#Toolbar a.jxButton{padding:0 0 0 4px;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonContent{padding:4px 4px 4px 0;background-image:url(images/toolbarButton.png);}#Toolbar span.jxButtonLabel{color:#000;padding-top:0;padding-bottom:0;}#ToolbarVertical{z-index:100;border:1px solid #a9bde0;background-image:url(images/verticalMenuBar.png);background-repeat:repeat-x;background-position:top;background-color:#fff;}#ToolbarVertical span.jxButtonContainer{padding:2px 0 2px 0;}#ToolbarVertical a.jxButton{padding:0 0 0 4px;background-image:url(images/toolbarButton.png);}#ToolbarVertical span.jxButtonContent{padding:4px 5px 4px 1px;background-image:url(images/toolbarButton.png);}#
 ToolbarVertical span.jxButtonLabel{color:#000;padding-top:0;padding-bottom:0;}#FileMenu{margin:0;padding:0;padding-top:10px;z-index:1;background-image:none;background-color:transparent;}#FileMenu span.jxButtonContainer{padding:3px 2px 1px 2px;}#FileMenu a.jxButton{padding:0 0 0 4px;background-image:url(images/fileMenuButton.png);}#FileMenu span.jxButtonContent{padding:0 4px 2px 0;background-image:url(images/fileMenuButton.png);}#FileMenu span.jxButtonLabel{color:#fff;padding:0 4px 0 4px;background-image:none;}#StatusbarContainer{background-color:#ffefb0;border:1px solid #fff;color:#11449e;line-height:21px;font-size:11px;vertical-align:middle;}#Statusbar .jxSplitBarHorizontal{width:3px;height:14px;border-left:1px solid #11449d;background-color:#ffefb3;cursor:'col-resize';margin-top:3px;}#Statusbar .spanCursorPosition,#Statusbar .spanViewSize,#Statusbar .spanSelectionInfo{padding:4px 10px;}.inputEditableScale{font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;color:
 #11449E;background-color:#fff;border:1px solid #A9BDE0;}#pbmg{position:absolute;right:1px;padding-top:0;}#TaskTools{padding:5px 8px;background-image:url(images/moduleTaskToolbarBackground.png);background-repeat:no-repeat;width:206px;overflow:hidden;}#TaskPane{padding:2px 3px 2px 3px;bottom:0;background-color:#fff;width:199px;height:273px;overflow:auto;}#TaskTools_TaskMenu{float:right;margin-right:20px;}#Sidebar .tabContent{background-image:url(images/moduleBackground.png);background-repeat:repeat-x;background-color:#fff;border-top:none;padding:0 3px 3px 3px;}#Sidebar .jxToolbarContainer{padding:0;margin:0;}#Sidebar .jxBarTop a.jxTab:hover,#Sidebar .jxBarTop a.jxTab:active{text-decoration:underline;}#Sidebar span.jxTabLabel{color:#11449e;font-weight:bold;}#Sidebar .jxBarTop .jxBarControls,#Sidebar .jxBarBottom .jxBarControls{display:none;}#LegendContainer.tabContent{overflow:auto;padding:0 0 2px 0;}#Legend{background-color:#fff;background-image:none;overflow:auto;}#TaskPane{o
 verflow:hidden;}#OverviewMap{padding:0 3px 3px 3px;}.olControlOverviewMapElement{border:1px solid #fff;background-color:#fff;}#Navigator{position:absolute;right:10px;top:0;display:block;z-index:100;}ul.jxToolbar .jxButton:focus,.jxButton:focus{background-position:left -96px;}ul.jxToolbar .jxButton:focus span.jxButtonContent,.jxButton:focus span.jxButtonContent{background-position:right -96px;}ul.jxToolbar .jxButtonActive:focus,.jxButtonActive:focus{background-position:left -72px;}ul.jxToolbar .jxButtonActive:focus span.jxButtonContent,.jxButtonActive:focus span.jxButtonContent{background-position:right -72px;}span.jxButtonContent span{font-family:Verdana,Arial,Helvetica,sans-serif;}a.jxButtonEditCombo input{font-family:Verdana,Arial,Helvetica,sans-serif;background-color:transparent;}.jxChromeTL img{width:500px;height:500px;}.jxChromeTR img{width:500px;height:500px;}.jxChromeBL img{width:500px;height:500px;}.jxChromeBR img{width:500px;height:500px;}.jxDialog .jxChrome{backgro
 und-image:url(images/dialog_chrome.png);}.jxDialogContentContainer{border:none;}.jxDialogModal{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.2;-ms-filter:"Alpha(opacity=20)";}.jxDialogTitle{background-image:url(images/a_pixel.png);height:16px;margin:10px 10px 0 10px;}.jxDialogIcon{left:10px;top:0;}.jxDialogLabel{font-family:Verdana,Arial,Helvetica,sans-serif;line-height:15px;display:block;top:0;}.jxDialogControls{top:0;}.jxDialogControls img{background-image:url('images/dialog_controls.png');}.jxGridTable{font-family:Verdana,Arial,Helvetica,sans-serif;}a.jxMenuItem{font-family:Verdana,Arial,Helvetica,sans-serif;}span.jxMenuItemContent{font-family:Verdana,Arial,Helvetica,sans-serif;}.jxPanelContentContainer{background-image:url(images/panelBackround.png);background-repeat:repeat-x;background-position:left bottom;background-color:#f0f0f0;}.jxPanelContent{background-color:transparent;}.jxPanelTitle{background-image:url(images
 /panelbar.png);background-repeat:repeat-x;background-position:left top;text-align:left;}.jxPanelBar{background-color:transparent;}.jxPanelLabel{padding-left:20px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;line-height:21px;color:#fff;white-space:nowrap;}.jxPanelControls{top:2px;left:2px;height:16px;width:16px;}.jxPanelControls img{background-image:url('images/panel_controls.png');background-repeat:no-repeat;}span.jxTabLabel{font-family:Verdana,Arial,Helvetica,sans-serif;}.jxSplitBarHorizontal{width:2px;background-color:transparent;}.jxSplitBarVertical{width:2px;background-color:transparent;}.jxSplitterMask{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-image:url(images/a_pixel.png);z-index:1;}.jxSplitArea{display:block;position:absolute;margin:0;padding:0;border:none;overflow:hidden;z-index:0;}.jxTabBarTop .jxBarWrapper,.jxTabBarBottom .jxBarWrapper{padding-left:0;}.jxBarTop div.jxTabContainer,.jxBarBottom 
 div.jxTabContainer{float:left;padding:2px 0;}.jxBarTop a.jxTab,.jxBarTop span.jxTabContent{background-image:url(images/tab_top.png);}.jxBarBottom a.jxTab,.jxBarBottom span.jxTabContent{background-image:url(images/tab_bottom.png);}.jxBarTop a.jxTabClose,.jxBarBottom a.jxTabClose{top:3px;right:3px;}.jxBarTop a.jxTab,.jxBarBottom a.jxTab{float:left;}.jxBarTop span.jxTabContent,.jxBarBottom span.jxTabContent{float:left;}.jxBarTop a.jxTab:hover,.jxBarBottom a.jxTab:hover{background-position:left -96px;}.jxBarTop a.jxTab:hover span.jxTabContent,.jxBarBottom a.jxTab:hover span.jxTabContent{background-position:right -96px;}.jxBarTop a.jxTab:active,.jxBarBottom a.jxTab:active{background-position:left -48px;}.jxBarTop a.jxTab:active span.jxTabContent,.jxBarBottom a.jxTab:active span.jxTabContent{background-position:right -48px;}.jxBarTop a.jxTabActive:focus,.jxBarBottom a.jxTabActive:focus{background-position:left -48px;}.jxBarTop a.jxTabActive:focus span.jxTabContent,.jxBarBottom a.j
 xTabActive:focus span.jxTabContent{background-position:right -48px;}.jxBarTop img.jxTabIcon,.jxBarBottom img.jxTabIcon{float:left;}.jxBarTop span.jxTabLabel,.jxBarBottom span.jxTabLabel{float:left;}.jxBarTop,.jxBarBottom{background-image:url(images/toolbar.png);background-repeat:repeat-x;background-position:0 0;}.jxBarTop .jxBarScroller,.jxBarBottom .jxBarScroller{position:absolute;width:10000%;overflow:hidden;}.jxBarTop li.jxToolItem span.jxBarSeparator,.jxBarBottom li.jxToolItem span.jxBarSeparator{width:8px;height:20px;background-image:url(images/toolbar_separator_h.png);}.jxBarLeft li.jxToolItem span.jxBarSeparator,.jxBarRight li.jxToolItem span.jxBarSeparator{width:20px;height:8px;background-image:url(images/toolbar_separator_v.png);}.jxBarTop .jxBarScrollLeft img.jxButtonIcon,.jxBarBottom .jxBarScrollLeft img.jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -80px;}.jxBarTop .jxBarScrollRight img.jxButtonIcon,.jxBarBottom .jxBarScrollRight img
 .jxButtonIcon{background-image:url(images/emblems.png);background-position:0 -96px;}.jxBarTop .jxBarControls .jxButtonContainer,.jxBarBottom .jxBarControls .jxButtonContainer,.jxBarTop .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer,.jxBarBottom .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer{z-index:1;padding:2px;margin-left:-1px;}.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,.jxBarTop .jxBarControls .jxDisabled .jxButton,.jxBarBottom .jxBarControls .jxDisabled .jxButton,.jxBarTop .jxBarControls .jxDisabled .jxButton,.jxBarBottom .jxBarControls .jxDisabled .jxButton{visibility:hidden;cursor:default;}.jxTabBox .jxTabBarTop{background-image:url(images/tabbar.png);background-position:0 bottom;}a.jxTreeItem{font-family:Verda
 na,Arial,Helvetica,sans-serif;}
\ No newline at end of file

Added: trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/turquoiseyellow.uncompressed.css
===================================================================
--- trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/turquoiseyellow.uncompressed.css	                        (rev 0)
+++ trunk/MgDev/Oem/fusionMG/templates/mapguide/turquoiseyellow/turquoiseyellow.uncompressed.css	2011-05-31 07:11:07 UTC (rev 5881)
@@ -0,0 +1,719 @@
+/*
+Copyright (c) 2006, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 0.11.0
+*/
+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;}
+table{border-collapse:collapse;border-spacing:0;}
+fieldset,img{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:'';}
+
+/********************************************************
+  Noble Studios - 05/21/07
+  ns_adsk.css
+  Mapguide Layout
+********************************************************/
+
+html {
+  height: 100%;
+  overflow:  hidden;
+}
+
+body {
+  width:  100%;
+  height:  100%;
+  overflow:  hidden;
+  background-image: url(images/background.png);
+  background-repeat: repeat-y;
+  background-color: #70b0db;
+}
+
+
+body, table {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: #000000;
+}
+
+/********************************************************
+  Overall Structure
+********************************************************/
+#AppContainer {
+
+}
+
+#AppContainer .jxSplitBarHorizontal {
+  width: 3px;
+  background-color: transparent;
+  background-image: url(images/a_pixel.png);
+}
+
+#Sidebar {
+  margin-top: 34px;
+  border: 1px solid #fff;
+}
+
+#Sidebar .jxSplitArea {
+}
+
+#Sidebar .jxSplitBarVertical {
+  background-color: #ffffff;
+  height: 1px;
+}
+
+#MapArea {
+  background-color: #ffffff;
+  border: 1px solid #ffffff;
+  z-index: 0;
+  overflow: hidden;
+}
+
+#Maptip {
+  display: none;
+  border: 1px solid #000;
+  background-color: #E5DAC7;
+  padding: 4px;
+  font-size: 10px;
+}
+
+#OverviewMap {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+/**********************************************************
+  Horizontal Toolbar
+**********************************************************/
+
+#Toolbar {
+  z-index: 100;
+  border: 1px solid #ffffff;
+  background-image: url(images/toolbarBackground.png);
+  background-repeat: repeat-x;
+  background-color: #ffffff;
+}
+
+#Toolbar span.jxButtonContainer {
+  padding: 0px 2px 0px 2px;
+}
+
+#Toolbar a.jxButton {
+  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
+  background-image: url(images/toolbarButton.png);
+}
+
+#Toolbar span.jxButtonContent {
+  padding: 4px 4px 4px 0px; /* makes room for the right of the button bg */
+  background-image: url(images/toolbarButton.png);
+}
+
+#Toolbar span.jxButtonLabel {
+  color: #000;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+/**********************************************************
+  Vertical Toolbar
+**********************************************************/
+
+#ToolbarVertical {
+  z-index: 100;
+  border: 1px solid #a9bde0;
+  background-image: url(images/verticalMenuBar.png);
+  background-repeat: repeat-x;
+  background-position: top;
+  background-color: #ffffff;
+}
+
+#ToolbarVertical span.jxButtonContainer {
+  padding: 2px 0px 2px 0px;
+}
+
+#ToolbarVertical a.jxButton {
+  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
+  background-image: url(images/toolbarButton.png);
+}
+
+#ToolbarVertical span.jxButtonContent {
+  padding: 4px 5px 4px 1px; /* makes room for the right of the button bg */
+  background-image: url(images/toolbarButton.png);
+}
+
+#ToolbarVertical span.jxButtonLabel {
+  color: #000;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+/********************************************************
+  FileMenu
+********************************************************/
+#FileMenu {
+  margin: 0px;
+  padding: 0px;
+  padding-top: 10px;
+  z-index: 1;
+  background-image: none;
+  background-color: transparent;
+}
+
+#FileMenu span.jxButtonContainer {
+  padding: 3px 2px 1px 2px;
+}
+
+#FileMenu a.jxButton {
+  padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
+  background-image: url(images/fileMenuButton.png);
+}
+
+#FileMenu span.jxButtonContent {
+  padding: 0px 4px 2px 0px; /* makes room for the right of the button bg */
+  background-image: url(images/fileMenuButton.png);
+}
+
+#FileMenu span.jxButtonLabel {
+  color: #ffffff;
+  padding: 0 4px 0 4px;
+  background-image: none;
+}
+
+/********************************************************
+  Status bar
+********************************************************/
+
+#StatusbarContainer {
+  background-color: #ffefb0;
+  border: 1px solid #ffffff;
+  color: #11449e;
+  line-height: 21px;
+  font-size: 11px;
+  vertical-align: middle;
+}
+
+#Statusbar .jxSplitBarHorizontal {
+  width: 3px;
+  height: 14px;
+  border-left: 1px solid #11449d;
+  background-color: #ffefb3;
+  cursor: 'col-resize';
+  margin-top: 3px;
+}
+
+#Statusbar .spanCursorPosition,
+#Statusbar .spanViewSize,
+#Statusbar .spanSelectionInfo {
+  padding: 4px 10px;
+}
+
+.inputEditableScale {
+  font-size: 10px;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: #11449E;
+  background-color: #fff;
+  border: 1px solid #A9BDE0;
+}
+
+#pbmg {
+  position: absolute;
+  right: 1px;
+  padding-top: 0px;
+}
+
+/********************************************************
+  Sidebar
+********************************************************/
+
+
+#TaskTools {
+  padding: 5px 8px;
+  background-image: url(images/moduleTaskToolbarBackground.png);
+  background-repeat: no-repeat;
+  width: 206px;
+  overflow: hidden;
+}
+
+#TaskPane {
+  padding: 2px 3px 2px 3px;
+  /*border-top: 1px solid #8d9aa3;*/
+  bottom: 0px;
+  background-color: #ffffff;
+  width: 199px;
+  height: 273px;
+  overflow: auto;
+}
+
+#TaskTools_TaskMenu {
+  float: right;
+  margin-right: 20px;
+}
+
+/**********************************************************
+  Sidebar Tabs
+**********************************************************/
+
+#Sidebar .tabContent {
+  background-image: url(images/moduleBackground.png);
+  background-repeat: repeat-x;
+  background-color: #ffffff;
+  /*border: 1px solid #ffffff;*/
+  border-top: none;
+ padding: 0px 3px 3px 3px;
+}
+
+#Sidebar .jxToolbarContainer {
+  padding: 0px;
+  margin: 0px;
+}
+
+#Sidebar .jxBarTop a.jxTab:hover,
+#Sidebar .jxBarTop a.jxTab:active {
+  text-decoration: underline;
+}
+
+#Sidebar span.jxTabLabel {
+  color: #11449e;
+  font-weight: bold;
+}
+
+#Sidebar .jxBarTop .jxBarControls,
+#Sidebar .jxBarBottom .jxBarControls{
+  display: none;
+}
+
+#LegendContainer.tabContent {
+  overflow: auto;
+  padding: 0 0 2px 0;
+}
+
+#Legend {
+  background-color: #fff;
+  background-image: none;
+  overflow: auto;
+  /*
+  border: 0px solid #000;
+  margin: 0 0 4px 0;
+  */
+}
+
+
+#TaskPane {
+  overflow: hidden;
+}
+
+#OverviewMap {
+  padding: 0px 3px 3px 3px;
+}
+
+.olControlOverviewMapElement {
+  border: 1px solid #fff;
+  background-color: #fff;
+}
+
+
+#Navigator {
+  position: absolute;
+  right: 10px;
+  top: 0px;
+  display: block;
+  z-index: 100;
+}
+/* ====================== */
+/* OVERRIDE BUTTON STYLES */
+/* ====================== */
+
+/* focus button */
+ul.jxToolbar .jxButton:focus,
+.jxButton:focus {
+  background-position: left -96px;
+}
+
+ul.jxToolbar .jxButton:focus span.jxButtonContent,
+.jxButton:focus span.jxButtonContent {
+  background-position: right -96px;
+}
+
+/* focus active button */
+ul.jxToolbar .jxButtonActive:focus,
+.jxButtonActive:focus {
+  background-position: left -72px;
+}
+
+ul.jxToolbar .jxButtonActive:focus span.jxButtonContent,
+.jxButtonActive:focus span.jxButtonContent {
+  background-position: right -72px;
+}
+
+span.jxButtonContent span {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+a.jxButtonEditCombo input {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  background-color: transparent;
+}
+
+/* ====================== */
+/* OVERRIDE CHROME STYLES */
+/* ====================== */
+
+.jxChromeTL img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeTR img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeBL img {
+  width: 500px;
+  height:500px;
+}
+
+.jxChromeBR img {
+  width: 500px;
+  height:500px;
+}
+
+/* ====================== */
+/* OVERRIDE DIALOG STYLES */
+/* ====================== */
+
+.jxDialog .jxChrome {
+  background-image: url(images/dialog_chrome.png);
+}
+
+.jxDialogContentContainer {
+  border: none;
+}
+
+.jxDialogModal {
+  /* Base setup */
+  position: absolute;
+  display: block;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+
+  background-color: #000;
+  opacity: .2;
+  -ms-filter: "Alpha(opacity=20)";
+}
+
+.jxDialogTitle {
+  /* this makes the dialog draggable by the title bar in IE
+   * Without it, only the label is draggable
+   */
+  background-image: url(images/a_pixel.png);
+
+  /* note: height is hard coded into jx.js Jx.Dialog initialize function - change there as well as here */
+  height: 16px;
+
+  margin: 10px 10px 0px 10px;
+}
+
+.jxDialogIcon {
+  left: 10px;
+  top: 0px;
+}
+
+.jxDialogLabel {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  line-height:15px;
+  display:block;
+  top: 0px;
+}
+
+.jxDialogControls {
+  top: 0px;
+}
+
+.jxDialogControls img {
+  background-image: url('images/dialog_controls.png');
+}
+
+
+/* ======================= */
+/* OVERRIDE JX GRID STYLES */
+/* ======================= */
+
+.jxGridTable {
+    font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+/* ======================= */
+/* OVERRIDE JX MENU STYLES */
+/* ======================= */
+
+a.jxMenuItem {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+span.jxMenuItemContent {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+/* ======================== */
+/* OVERRIDE JX PANEL STYLES */
+/* ======================== */
+
+.jxPanelContentContainer {
+  background-image: url(images/panelBackround.png);
+  background-repeat: repeat-x;
+  background-position: left bottom;
+  background-color: #f0f0f0;
+}
+
+.jxPanelContent {
+  background-color: transparent;
+}
+
+.jxPanelTitle {
+  background-image: url(images/panelbar.png);
+  background-repeat: repeat-x;
+  background-position: left top;
+  text-align: left;
+}
+
+/* JX PANELSET STYLE FOR TITLE BAR */
+.jxPanelBar {
+  background-color: transparent;
+}
+
+.jxPanelLabel {
+  /* make room for the loading spinner */
+  padding-left: 20px;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size: 11px;
+  font-weight: bold;
+  /* line-height vertically aligns the label in the containing div. */
+  line-height:21px;
+  color: #fff;
+  white-space: nowrap;
+}
+
+.jxPanelControls {
+  top: 2px;
+  left: 2px;
+  height: 16px;
+  width: 16px;
+}
+
+.jxPanelControls img {
+  background-image: url('images/panel_controls.png');
+  background-repeat: no-repeat;
+}
+
+/* ================================= */
+/* OVERRIDE BASE TAB (BUTTON) STYLES */
+/* ================================= */
+
+span.jxTabLabel {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+/* ======================== */
+/* OVERRIDE SPLITTER STYLES */
+/* ======================== */
+
+.jxSplitBarHorizontal {
+  width: 2px;
+  background-color: transparent;
+}
+
+.jxSplitBarVertical {
+  width: 2px;
+  background-color: transparent;
+}
+
+.jxSplitterMask { 
+  position: absolute; 
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-image: url(images/a_pixel.png);
+  z-index: 1; 
+} 
+
+.jxSplitArea {
+  display: block;
+  position: absolute;
+  margin: 0px;
+  padding: 0px;
+  border: none;
+  overflow: hidden;
+  z-index: 0;
+}
+
+/* ================================================ */
+/* OVERRIDE HORIZONTALTAB BAR - TOP and BOTTOM TABS */
+/* ================================================ */
+
+.jxTabBarTop .jxBarWrapper, 
+.jxTabBarBottom .jxBarWrapper {
+  padding-left: 0px;
+}
+
+.jxBarTop div.jxTabContainer,
+.jxBarBottom div.jxTabContainer {
+  /* Base setup */
+  float: left;
+  padding: 2px 0px;
+}
+
+.jxBarTop a.jxTab,
+.jxBarTop span.jxTabContent {
+  background-image: url(images/tab_top.png);
+}
+
+.jxBarBottom a.jxTab,
+.jxBarBottom span.jxTabContent {
+  background-image: url(images/tab_bottom.png);
+}
+
+.jxBarTop a.jxTabClose,
+.jxBarBottom a.jxTabClose {
+  top: 3px;
+  right: 3px;
+}
+
+.jxBarTop a.jxTab,
+.jxBarBottom a.jxTab {
+  float: left;
+}
+
+.jxBarTop span.jxTabContent,
+.jxBarBottom span.jxTabContent {
+  float: left;
+}
+
+.jxBarTop a.jxTab:hover,
+.jxBarBottom a.jxTab:hover {
+  background-position: left -96px;
+}
+
+.jxBarTop a.jxTab:hover span.jxTabContent,
+.jxBarBottom a.jxTab:hover span.jxTabContent {
+  background-position: right -96px;
+}
+
+.jxBarTop a.jxTab:active,
+.jxBarBottom a.jxTab:active {
+  background-position: left -48px;
+}
+
+.jxBarTop a.jxTab:active span.jxTabContent,
+.jxBarBottom a.jxTab:active span.jxTabContent {
+  background-position: right -48px;
+}
+
+.jxBarTop a.jxTabActive:focus,
+.jxBarBottom a.jxTabActive:focus {
+  background-position: left -48px; 
+}
+
+.jxBarTop a.jxTabActive:focus span.jxTabContent,
+.jxBarBottom a.jxTabActive:focus span.jxTabContent {
+  background-position: right -48px; 
+}
+
+.jxBarTop img.jxTabIcon,
+.jxBarBottom img.jxTabIcon {
+  float: left;
+}
+
+.jxBarTop span.jxTabLabel,
+.jxBarBottom span.jxTabLabel {
+  float: left;
+}
+
+/* ======================= */
+/* OVERRIDE TOOLBAR STYLES */
+/* ======================= */
+
+.jxBarTop,
+.jxBarBottom {
+  background-image: url(images/toolbar.png);
+  background-repeat: repeat-x;
+  background-position: 0px 0px;
+}
+
+.jxBarTop .jxBarScroller,
+.jxBarBottom .jxBarScroller {
+  position: absolute;
+  /* much bigger than its container */
+  width: 10000%;
+  overflow: hidden;
+}
+
+.jxBarTop  li.jxToolItem  span.jxBarSeparator,
+.jxBarBottom  li.jxToolItem  span.jxBarSeparator {
+  /* width/height should be defined */
+  width: 8px;
+  height: 20px;
+  background-image: url(images/toolbar_separator_h.png);
+}
+
+.jxBarLeft  li.jxToolItem  span.jxBarSeparator,
+.jxBarRight  li.jxToolItem  span.jxBarSeparator {
+  /* width/height should be defined */
+  width: 20px;
+  height: 8px;
+  background-image: url(images/toolbar_separator_v.png);
+}
+
+.jxBarTop .jxBarScrollLeft img.jxButtonIcon,
+.jxBarBottom .jxBarScrollLeft img.jxButtonIcon {
+  background-image: url(images/emblems.png);
+  background-position: 0px -80px;
+}
+
+.jxBarTop .jxBarScrollRight img.jxButtonIcon,
+.jxBarBottom .jxBarScrollRight img.jxButtonIcon {
+  background-image: url(images/emblems.png);
+  background-position: 0px -96px;
+}
+
+.jxBarTop .jxBarControls .jxButtonContainer,
+.jxBarBottom .jxBarControls .jxButtonContainer,
+.jxBarTop .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer,
+.jxBarBottom .jxBarScroller .jxBarWrapper .jxToolbar .jxToolItem .jxButtonContainer{
+  z-index: 1;
+  padding: 2px;
+  margin-left: -1px;
+}
+
+/* trick here:  hide disabled buttons */
+.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarBottom .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarTop .jxBarControls .jxDisabled span.jxButtonContent span,
+.jxBarBottom .jxBarControls  .jxDisabled span.jxButtonContent span,
+.jxBarTop .jxBarControls .jxDisabled .jxButton,
+.jxBarBottom .jxBarControls .jxDisabled .jxButton,
+.jxBarTop .jxBarControls .jxDisabled .jxButton,
+.jxBarBottom .jxBarControls  .jxDisabled .jxButton{
+  visibility:hidden;
+  cursor: default; 
+}
+
+.jxTabBox .jxTabBarTop {
+  background-image: url(images/tabbar.png);
+  background-position: 0px bottom;
+}
+
+/* ==================== */
+/* OVERRIDE TREE STYLES */
+/* ==================== */
+
+a.jxTreeItem {
+  font-family: Verdana,Arial,Helvetica,sans-serif;
+}
\ No newline at end of file



More information about the mapguide-commits mailing list