/********************************************************************
**  Base stylesheet for the public access page layout
**   The values here can be overridden by those in the theme
**   with the exception of position for elements with absolute
**   positioning!  To do so would corrupt embedded GuiLib components
**   
********************************************************************/
body
{
  margin:  0px;
  padding:  0px;
  font-family:  Helvetica, sans-serif;
  font-size: 9pt;
  overflow:  hidden;
}
td
{
  font-size: 9pt;
}
.pageContainer
{
  position:  absolute;
  top:    0px;
  left:   0px;
  width:  100%;
  height: 100%;
  margin: 0px;
  overflow:  hidden;
}
.pageHeader
{
  position:  absolute;
  top:        0px;
  left:       0px;
  width:      100%;
  height:     30px;
  border-bottom:  1px black solid;
  overflow:  hidden;
}
.pseudolink
{
  color:  blue;
  cursor: pointer;
  text-decoration: underline;
}
.disabledlink
{
  color:  gray;
  font-style:  italic;
  cursor: pointer;
  text-decoration: underline;
}
.rightPanel
{
  position:  absolute;
  top:  30px; /*this is just a default; the config can override this*/
  right:  0px;  /*anchor to right side of screen*/
  width:  250px; /*this is just a default; the config can override this*/
  z-index:     2;
  /*overflow:   auto;*/
  border-left: 1px black solid;
}
/*Map Tab Buttons go inside here*/
.schemeButtonContainer
{
  position: absolute;
  border-bottom:  1px #C0C0C0 solid;
  padding-left: 15px;
}
.schemeButtonTable
{
  display: inline;
  margin-right: 10px;
  margin-bottom: 5px;
  cursor: pointer; 
}
.schemeButtonLeft
{
  height: 25px; 
  width: 10px; 
}
.schemeButtonCenter
{
  height: 25px;
  width: 10px;
  font-weight: bold;  
  color: #17549D;
}
.schemeButtonRight
{
  height: 25px; 
  width: 10px; 
}

.schemeButtonLeft_active
{
  height: 25px; 
  width: 10px; 
  border-left: 1px black solid;
}
.schemeButtonCenter_active
{
  height: 25px;
  width: 10px;
  color: #17549D;
  font-size: 9pt;
  font-style: italic;
  font-weight: bold;  
}
.schemeButtonRight_active
{
  height: 25px; 
  width: 10px; 
  border-right: 1px black solid;
}
.mapToolOptionPanel
{
  border-top:  1px black solid;
  border-left: 1px black solid;
  position:  absolute;
  bottom:  0px;
  height:  100px;
}
.mapToolOptionPanelHeader
{
  width:  auto;
  border-bottom:  1px black solid;
  font-size: 8pt;
  font-weight: bold;
}
.mapToolOptionPanelHeaderLeft
{
  vertical-align: middle;
  text-align:  left; 
  padding-left:  5px; 
  font-size:   9pt; 
  font-weight: bold; /*table cells follow their own rules*/
}
.mapToolOptionPanelHeaderRight
{
  vertical-align: middle;
  text-align:  right; 
  padding-right:  5px; 
  font-size:   9pt; 
  font-weight: bold; /*table cells follow their own rules*/
}

.mapToolOptionPanelBody
{
  width:  auto;
  height: 75px;
  padding-left:  2px;
  overflow:  auto;
}
.mapToolDetailForm
{
  text-align:  left; 
  vertical-align:  top; 
  padding-left:  5px; 
  font-size:  10pt;
}
.mapToolDetailFromHidden
{
  display:  none;
}
.mapToolInputForm
{
  text-align:  left; 
  padding-top: 2px;
  padding-right:  5px; 
  vertical-align:  top;
  padding-left:  5px;
  border-left:  1px gray solid;  
}
.rightPanelToolbar
{
  height:      20px;
  border-bottom:  1px black solid;
  overflow:  hidden;
  vertical-align: middle;
}

.rightPanelToolbarButton
{
  height:      20px;
  border-right: 1px black solid;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: blue;
  font-size:  10pt;
}

.rightPanelBody
{
  position: absolute;
  overflow:   auto;
  margin-bottom: 20px;
}

