/********************************************************************
**  Base stylesheet for the Public Information Kiosk client
**   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:  auto;
}
td
{
  font-family:  Helvetica, sans-serif;
  font-size: 9pt;
}
/* IE6 thinks forms are block elements */
form
{
  display: inline;
}
/* Input Button Element */
.submitButton
{
  font-weight:  bold;
  font-size:    8pt;
}
.pseudolink
{
  color: navy;
  text-decoration: underline;
  cursor: pointer;
}
.disabledLink
{
  color: gray;
  font-style: italic;
}
.error
{
  color: red;
}
/********************************************************************/
/*General Page Layout*/
.pageContainer
{
  position:  absolute;
  top:    0px;
  left:   0px;
  width:  100%;
  height: 100%;
  margin: 0px;
  overflow:  auto;
  background:  #FFFFFF;
}
.pageHeader
{
  position:  absolute;
  top:        0px;
  left:       0px;
  width:      100%;
  height:     30px;
  border-bottom:  1px black solid;
  overflow:  hidden;
}
.leftColumnContainer
{
  display: block;
  position: absolute;
  padding-top: 10px;
  overflow: hidden;
}
/********************************************************************/
/*Map Image - Sets border and background of container element*/
.MapImageContainer
{
  border:      1px #CECECE solid;
  position:    absolute;
  overflow:    hidden;
  background:  black;
}

/*Map Toolbar*/
.ToolBar
{
  position:  absolute;
  border:  1px #CECECE solid;
  border-right:  none;
  background:  #F7F7F7;
}
/* Map Zoom Bar Elements */
.zoomBar
{
  position: absolute;
}
.zoomBarCell
{
  cursor: pointer;
  border: 1px #CECECE solid;
}
/* Zoom Box (drawn on map with drag) */
.zoomBox
{
  position:    absolute;
  border:       1px red solid;
  background:   none;
  overflow:     hidden;
}
/*Map Tab Buttons go inside here*/
.schemeButtonContainer
{
  display: block;
  position: absolute;
  padding-top: 10px;
}
/********************************************************************/
/*Block Title Elements for Left Column*/
.leftColumnTitle
{
  font-weight: bold;
  font-size: 10pt;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 2px;
}
.leftColumnTitleActive
{
  font-weight: bold;
  font-size: 10pt;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 2px;
  color: navy;
  cursor: pointer;
}
.leftColumnTitleHighlight
{
  font-weight: bold;
  font-size: 10pt;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 2px;
  color: red;
  cursor: pointer;
}
/********************************************************************/
/*Form Container Elements for Left Column*/
.leftColumnFormHeader
{
  height: 10px;
  overflow: hidden;
}
.leftColumnForm
{
  display: block;
  padding-left:  15px;
  padding-right: 12px;
  padding-bottom: 3px;
}
.leftColumnFormButton
{
  width:  auto;
  text-align:  right;
  padding-right: 10px;
}
.leftColumnFormBorder
{
  border-left: 1px #C0C0C0 solid;
  border-bottom: 1px #C0C0C0 solid;
  padding-left: 5px;
  padding-bottom: 2px;  
}
.leftColumnFormFooter
{
  height: 10px;
  overflow: hidden;
}
/********************************************************************/
/*Search Form Elements inside Left Column Forms*/
.searchFormTitle
{
  font-weight: normal;
  color: navy;
  cursor: pointer;
}
.searchFormTitleActive
{
  font-weight: bold;
  font-style: italic;
  color: navy;
  cursor: pointer;
}
.searchFormTitleHighlight
{
  font-weight: bold;
  font-style: italic;
  color: red;
  cursor: pointer;
}

/********************************************************************/
/*Query Suggest formatting*/
.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;
}

/********************************************************************/
/*Header bar for textual results*/
.textResultTitleContainer
{
  display: block;
  position: absolute;
  text-align: center;
  font-size: 11pt;
  font-weight: bold;
  vertical-align: bottom;
  padding-top: 2px;
  border-left:  1px #CECECE solid;
  overflow: hidden;
}
/********************************************************************/
/*Geocode result form*/
.geocodeResultPanelOuter
{
  background:     #FBD68D;
  border:          1px #CECECE solid;
  border-top:     none;
  padding-left:    5px;
  padding-right:   5px;
  padding-bottom:  6px;
}

