﻿html {
   overflow: hidden;
}
body, div, p, table, span {
   margin: 0px;
	padding: 0px;
	border: none;
   font-family: Verdana,Arial;
}
#Top_Panel {
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 0;
   width: 100%;
}
#TitleBar_Panel {
	display: none;
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
   border-bottom: solid 1px gray;
	/* C!
	background-repeat: no-repeat;
	background-color: rgb(131,183,222);
	background-image: url(images/TitleBanner.jpg);
   */
	background-color: rgb(57,177,119);
	background-image: url(images/TitleGrad.jpg);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#007B76, endColorstr=#3EB677, GradientType=1);
}
.TitleBar_Table {
   height:100%; 
   width:100%; 
   font-family: Arial;
	font-size: small;
   padding-left:15px; 
   padding-right:15px;
}
#TitleBar_Label {
   color: White;
  	font-weight: bold;
}
#TopResize_Panel {
   width: 100%;
   overflow: hidden;
   cursor: pointer;
}
#Main_Panel {
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 0;
   overflow: hidden;
   width: 400px; /* 700 */
   height: 500px;
}
#Left_Panel {
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 3;
   height: 100%;
   width: 300px;
}
#ShowLeft_Panel {
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 3;
	overflow: hidden;
   cursor: pointer;
}
#HideLeft_Panel {
   position: absolute;
   right: 0px;
   top: 0px;
   z-index: 3;
   height: 100%;
	overflow: hidden;
   cursor: e-resize;
}
#LeftPanelHide_img {
   padding: 20px;
   padding-left: 1px;
   padding-right: 2px;
   vertical-align: middle;
   cursor: pointer;
}
#ToolsDropDown_Panel {
	position: absolute;
   left: 5px;
   top: 1px;
   z-index: 9;
   cursor: pointer;
}
.popupTitle {
   font-size: medium;
   font-weight: bold;
}