.rightPanelForm
{
  border-bottom: 1px black solid;
  background: #ffffff;
  margin-left: 1px;
  margin-right: 1px;
  font-size: 8pt; 
}
.rightPanelFormHeader
{
  text-align: center;
  font-weight: bold;
  border-bottom: 1px black solid;
  margin-bottom: 2px;
}

.rightPanelFormHeader2
{
  font-weight:  bold;
  font-size:    9pt;
  padding-left: 2px;
  border-bottom: 1px black solid;
  background:  #F0F0F0;
}
.rightPanelFormHeaderActive
{
  text-align: center;
  font-weight: bold;
  border-bottom: 1px #C0C0C0 solid;
  margin-bottom: 2px;
  color: #17549D;
  cursor: pointer;
}
.rightPanelFormHeaderHighlight
{
  text-align: center;
  font-weight: bold;
  border-bottom: 1px #C0C0C0 solid;
  margin-bottom: 2px;
  color: navy;
  cursor: pointer;
}
.homeLink
{
  padding-top: 3px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  height: 20px;
  overflow: hidden;
  cursor: pointer;
  color: blue;
  font-size:  10pt;
}

.controlPanelButton
{
  width:  auto;
  margin-left:  20px;
  margin-right: 20px;
  margin-top:  5px;
  border-top:  1px gray solid;
  border-left:  1px gray solid;
  border-bottom:  1px black solid;
  border-right:  1px black solid;
  text-align:  center;
  background:  #fcfcfc;
  cursor:  pointer;
}

.controlPanelButtonText
{
  font-weight:  bold;
}

.submitButton
{
}

/**
  Layer and Legend control
**/

.layerControlGroupHeader
{
  font-weight:  bold;
  font-size:  9pt;
  padding-left:  2px;
  border-bottom:  1px black solid;
}

.layerControlForm
{
  background:  #fcfcfc;
  border-bottom:  1px black solid;
  border-left:  1px black solid;
  margin-left:  5px;
}

.layerControlHeaderButton
{
  background: white;
  border-right: 1px black solid;
  border-bottom: 1px black solid;
  text-align: center;
  cursor: pointer;
  color: black;
}

.layerControlLeftColumn
{
  background: white;
  border-right: 1px gray solid;
  border-bottom: 1px gray solid;
  text-align: center;
}
.layerControlLayerName
{
  border-bottom:  1px black solid;
  font-size: 8pt;
  padding-left: 5px;
}

/**
  Selection Control Panels
**/

.selectionDisplayPanelHeader
{
  border-bottom:  1px gray solid; 
  padding-bottom: 1px;
  padding-top:    1px;
  padding-left:   2px;
}

.selectionIndexHeader
{
  background:  gray; 
  font-weight: bold; 
  border-bottom: 1px black solid;
  font-size:  9pt;
  padding-left:  2px;
}
.selectionIndexEmptyTheme
{
  border-left:  1px gray solid;
  background:  #FEFEFF;
  font-size:   9pt;
  padding-left:  2px;
}
.selectionIndexFooter
{
  background: #b0c4de; 
  border-bottom:  1px black solid;
}

/**
  Query forms
***/

.queryIndexQueryTitle
{
  font-weight:  bold;
  font-style:  italic;
  font-size:   9pt;
  padding-left:  2px;
  border-bottom:  1px black solid;
  border-bottom:  1px #C0C0C0 solid;
  background:  #F0F0F0;
}

.queryIndexDescriptionForm
{
  margin-left:   2px;
  font-weight:   normal;
  font-style:    normal;
  font-size:     8pt;
  padding-left:  4px;
  padding-right: 2px;
  padding-bottom: 2px;
  background:    #ffffff;
  border-left:   1px #000000 solid;
  border-bottom: 1px #000000 solid;
}

.tableRowEven
{
  background: white;
}
.tableRowOdd
{
  background: gray;
}

.queryResultContainer
{
  border-top:  1px black solid;
  border-left: 1px black solid;
  position:  absolute;
  bottom:  0px;
  height:  100px;
  overflow:  hidden;
  background:  white;
  font-size:  8pt;
}

