/*
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 {
  margin: 0px 11px 16px 11px;
  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/panelBackground.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;
}