body {
width: 100%;
height: 100%;
overflow: hidden;
}

p, div, li, dd, dt, td {
  font-family: arial, verdana, sans, sans-serif;
  font-size: 12px;
}

#Header {
    background-image: url('./images/headerbg.gif');
    background-repeat: repeat-x;
    z-index: 1;
    position: relative;
}

#Header .jxMenuItem span.jxButtonLabel {
    color: #000;
}

#headerTitle {
    background-image: url('./images/headerTitle.gif');
    background-repeat: no-repeat;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 520px;
    height: 60px;
}

#Map {
    overflow: hidden;
    background-color: #fff;
}

#LegendContainer {
    background-color: #f0f0f0;
    overflow: auto;
}

#Legend {
}

#MapContainer {
    background-color: #f0f0f0;
}

#Map {

}

#MyMaptip {
   display: none;
   background-color: #fff;
   border: 1px dotted #ccc;
   padding: 2px;
   font-family: Arial;
   font-size: 12px;
   text-align: left;
}

/*
#LegendContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 400px;
    padding: 2px 1px 2px 2px;
    background-color: #d9d9d9;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #999;
}

#Legend {
    position: relative;
    overflow: auto;
    border: 1px solid #000;
    background-color: #fff;

}
*/

#Footer {
    background-color: #d9d9d9;
}

#thePage {
  overflow: hidden;
}

.buttonActive {
    /*background-color: #262626;*/
}

.buttonDisabled {
    opacity: 0.3;
    filter: Alpha(opacity=30);
}

#console {
    display: none;
}

#CursorPosition {
    width: 300px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 20px;
}

/*****************/
/* Jx Overwrites */
/*****************/
.jxToolbarContainer {
  background: none;
  border: 0px solid;
}

ul.jxToolbar {
  background: none;
  border: 0px solid;
}

li.jxToolItem {
  border-bottom: 0px solid;
}

li.jxToolbarItem .separator {
  filter:alpha(opacity=25);
  -moz-opacity:0.25;
  opacity: 0.25;
}




a.jxButton {
  border: 0px solid;
  height: 18px;
}

a.jxButton:hover {
  border: 0px solid;
  background-image: url('./images/button_bg.gif');
  background-repeat: repeat-x;
}

a.jxButtonActive:hover {
  background-image: url('./images/button_bg_hover.gif');
  border: 0px solid;
}

a.jxButtonActive {
  background-image: url('./images/button_bg_active.gif');
  background-repeat: repeat-x;
}


.jxPanelTitle {
  background-image:url('./images/panelbg.gif');
  background-position:left top;
  background-repeat:repeat-x;
  border-bottom:1px solid #666666;
  border-top:0px solid #FFFFFF;
}


.jxPanelLabel {
  color: #fff;
}

span.jxButtonLabel {
  color: #fff;
}

.jxMenu .jxButtonLabel {
  color: #000;
}

#ToolbarContainer {
  position: absolute;
  bottom: 2px;
  left: 24px;
  width: 100%;
  height: 26px;
  border: 0px solid #fff;
}

#JxDialogResoruces img {
  border:0px none;
  height:14px;
  margin:0px;
  width:14px;
}


.jxSplitterBar {
    background-color: #000;
    width: 2px;
}



#ResourceInfo ul {
 padding: 0;
 margin: 10px;
}

#ResourceInfo ul li {
 padding: 2px 0 2px 6px;
 margin: 0 0 4px 0;
 border-bottom: 1px solid #d4d4d4;
 background-color: #f9f9f9;
 line-height: 20px;
 vertical-align: middle;
 font-size: 0.9em;
}

#ResourceInfo ul li img {
 width: 16px;
 height: 16px;
 margin: 0 6px 0 0;
}

#ResourceInfo ul li a {
 color: #ff9000;
 text-decoration: none;
 font-weight: bold;
}

#Selection {
    margin: 0px;
    padding: 0px;
}

#Selection ul {
    margin: 6px;
}

#Selection ul li {
    margin: 0 6px 6px 6px;
    padding: 4px;
    background-color: #f9f9f9;
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
}

#Selection ul li dl {
    margin: 6px 0 0 0;
    font-size: 1.0em;
    font-weight: normal;
    font-style: none;
}

#Selection ul li dl dt {
    margin: 0;
    padding: 2px 2px 2px 6px;
    background-color: #d4d4d4;
}

#Selection ul li dl dd {
    margin: 0px;
    padding: 0px;
    background-color: #f0f0f0;
}

#Selection ul li dl dd ul {
    margin: 0px;
}

#Selection ul li dl dd ul li {
    font-size: 0.9em;
    margin: 0px;
    padding: 1px 1px 1px 6px;
    font-weight: normal;
    border: 1px solid #d4d4d4;
    border-top: 0px solid #d4d4d4; 
}

#Selection ul li dl dd ul li span.selectionLabel {
    font-weight: bold;
}
#Selection ul li dl dd ul li span.selectionValue {
    font-style: normal;
}

#Selection span.selectionMessage {
    padding: 4px 4px 0 4px;
    line-height: 26px;
}

#dmsgLogo {
 position: absolute;
 z-index: 2;
 top: 20px;
 right: 20px;
 width: 268px;
 height: 31px;
}

#pbmg {
    position: absolute;
    bottom: 4px;
    left: 4px;
    z-index: 100;
} 