/* © 2004-2009, Applied Geographics, Inc.  All rights reserved. */

/* layout size buttons */

.LayoutSize, .LayoutSizeOver, .LayoutSizeSelected
{
	border: solid 1px #919581;
	float: left;
	display: inline;
	font-size: 0px;
}

.LayoutSize
{
	background-color: white;
}

.LayoutSizeOver
{
	background-color: #F5F7EB;
}

.LayoutSizeSelected
{
	background-color: #DEE0D5;
}

/* zoom level */

.ZoomLevel
{
	margin-left: 2px;
}

/* tabs */

.Tab, .TabOver, .TabSelected
{
	border-right: #919581 1px solid;
	border-top: #919581 1px solid;
	border-left: #919581 1px solid;
	border-bottom: #919581 1px solid;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  font-weight: bold;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 1px;
	margin-right: 2px;
	cursor: default;
	float: left;
}

.Tab
{
	height: 16px;
	background-color: white;
	color: #A0A0A0;
}

.TabOver
{
	height: 16px;
	background-color: #F5F7EB;
	color: #808080;
}

.TabSelected
{
	height: 17px;
	border-bottom: none;
	background-color: #DEE0D5;
	color: black;
}

/* buttons */

.MapButton, .MapButtonOver, .MapButtonSelect, .MapButtonDisable,
.MapButtonLeft, .MapButtonOverLeft, .MapButtonSelectLeft, .MapButtonDisableLeft,
.MapButtonRight, .MapButtonOverRight, .MapButtonSelectRight, .MapButtonDisableRight
{
  width: 23px;
  height: 22px;
  background-image: url('../Images/UI/Icons.gif');
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.MapButtonLeft, .MapButtonOverLeft, .MapButtonSelectLeft, .MapButtonDisableLeft
{
  float: left;
  margin-right: 1px;
}

.MapButtonRight, .MapButtonOverRight, .MapButtonSelectRight, .MapButtonDisableRight
{
  float: right;
  margin-left: 1px;
}

.MapButton, .MapButtonLeft, .MapButtonRight, .MapButtonDisable, .MapButtonDisableRight
{
  border: solid 1px #DEE0D5;
}

.MapButtonOver, .MapButtonOverLeft, .MapButtonOverRight
{
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px #404040;
  border-bottom: solid 1px #404040;
}

.MapButtonSelect, .MapButtonSelectLeft, .MapButtonSelectRight
{
  border-left: solid 1px #404040;
  border-top: solid 1px #404040;
  border-right: solid 1px white;
  border-bottom: solid 1px white;
}

/* individual controls */

#cmdMapTabScrollLeft, #cmdMapTabScrollRight, #cmdDataTabScrollLeft, #cmdDataTabScrollRight
{
  position: absolute;
  top: 3px;
  width: 7px;
  height: 11px;
  background-image: url('../Images/UI/Icons.gif');
  background-repeat: no-repeat;
  background-attachment: scroll;
}

#cmdMapTabScrollLeft, #cmdDataTabScrollLeft
{
  left: 0px;
  background-position: -1575px 0px;  /* SmallArrowLeft.gif */
}

#cmdMapTabScrollRight, #cmdDataTabScrollRight
{
  background-position: -1610px 0px;  /* SmallArrowRight.gif */
}

#cmdFullView
{
  background-position: -770px 0px;  /* FullView.gif */
}

#cmdZoomPrevious
{
  background-position: 0px 0px;  /* Back.gif */
}

#cmdZoomSelect
{
  background-position: -1680px 0px;  /* ZoomSelected.gif */
}

#cmdClearSelect
{
  background-position: -35px 0px;  /* Clear.gif */
}

#optZoomIn
{
  background-position: -1645px 0px;  /* ZoomIn.gif */
}

#optPan
{
  background-position: -1085px 0px;  /* Pan.gif */
}

#cmdPrint
{
  background-position: -1400px 0px;  /* Print.gif */
}

#cmdEmail
{
  background-position: -735px 0px;  /* Email.gif */
}

#optIdentify
{
  background-position: -840px 0px;  /* Identify.gif */
}

#optCoordinates
{
  background-position: -140px 0px;  /* Coordinates.gif */
}

#optMeasureLine
{
  background-position: -875px 0px;  /* Measure.gif */
}

#optMeasureLine.MapButtonDisableRight
{
  background-position: -980px 0px;  /* MeasureDisable.gif */
}

#optMeasureArea
{
  background-position: -910px 0px;  /* MeasureArea.gif */
}

#optMeasureArea.MapButtonDisableRight
{
  background-position: -945px 0px;  /* MeasureAreaDisable.gif */
}

#optSelect
{
  background-position: -1435px 0px;  /* Select.gif */
}

#cmdSelectView
{
  background-position: -1505px 0px;  /* SelectView.gif */
}

#optSelect.MapButtonDisable
{
  background-position: -1470px 0px;  /* SelectDisable.gif */
}

#cmdSelectView.MapButtonDisable
{
  background-position: -1540px 0px;  /* SelectViewDisable.gif */
}

#cmdDataPrint_control
{
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 4px;
  text-align: right;
}

#optDrawText
{
  background-position: -665px 0px;  /* DrawText.gif */
}

#optDrawText.MapButtonDisable
{
  background-position: -700px 0px;  /* DrawTextDisable.gif */
}

#optDrawPoint
{
  background-position: -525px 0px;  /* DrawPoint.gif */
}

#optDrawPoint.MapButtonDisable
{
  background-position: -560px 0px;  /* DrawPointDisable.gif */
}

#optDrawLine
{
  background-position: -455px 0px;  /* DrawLine.gif */
}

#optDrawLine.MapButtonDisable
{
  background-position: -490px 0px;  /* DrawLineDisable.gif */
}

#optDrawPolygon
{
  background-position: -595px 0px;  /* DrawPolygon.gif */
}

#optDrawPolygon.MapButtonDisable
{
  background-position: -630px 0px;  /* DrawPolygonDisable.gif */
}

#optDrawCircle
{
  background-position: -315px 0px;  /* DrawCircle.gif */
}

#optDrawCircle.MapButtonDisable
{
  background-position: -350px 0px;  /* DrawCircleDisable.gif */
}

#optDrawLength
{
  background-position: -385px 0px;  /* DrawLength.gif */
}

#optDrawLength.MapButtonDisable
{
  background-position: -420px 0px;  /* DrawLengthDisable.gif */
}

#optDrawArea
{
  background-position: -245px 0px;  /* DrawArea.gif */
}

#optDrawArea.MapButtonDisable
{
  background-position: -280px 0px;  /* DrawAreaDisable.gif */
}

#optDeleteMarkup
{
  background-position: -175px 0px;  /* Delete.gif */
}

#optDeleteMarkup.MapButtonDisable
{
  background-position: -210px 0px;  /* DeleteDisable.gif */
}

#optPaintBucket
{
  background-position: -1015px 0px;  /* PaintBucket.gif */
}

#optPaintBucket.MapButtonDisable
{
  background-position: -1050px 0px;  /* PaintBucketDisable.gif */
}

#optColorPicker
{
  background-position: -70px 0px;  /* ColorPicker.gif */
}

#optColorPicker.MapButtonDisable
{
  background-position: -105px 0px;  /* ColorPickerDisable.gif */
}

#cmdPanNorth, #cmdPanSouth, #cmdPanWest, #cmdPanEast
{
  background-image: url('../Images/UI/Icons.gif');
  background-repeat: no-repeat;
  background-attachment: scroll;
}

#cmdPanNorth, #cmdPanSouth
{
  width: 33px;
  height: 10px;
}

#cmdPanWest, #cmdPanEast
{
  width: 10px;
  height: 33px;
}

#cmdPanNorth.Direction
{
  background-position: -1190px 0px;  /* PanNorth.gif */
}

#cmdPanNorth.DirectionOver
{
  background-position: -1225px 0px;  /* PanNorthOver.gif */
}

#cmdPanWest.Direction
{
  background-position: -1330px 0px;  /* PanWest.gif */
}

#cmdPanWest.DirectionOver
{
  background-position: -1365px 0px;  /* PanWestOver.gif */
}

#cmdPanEast.Direction
{
  background-position: -1120px 0px;  /* PanEast.gif */
}

#cmdPanEast.DirectionOver
{
  background-position: -1155px 0px;  /* PanEastOver.gif */
}

#cmdPanSouth.Direction
{
  background-position: -1260px 0px;  /* PanSouth.gif */
}

#cmdPanSouth.DirectionOver
{
  background-position: -1295px 0px;  /* PanSouthOver.gif */
}

.ColorSelector
{
	width: 22px;
	height: 21px;
	border-left: solid 1px white;
	border-top: solid 1px white;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #404040;
}

.ColorSelector A, .ColorSelector A:link, .ColorSelector A:visited
{
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  color: blue;
  text-decoration: none;
}

.ColorSelector A:hover
{
  text-decoration: underline;
}

.ColorSelectorPanel
{
  left: -110px;
  top: 10px;
	border-left: solid 1px #F0F2E6;
	border-top: solid 1px #F0F2E6;
	border-right: solid 1px #777A6A;
	border-bottom: solid 1px #777A6A;
  background-color: #DEE0D5;
}

#pnlMapInterface
{
  position: relative;
 	margin-right: 8px;
	float: left;
  height: 100%;
}

#pnlMapTop
{
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 25px;
}

#pnlMapTabsScroll
{
  position: absolute; 
  overflow: hidden; 
  height: 100%;
}

#pnlMapTabs
{
  position: absolute; 
  top: 0px;
  width: 2000px;
  height: 100%;
}
  
#optLayoutSmall
{
	width: 6px;
	height: 6px;
}

#optLayoutMedium
{
	width: 10px;
	height: 10px;
}

#optLayoutLarge
{
	width: 14px;
	height: 14px;
}

#pnlMap
{
  position: absolute;
  z-index: 1;
}

#mapMain
{
  position: relative;
  border: solid 1px black;
  background-color: #FAFAFA;
}

#waitClock_control
{
  position: absolute;
  z-index: 1000;
  left: 20px;
  top: 60px;
  width: 60px;
  height: 60px;
}

#pnlFunctions
{
  position: relative;
	float: left;
}

#pnlFunctionTabs
{
  position: absolute;
  z-index: 2;
}

#pnlLegend
{
  position: absolute;
  z-index: 1;
}

#pnlLegendScroll
{
  position: absolute;
  overflow: auto; 
  background-color: white;
}

#pnlLocation
{
  position: absolute;
  z-index: 1;
}

#pnlOverview
{
  position: absolute;
}

#mapOverview
{
  position: absolute;
  border: solid 1px black;
}

#pnlZoneLevelTabs
{
  position: absolute;
  z-index: 4;
}

#pnlZoneLevel
{
  position: absolute;
  z-index: 3;
}

#pnlZoneLevelControl
{
  position: absolute;
}

#pnlZoneLevelScroll
{
  position: absolute;
  overflow: auto; 
  background-color: white;
}

.ZoneLevelTable
{
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.ZoneRow
{
  width: 250px;
}

.LevelRow
{
  width: 100px;
}

#pnlMarkup
{
  position: absolute;
  z-index: 1;
}

#pnlMarkupGrid
{
  position: absolute;
  overflow: auto; 
  background-color: #f0f0f0;
  text-align: left;
}

#pnlSelection
{
  position: absolute;
  z-index: 1;
}

#pnlQuery
{
  position: absolute;
}

#pnlQueryGrid
{
  position: absolute;
  overflow: auto; 
  background-color: #f0f0f0;
  text-align: left;
}

#pnlQueryCommand
{
  position: absolute;
}

#pnlDataTabsScroll
{
  position: absolute; 
  overflow: hidden; 
  z-index: 4;
  height: 100%;
}

#pnlDataTabs
{
  position: absolute; 
  top: 0px;
  width: 2000px;
  height: 100%;
}

#pnlData
{
  position: absolute;
  z-index: 3;
}

#pnlDataList
{
  position: absolute;
  overflow: auto; 
  background-color: white;
  text-align: left;
}