/* ------------------------------- */
.aspMenu,.aspMenu2 {
   display: inline-block;
   white-space: nowrap;
}
.menuNormal,.menuStyle,.menuHover, .menuNormal2,.menuStyle2,.menuHover2 {
   color: Navy;
	padding: 2px;
   padding-top: 0px;
   padding-bottom: 1px;
   padding-right: 2px;
   margin-top: 2px;
   margin-bottom: 2px;
   margin-right: 4px;
}
.menuNormal, .menuNormal2 {
	border: 1px solid #D5EAE9;
	border: 1px solid transparent;
   font-family: Arial;
   font-size: small;
}
.menuStyle, .menuStyle2 { /* Entire menu */
   border: 2px outset Silver;
   margin-top: 0px;
   z-index: 100;
}
.menuHover, .menuHover2 {
	border: 1px solid gray;
}
/* ------------------------------- */
.aspMenu2,.menuNormal2,.menuStyle2,.menuHover2 {
   font-size: x-small;
}
/* ------------------------------- */
#Task_Panel {
   position: absolute;
	overflow: hidden;
   left: 0px;
   top: 0px;
   z-index: 3;
   height: 99%;
   border: solid 1px gray;
}
#TaskMenu_Panel {
	width: 100%;
	position: absolute;
   left: 0px;
   top: 999px;
   z-index: 5;
}
#TaskHeading_Panel {
	position: absolute;
   left: 0px;
   top: 0px;
   overflow: hidden;
	width: 100%;
   z-index: 4;
   white-space: nowrap;
   font-size: small;
   text-align: center;
   vertical-align: middle;
   cursor: default;
   border: solid 1px gray;
}
#TaskContents_Panel {
   position: absolute;
	overflow: auto;
   left: 0px;
   top: 0px;
   z-index: 3;
   height: 98%;
   font-size: small;
   color: Navy;
}
.TabPanel {
	width: 95%;
   display: none;
}
.ResultsPanel {
	width: 100%;
	height: 100%;
	padding-top: 6px;
}
.TaskBody {
	width: 100%;
   overflow: hidden;
   display: none;
}
.SearchTable,.DrawToolbar,.signInPanel,.StartUpPanel {
   padding: 2px;
   border: double 3px #00B1AE; /* C! 00B1AE,00B5EF */
}
.StartUpPanel {
   padding: 16px;
   width: 600px;
}
.ColHead {
	color: white;
  	font-weight: bold;
	background-color: #0469B3;
}
.CriteriaTbl {
   margin-top: 4px;
   font-family: Arial;
   font-size: small;
   text-align: left;
}
.ConstraintTbl {
   margin-top: 9px;
   font-family: Arial;
   font-size: x-small;
   font-weight: bold;
   text-align: left;
}
.SearchTable {
	margin-top: 11px;
   margin-left: 5px;
   padding-left: 8px;
   padding-right: 8px;
   text-align: left;
}
.SearchTable:hover {
   border-color: #009790;  /* C! 009790,009CDA */
}
.modalBackground {
	background-color: Silver;
	filter:alpha(opacity=70);
	opacity:0.7;
}
#LeftPanelHide_img:hover {
   border-top: solid 1px gray;
   border-bottom: solid 1px gray;
}
#Right_Panel {
   position: absolute;
   right: 0px;
   top: 0px;
   z-index: 0;
   height: 100%;
   border: solid 1px gray;
	background-color: White;
}
#ToolBar_Panel {
   width: 100%;
   overflow: hidden;
   padding-top: 2px;
   padding-left: 8px;
   border-bottom: solid 1px gray;
}
.ToolbarClass {
   position: absolute;
   left: 120px;
   top: 2px;
   z-index: 1;
}
#Map_Panel {
   width: 600px;
   height: 512px;
   overflow: hidden;

   /*
   position: absolute;
   left: 0px;
   top: 200px;
   z-index: 1;
   */
}
#Bottom_Panel {
   position: absolute;
   left: 0px;
   top: 999px;
   z-index: 0;
   width: 100%;
   overflow: hidden;
}
#BottomResize_Panel {
   width: 100%;
   overflow: hidden;
   cursor: pointer;
}
#StatusBar_Panel {
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
   border-top: solid 1px gray;
   padding-top: 2px;
   padding-left: 9px;
   font-size: x-small;
}
#FindPlace_Panel, #MapView_Panel {
   position: absolute;
   left: 0px;
   top: 999px;
   z-index: 2;
}
#ScaleBar1 {
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
}
.DrawingTool,.SelectTool {
   border: solid 1px gray;
   border: solid 1px transparent;
   cursor: pointer;
   width: 100px;
}
.SelectTool {
   display: inline;
}
.ToolIcon {
   vertical-align: middle;
   margin-left: 1px;
   padding-left: 2px;
}
.Actions {
   padding-left: 9px;
   text-decoration: underline;
   color: #0000CD;
   font-weight: bold;
   font-family: Arial;
}
#Drag_Text {
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 0;
   visibility: hidden;
   font-size: 14px;
   font-weight: bold; 
}
#Navigation1 {
   position: absolute;
   left: 0px;
   top: 999px;
   z-index: 3;
   border: solid 1px gray;
   border: solid 1px transparent;
   /*
   padding: 2px;
   padding-right: 1px;
   padding-bottom: 1px;
   */
}
#ZoomLevel {
   position: absolute;
   left: 0px;
   top: 999px;
   z-index: 3;
   padding: 4px;
   border: solid 1px gray;
 	background-image: url(images/GreenGrad255.gif);  /* C! GreenGrad255,BlueGrad255 */
}
.MapViewer_WindowTitleBarStyle {
   font-size: x-small;
   font-weight: bold; 
   border-bottom: solid 1px gray;
}
/* Floating panels */
#Drawing_Task, #Options_Task, #Print_Task, #Identify_Task, #Overview_Map_Task, #Find_Coordinate_Task, #Find_Address_Task, #About_Website_Task {
   position: absolute;
   left: 3%;
   top: 25%;
   z-index: 6;
}
.FPDiv {
   position: absolute;
   left: auto;
   top: 0px;
   width: 100%;
   height: 100%;
   overflow: auto;
}
.FPBorder {
   padding: 4px;
}
#Navigation1:hover {
   border: solid 1px gray;
}
#PrevTR, #NextTR {
	position: relative;
   left: 0px;
   top: 0px;
   visibility: hidden;
   padding: 5px;
	padding-top: 0px;
	padding-bottom: 1px;
   font-size: x-small;
   font-family: Arial;
   text-decoration: none;
   border: outset 2px #D5EAE9; /* C! D5EAE9,D4ECFB */
   font-weight: bold;
	color: Navy;
}
#PrevTR {
   left: -12px;
}
#NextTR {
   left: 12px;
}
.Link {
   font-weight: bold;
}
.LinkButtonAbs {
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 4;
   visibility: hidden;
}
.LinkButton, .LinkButtonAbs {
   padding: 5px;
	padding-top: 0px;
	padding-bottom: 1px;
   font-size: small;
   font-family: Arial;
   text-decoration: none;
   border: outset 2px #D5EAE9; /* C! D5EAE9,D4ECFB */
	color: Navy;
   /* font-weight: bold; */
}
.Busy {
   vertical-align: middle; 
   padding-right: 4px; 
   visibility: hidden;
}
.ErrPanel {
   margin-left:5px;
   padding: 2px;
   padding-left: 8px;
   padding-right: 8px;
   text-align: left;
   background-color: #FFFDDA;
   border: solid 1px Silver;
}
.ErrMsg {
	color: #DF0024;
   font-family: Arial;
  	/* font-weight: bold; */
	font-size: small;
   padding: 5px;
}
#ZoomToPopup, .DrawingStyle {
   font-size: x-small;
   font-family: Arial;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 4;
   visibility: hidden;
	cursor: pointer;
   padding: 3px;
   border: solid 1px silver;
	background-color: White;
}
.DrawingStyle {
	cursor: auto;
   left: 120px;
   top: 6px;
}
.tvh, .idOver { /* Treeview heading (outer) */
   border: solid 1px #F5FFFD; /* C! F5FFFD,EEF8FF */
   padding: 3px;
   margin-top: 7px;
}
.tvh:hover { /* Treeview heading (outer) */
	cursor: pointer;
}
.idOver:hover {
   border: solid 1px Gray;
	cursor: pointer;
}
#ZoomToPopup:hover, #TipZoomTo:hover {
   border-color: Gray;
	cursor: pointer;
}
.tvs { /* Treeview subheading */
   color: Black;
   font-weight: normal;
}
.TipPnt {
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 2;
   visibility: hidden;
	cursor: pointer;
   font-size: 12px;
}
.TipImg {
   vertical-align: middle;
}
.TipNum {
   position: absolute;
   left: 0px;
   top: 3px;
   z-index: 4;
	color: White;
  	font-weight: bold;
}
#OverTR_Tip, #OverMap_Tip, #Active_Tip {
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 5;
   visibility: hidden;
   font-size: x-small;
   border-left: solid 1px Gray;
   border-top: solid 1px Gray;
   border-right:  solid 2px Gray;
   border-bottom: solid 2px Gray;
 	background-color: #FFFFCC;
   padding: 1px;
   padding-left: 3px;
   padding-right: 3px;
}
#OverMap_Tip {
   padding: 4px;
}
#Active_Tip {
   font-size: xx-small;
   z-index: 4;
	cursor: pointer;
 	background-color: White;
}
#TipZoomTo {
   padding-left: 5px;
   padding-right: 5px;
 	background-color: White;
	cursor: pointer;
   border: solid 1px Gray;
}
#ZTDiv {
   padding-top: 4px;
}
.TipHead {
  	/* font-weight: bold; */
   color: #BC001D;
}
.tvn { /* Treeview maptip number */
  	font-weight: bold;
	color: White;
	margin-right: 7px;
   padding-left: 2px;
   padding-right: 3px;
   border: solid 1px Gray;
	background-color: #E3372E;
}
.Prompt {
   font-size: small;
	color: Navy;
}
.autocomplete_flyout {  
	visibility: hidden;
	margin: 0px!important;
	padding: 0px;
	background-color: White;
   border: solid 1px buttonshadow;
	overflow: auto;
   font-size: x-small;
   cursor: pointer;
   white-space: nowrap;
   text-align: left;
   list-style-type : none;
   height: 290px;
}
.autocomplete_listItem {
	padding : 2px;
   border: solid 1px White;
}
.autocomplete_highlightedItem {
	padding: 2px;
   border: solid 1px Gray;
}
#TaskContents_Panel,.TabPanel, .FPDiv, .StartUpPanel {
	background-color: #F5FFFD; /* C! F5FFFD,EEF8FF  Lightest */
}
body, .SearchTable:hover, .LinkButton, .LinkButtonAbs, #PrevTR, #NextTR {
	background-color: #EBF4F3; /* C! EBF4F3,EBF5FC  Light */
}
.SearchTable,.signInPanel,.DrawToolbar {
	background-color: #D5EAE9;  /* C! D5EAE9,D4ECFB  Medium */
}
#ZoomToPopup:hover, #TipZoomTo:hover, .idOver:hover, .LinkButton:hover, .LinkButtonAbs:hover, .Link:hover, #PrevTR:hover, #NextTR:hover, .menuHover, .menuHover2, .autocomplete_highlightedItem, #ShowLeft_Panel:hover, #TopResize_Panel:hover, #LeftPanelHide_img:hover, #BottomResize_Panel:hover {
	background-color: #FBD781;  /* FDE2B8 is less bold Orange */
}
#TaskMenu_Panel, #TaskHeading_Panel, #ToolBar_Panel, #FindPlace_Panel, #MapView_Panel, #ScaleBar1, #StatusBar_Panel, .MapViewer_WindowTitleBarStyle {
	background-image: url(images/GreenGrad36.gif); /* C! GreenGrad36,BlueGrad36 */
}
#Navigation1:hover, #ZoomLevel:hover {
	background-image: url(images/Hover.gif);
}