.queryResultPanel
{
  background:  white;
  font-size:  8pt;
  overflow: auto;
}

/***************************************/
/** Query Suggest Options */
/****************************************/
.querySuggestListContainer
{
  border-top: 1px gray solid; 
  border-left: 1px black solid; 
  border-right: 1px gray solid; 
  border-bottom: 1px black solid; 
  padding-left: 2px; 
  padding-bottom: 2px; 
  padding-top: 1px; 
  background: #FFFFFF;
}
.querySuggestListRowInactive
{
  background:  #FFFFFF;
  color:  #000000;
}
.querySuggestListRowActive
{
  background:blue;
  color:  #FFFFFF;
}


/* fixed position header for result tables  */
/* position needs to match result container */
/* Will only contain the header row, allowing */
/* the result table to scroll underneath.  */
.queryResultHeader
{
  position:  absolute;
  overflow:  hidden;
  background-color: transparent;
}

.queryIndexContainer
{
  width:  auto;
  display:  block;
}

.queryIndexContainerHidden
{
  width:  auto;
  display:  none;
}

.queryFormContainer
{
  width:  auto;
  display:  block;
}

.queryFormContainerHidden
{
  display:  none;
}

.geocodeResultText
{
  padding-bottom:  2px; 
  border-bottom: 1px #C0C0C0 solid; 
  margin-bottom: 2px;
}

.geocodeResultError
{
  text-align: center;
  color: red;
}

/*******
  The remainder of the CSS defines the mapping component of the system.
  DO NOT change the position attributes unless you are really sure what
  you are doing.  The absolute positioning MUST be maintained in order
  for the maps to work.
 *****/
/* Map Zoom Bar Elements */
.zoomBar
{
  position: absolute;
}
.zoomBarCell
{
  cursor: pointer;
  border: 1px #000000 solid;
}

.zoomBox
{
  position:    absolute;
  border:       1px red solid;
  background:   none;
  overflow:     hidden;
}
.MapImage
{
  position:  absolute;
  overflow:  hidden;
  cursor:    crosshair;
}
IMG.map
{
  position:  absolute;
  cursor:         crosshair; 
}
IMG.MapImageZoom
{
  position:  absolute;
  overflow:  hidden;
  cursor:    crosshair;
}
IMG.MapImageCenter
{
  position:  absolute;
  overflow:  hidden;
  cursor:    crosshair;
}
IMG.MapImageSelect
{
  position:  absolute;
  overflow:  hidden;
  cursor:    crosshair;
}
IMG.MapImageMeasure
{
  position:  absolute;
  overflow:  hidden;
  cursor:    crosshair;
}
IMG.MapImageDrag
{
  position:  absolute;
  overflow:  hidden;
  cursor:    move;
}
IMG.MapImageWait
{
  position:  absolute;
  overflow:  hidden;
  cursor:  wait;
}
IMG.mapPan
{
  position:  absolute;
  cursor: crosshair;
}
IMG.mapIdent
{
  position:  absolute;
  cursor: help;
}
.mapImageContainer
{
  border:      1px gray solid;
  position:    absolute;
  overflow:    hidden;
  background:  black;
}
.ToolBar
{
  position:  absolute;
  border:  1px black solid;
  border-right:  none;
  background:  #E7E7F7;
  border-top: 1px black solid;
  border-bottom: 1px black solid;
}
.logMessage
{
  font-family: courier;
  font-size: 8pt;
  padding-left: 2px;
  padding-bottom: 2px;
  border-bottom: 1px gray solid;
}
.logNotice
{
  color:blue;
}
.logWarning
{
  color: orange;
  font-weight: bold;
  font-size: 10pt;
}
.criticalError
{
  color: red;
  font-weight: bold;
  font-size: 10pt;
}
.maptip{
  position:  absolute;
  margin-left: 10px;
  margin-top: 5px;
  padding-left: 2px;
  padding-right: 2px;
  z-index:   255;
  font-size: 8pt;
  border:  1px black solid;
  background:  #EEEEEE;
  color:  #000000;
}
.maptipItem{
}
.maptipCaption{
  font-weight: bold;
}
.maptipValue{
  padding-left: 5px;
}