/* ------------------------------------------------------------------------- */
/* XPanel                                                                    */
/* ------------------------------------------------------------------------- */

.XPanel {
   position: absolute;
}

.XPanelHeader {
   position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
   vertical-align: top;
   width: 100%;
}

.XPanelHeaderLeft {
   display: -moz-inline-block;
   display: inline-block;
   position: absolute;
      top: 2px;
      left: 0px;
   text-align: left;
}

.XPanelHeaderRight {
   display: -moz-inline-block;
   display: inline-block;
   position: absolute;
      top: 2px;
      right: 0px;
   text-align: right;
}

.XPanelHeaderButton {
   cursor: pointer;
   margin-top: 2px;
   margin-left: 4px;
   margin-right: 4px;
   vertical-align: middle;
}

.XPanelHistory {
   padding-top: 2px;
   padding-left: 5px;
   padding-right: 0px;
   vertical-align: top;
}

.XPanelHistoryButton {
   cursor: pointer;
}

.XPanelHistoryButton-Disabled {
   cursor: default;
}

.XPanelHome {
   padding-top: 2px;
   padding-left: 5px;
   padding-right: 0px;
   vertical-align: top;
}

.XPanelGoHomeButton {
   cursor: pointer;
}

.XPanelGoHomeText {
   cursor: pointer;
   font-size: 0.9em;
   font-weight: normal;
   vertical-align: top;
}

.XPanelTitleIcon {
   margin-top: 0px;
   margin-left: 5px;
   vertical-align: top;
   height: 18px;
}

.XPanelTitle {
   padding-top: 2px;
   padding-left: 5px;
   font-weight: bold;
   vertical-align: top;
}

.XPanelTitle-Expand {
   cursor: pointer;
   padding-top: 2px;
   padding-left: 5px;
   font-weight: bold;
   vertical-align: top;
}

.XPanelInfo {
   display: -moz-display-box;
   display: inline-block;
   margin-top: 2px;
   margin-right: 7px;
   position: relative;
   vertical-align: top;
   font-weight: bold;
}

/* ------------------------------------------------------------------------- */

.XPanelContent {
   background-color: #FFFFFF;
   text-align: center;
   position: absolute;
      left: 0px;
      right: 0px;
      bottom: 0px;
   overflow-x: hidden;
   overflow-y: auto;
   vertical-align: middle;
   width: 100%;
}

.XPanelMessage {
   position: relative;
   height: 20px;
   width: 100%;
}

.XPanelLoadingMessage {
   position: absolute;
   background-color: lightgrey;
   padding: 2px;
   top: 5px;
   right: 20px;
   z-index: 1;
}

.XPanelIframe {
   /* display: none; */
   overflow-x: hidden;
   overflow-y: auto;
   position: absolute;
   top: 0px;
   left: 0px;
   bottom: 0px;
   right: 0px;
   width: 100%;
   height: 100%;
}

/* ------------------------------------------------------------------------- */

.XPanelHighlighter {
   display: inline-block;
   border: solid lightgrey 1px;
   margin-top: 3px;
   margin-right: 5px;
   width: 120px;
   height: 22px;
   background-color: white;
   text-align: left;
}

.XPanelHighlightInner {
   background-color: white;
   display: -moz-inline-block;
   display: inline-block;
   position: relative;
   width: 120px;
}

.XPanelHighlightInput {
   border: solid white 0px;
   font-size: 0.9em;
   margin-left: 0px;
   width: 94px;
}

.XPanelHighlightButton {
   cursor: pointer;
   position: absolute;
   width: 16px;
   height: 16px;
}

/* ------------------------------------------------------------------------- */