.geocodeResultPanelInner
{
  border: 1px #CECECE solid;
  background: #FFFFFF;
  border-top: none;
  padding: 5px;
  padding-bottom: 2px;
}
/********************************************************************/
/*Layer Control*/
.layerControlGroupHeader
{
  font-weight:  bold;
  font-size:  9pt;
  padding-left:  2px;
  border-bottom:  1px black solid;
}
.layerControlForm
{
  border-bottom:  1px black solid;
  border-left:  1px black solid;
  margin-left:  5px;
}

/********************************************************************/
/* Generic Template Styles */
/********************************************************************/
/* Selection Templates */
table.template_selection
{
  margin-left:  8px;
  border-left:  1px black solid;
  border-bottom:    1px black solid;
  border-right:    1px black solid;
} 
.template_selectionHeading
{
  background:     #FFA701;
  font-weight:    bold;
  color:          #7F7F7F;
  font-size:      8pt;
  border-bottom:   1px #999999 solid;
  padding-left:    5px;
}

td.template_selectionSubHeading
{
  background:      #f0f8ff;
  color:           #113871;
  border-bottom:   1px #999999 solid;
  font-size:       8pt;
  font-weight:     bold;
  padding-left: 5px;
}



.template_selectionRow1
{
  background:     #f0f8ff;
}

.template_selectionRow2
{
  background:     #ffffed;
}

.template_selectionIndex
{
  font-weight:     bold;
  font-size:  8pt;
  background:      #b0c4de;
  border-right:    1px #999999 solid;
  border-bottom:   1px #999999 solid;
  vertical-align:  top;
}

.template_selectionIndexUpper
{
  font-weight:     bold;
  font-size:  8pt;
  background:     #b0c4de;
  border-right:    1px #999999 solid;
}

.template_selectionRowCell
{
  background:     #ffffff;
  border-bottom:  1px #999999 solid;
  border-right:   1px #999999 solid;
  padding-left:   3px;
  font-size:  8pt;
}

.template_selectionRowCellUpper
{
  background:     #ffffff;
  border-right:   1px #D6DAEB solid;
  padding-left:   3px;
  font-size:  8pt;
}

th.resultHeaderCell
{
  background:    #EFEFF7;
  border-top:    2px #D6DAEB solid;
  border-right:  1px #8A90A9 solid;
  border-bottom:  1px #8A90A9 solid;
  padding-left:  2px;
  text-align:    left;
  font-weight:   bold;
  font-size:  8pt;
}

th.resultValueIndex
{
  background:    #EFEFF7;
  border-top:    none;
  border-bottom:  none;
  border-bottom:  none;
  border-right:  1px #8A90A9 solid;
  text-align:    right;
  font-weight:   bold;
  font-size:  8pt;
  padding-left:  2px;
  white-space: nowrap;
}

td.resultValueIndex
{
  background:    #EFEFF7;
  border-top:    1px #D6DAEB solid;
  border-right:  1px #8A90A9 solid;
  border-bottom:  1px #8A90A9 solid;
  text-align:    right;
  font-weight:   bold;
  font-size:  8pt;
}

td.resultValueCell
{
  background:     #ffffff;
  border-bottom:  1px #D6DAEB solid;
  border-right:  1px #D6DAEB solid;
  font-size:  8pt;
}


span.searchPrevNextLink
{
  color:          #0000FF;
  font-weight:    bold;
  text-decoration:  underline;
  cursor: pointer;
}

span.searchPrevNextLink:hover
{
  color:          #FF0000;
  font-weight:    bold;
  text-decoration:  underline;
  cursor: pointer;
}

span.searchMapLink
{
  color:          #0000FF;
  font-weight:    bold;
  text-decoration:  underline;
  cursor: pointer;
}

span.searchMapLink:hover
{
  color:          #FF0000;
  font-weight:    bold;
  text-decoration:  underline;
  cursor: pointer;
}

.templatePrintIcon
{
  cursor: pointer;
}

/********************************************************************/
/*Map Image Cursors - Override at your own risk*/
.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;
}
IMG.mapIdent
{
  position:  absolute;
  cursor: help;
}