/*html, body {
            font: normal 12px verdana;
            margin: 0;
            padding: 0;
            border: 0 none;
            overflow: hidden;
            height: 100%;
        }*/
  .olControlLoadingPanel
        {
            background-image: url(../Images/NewIcons/loader_gif_quick.gif);
            margin-left: 45%;
            margin-top: 20%;
            position: fixed;
            width: 100px;
            height: 100px;
			background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            background-color: transparent;
            display: none;
            opacity: 0.8;
        }
        #loading
        {
            position: fixed;
            left: 45%;
            top: 40%;
            padding: 2px;
            z-index: 21001;
            height: auto;
            margin: -35px 0 0 -30px;
        }
#topwrapper
{
	width: 100%;
	background: #157fcc;
	border: solid 0px red;
	margin: 0 auto;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;	
	font-size:16px;
}

#footerwrapper
{
	width: 100%;
	background: #157fcc;
	border: solid 0px red;
	margin: 0 auto;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;	
}


#top
{
	margin: 0 auto;
	padding: 0px;
	background: url(/images/header_bg.png) no-repeat;
	min-width: 940px;
	max-width: 1920px;
	width: 100%;
	height: 150px;
	border: solid 0px red;
	font-family: 'Open Sans', sans-serif;
	
}

#topcontent
{
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	max-width: 940px;
	height: 130px;
	padding-top: 20px;
	border: solid 0px red;
	font-family: 'Open Sans', sans-serif;
	}

#tab
{
	margin: 0px;
	margin-top: 37px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
	
}

	#tab ul
	{
		margin: 0px;
		list-style: none;
		height: 27px;
		margin-top: 5px;
		padding: 0px;
		font-family: 'Open Sans', sans-serif;
	}

		#tab ul li
		{
			display: inline;
			list-style-type: none;
			background: rgb(248,164,63); /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4YTQzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4YTQzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y3OTQxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNzk0MWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top, rgba(248,164,63,1) 0%, rgba(248,164,63,1) 50%, rgba(247,148,29,1) 50%, rgba(247,148,29,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,164,63,1)), color-stop(50%,rgba(248,164,63,1)), color-stop(50%,rgba(247,148,29,1)), color-stop(100%,rgba(247,148,29,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, rgba(248,164,63,1) 0%,rgba(248,164,63,1) 50%,rgba(247,148,29,1) 50%,rgba(247,148,29,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, rgba(248,164,63,1) 0%,rgba(248,164,63,1) 50%,rgba(247,148,29,1) 50%,rgba(247,148,29,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, rgba(248,164,63,1) 0%,rgba(248,164,63,1) 50%,rgba(247,148,29,1) 50%,rgba(247,148,29,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom, rgba(248,164,63,1) 0%,rgba(248,164,63,1) 50%,rgba(247,148,29,1) 50%,rgba(247,148,29,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a43f', endColorstr='#f7941d',GradientType=0 ); /* IE6-8 */
			-webkit-border-radius: 3px 3px 0 0;
			border-radius: 3px 3px 0 0;
			padding: 5px 0px;
			margin-right: 5px;
			font-family: 'Open Sans', sans-serif;
		}

			#tab ul li a
			{
				font-weight: 600;
				font-size: 14px;
				color: #ffffff;
				text-decoration: none;
				font-family: 'Open Sans', sans-serif;
				cursor: pointer;
				margin: 15px 15px;
				text-transform: uppercase;
			}

#hpsrch
{
	font-weight: 600;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	color: #777;
	height: 31px;
	border: solid 1px #b6b6b6;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding-left: 5px;
	background: #fff url(/images/srch.png) no-repeat right 5px center;
	float: right;
}
.upload-icon
{
	background: url('../Images/BlackIcons/image_add.png') no-repeat 0 0 !important;
}
#topmenu
{
	height: 12px;
}

	#topmenu ul
	{
		margin: 0px;
		list-style: none;
		height: 12px;
		margin-top: 5px;
		padding: 0px;
	}

		#topmenu ul li
		{
			display: inline;
			list-style-type: none;
			color: #fff;
		}

			#topmenu ul li a
			{
				font-weight: 600;
				font-size: 12px;
				font-family: 'Open Sans', sans-serif;
				color: #fff;
				text-decoration: none!important;
			}

			#topmenu ul li a
			{
				font-weight: 600;
				font-size: 12px;
				font-family: 'Open Sans', sans-serif;
				color: #fff;
				text-decoration: underline;
			}






        a
{
	text-decoration: none;
	color: #003c79;
	cursor:pointer;
}
a:hover
{
	text-decoration: none;
	color: #7A8285;
	cursor:pointer;
}

legend
{
 font-weight:bold;
}
        .empty .x-panel-body {
            padding-top:20px;
            text-align:center;
            font-style:italic;
            color: gray;
            font-size:11px;
        }
         .customEditingToolbar {
            float: right;
            right: 0px;
            height: 30px; 
        }
        .customEditingToolbar div {
            float: right;
            margin: 5px;
            width: 24px;
            height: 24px;
        }
        .olControlNavigationItemActive { 
            background-image: url("OpenLayers/theme/default/img/editing_tool_bar.png");
            background-repeat: no-repeat;
            background-position: -103px -23px; 
        }
        .description
{
	font-family: Arial;
	font-size: 12px;
	color: #4D4D4D;
}
        .olControlNavigationItemInactive { 
            background-image: url("OpenLayers/theme/default/img/editing_tool_bar.png");
            background-repeat: no-repeat;
            background-position: -103px -0px; 
        }
        .olControlDrawFeaturePolygonItemInactive { 
            background-image: url("OpenLayers/theme/default/img/editing_tool_bar.png");
            background-repeat: no-repeat;
            background-position: -26px 0px; 
        }
        .olControlDrawFeaturePolygonItemActive { 
            background-image: url("OpenLayers/theme/default/img/editing_tool_bar.png");
            background-repeat: no-repeat;
            background-position: -26px -23px ;                                                                   
        }
        .olControlModifyFeatureItemActive { 
            background-image: url(OpenLayers/theme/default/img/move_feature_on.png);
            background-repeat: no-repeat;
            background-position: 0px 1px;
        }
        .olControlModifyFeatureItemInactive { 
            background-image: url(OpenLayers/theme/default/img/move_feature_off.png);
            background-repeat: no-repeat;
            background-position: 0px 1px;
        }
        .olControlDeleteFeatureItemActive { 
            background-image: url(OpenLayers/theme/default/img/remove_point_on.png);
            background-repeat: no-repeat;
            background-position: 0px 1px;
        }
        .olControlDeleteFeatureItemInactive { 
            background-image: url(OpenLayers/theme/default/img/remove_point_off.png);
            background-repeat: no-repeat;
            background-position: 0px 1px;
        }
         .olControlEditingToolbar  {
            float:left;
            width: 116px;
        }
         .legend {
            padding-left: 48px;
        }
       /* .x-tree-node-el {
            border-bottom: 1px solid #ddd;
            padding-bottom: 3px;
        }
        .x-tree-ec-icon {
            width: 3px;
        }*/
      .gx-tree-baselayer-icon{
            display: none;
        }
        .gx-tree-layer-icon {
            display: none;
        }        
		  .zoomicon {
    background-image: url(../Images/BlackIcons/appbar.magnify.png) !important;
    background-size: contain;    
}
		   .collapseLayerPanel {
    background-image: url(../Images/BlackIcons/appbar.layout.collapse.left.png) !important;
    background-size: contain;
}
		  
.layersshow
{
			      background-image: url(../Images/NewIcons/layers.png) !important;
    background-size: contain;
}
 .moveicon {
    background-image: url(../Images/BlackIcons/cursor_hand_BD_b200g100.png) !important;
    background-size: contain;
}
.opacity-layer
{
	 background-image: url(../Images/BlackIcons/appbar.opacity_BD_b200g100.png) !important;
    background-size: contain;
}

.GisClasify
{
	 background-image: url(../Images/BlackIcons/appbar.list.select.png) !important;
    background-size: contain;	
}
.GisDirections
{
	 background-image: url(../Images/BlackIcons/appbar.arrow.corner.up2.png) !important;
    background-size: contain;	
}
.ShoInMapIcon
{
	background-image: url(../Images/silkicons/map_add.png) !important;
    background-size: contain;	
}
 .layer-remove{
    background-image: url(../Images/BlackIcons/appbar.section.collapse.all.png) !important;
    background-size: contain;
}
 .zoom-layer{
    background-image: url(../Images/BlackIcons/appbar.magnify.browse2.png) !important;
    background-size: contain;
}
 .Metadata {
    background-image: url(../Images/BlackIcons/appbar.section.info.png) !important;
    background-size: contain;
}
 .pointicon {
    background-image: url(../Images/NewIcons/vector-create.png) !important;
    background-size: contain;
}
.addShapefile
{
	background-image: url(../Images/BlackIcons/shp2.png) !important;
	background-size: contain;
}
.attachment
{
	background-image: url(../Images/BlackIcons/attachment.png) !important;
    background-size: contain;
}
.layerUp
{
	background-image: url(../Images/BlackIcons/appbar.arrow.up_BD_b200g100.png) !important;
    background-size:contain;
	margin-left:2px;
}
.layerDown
{
	background-image: url(../Images/BlackIcons/appbar.arrow.down_BD_b200g100.png) !important;
    background-size:contain;
	margin-left:2px;
}
 .lineicon {
    background-image: url(../Images/NewIcons/vertex-create.png) !important;
    background-size: contain;
}
 .polygonicon {
    background-image: url(../Images/icons/polygon.png) !important;
    background-size: contain;
}

 .LogOut {
    background-image: url(../Images/silkicons/door_in.png) !important;
    background-size: contain;
}
 .InfoBalloonicon {
    background-image: url(../Images/BlackIcons/appbar.information_BD_b200g100.png) !important;
    background-size: contain;
	opacity:0.7;
}
 .modify {
    background-image: url(../Images/silkicons/attach.png) !important;
    background-size: contain;
}
  .fullScreenMap {
    background-image: url(../Images/BlackIcons/full-screen-alt-2.png) !important;
    background-size: contain;
}
  .printButton {
    background-image: url(../Images/BlackIcons/print-alt_BD_b200g100.png) !important;
    background-size: contain;
}
 .layer-add {
    background-image: url(../Images/BlackIcons/appbar.section.expand.all.png) !important;
    background-size: contain;
}
.modify2 {
    background-image: url(../Images/NewIcons/vector-edit.png) !important;
    background-size: contain;
}
 .Query {
    background-image: url(../Images/BlackIcons/binoculars_b200g100.png) !important;
    background-size: contain;
}

.Select {
    background-image: url(../Images/NewIcons/select.png) !important;
    background-size: contain;
}
.ViewGrid {
    background-image: url(../Images/BlackIcons/grid-alt-1.png) !important;
    background-size: contain;
}
.ClearSearch {
    background-image: url(../Images/BlackIcons/appbar.clean.png) !important;
    background-size: contain;
}
 .delete {
    background-image: url(../Images/geosilk/erase.png) !important;
    background-size: contain;
}
 .save {
    background-image: url(../Images/icons/save.png) !important;
    background-size: contain;
}
 .editor {
    background-image: url(../Images/icons/editor.png) !important;
    background-size: contain;
}
 .StartEdit {/*map-edit.png or mapset-edit.png*/
    background-image: url(../Images/BlackIcons/appbar.edit.png) !important;
    background-size: contain;
}
 .Button3D {/*map-edit.png or mapset-edit.png*/
    background-image: url(../Images/BlackIcons/appbar.box.png) !important;
    background-size: contain;
} 
 .ZoomPrevious {
    background-image: url(../Images/BlackIcons/appbar.magnify.back.png) !important;
    background-size: contain;
}
 .ZoomNext {
    background-image: url(../Images/BlackIcons/appbar.magnify.forward.png) !important;
    background-size: contain;
}
.CursorEditor {
    background-image: url(../Images/BlackIcons/appbar.cursor.default.outline.png) !important;
    background-size: contain;	
}
.addLayer{
    background-image: url(../Images/BlackIcons/appbar.section.expand.all.png) !important;
    background-size: contain;
}
.measureDistance{
    background-image: url(../Images/BlackIcons/ruler_line_2.png) !important;
    background-size: contain;
}
.measureArea{
    background-image: url(../Images/BlackIcons/ruler_area_2.png) !important;
    background-size: contain;
}
.ZoomIn{
    background-image: url(../Images/BlackIcons/appbar.magnify.add_BD_b200g100.png) !important;
    background-size: contain;
}
.ZoomOut{
    background-image: url(../Images/BlackIcons/appbar.magnify.minus.png) !important;
    background-size: contain;
}
.ZoomExtent{
    background-image: url(../Images/BlackIcons/appbar.magnify.browse.png) !important;
    background-size: contain;
}
.Excel{
    background-image: url(../Images/icons/excel.png) !important;
    background-size: contain;
}
.ZoomTo{
    background-image: url(../Images/icons/zoomTo.png) !important;
    background-size: contain;
}
.Print{
    background-image: url(../Images/BlackIcons/print-alt.png) !important;
    background-size: contain;
}
.SearchByAttribute{
    background-image: url(../Images/icons/search.png) !important;
    background-size: contain;
}
 .ZoomBoxCursor { 
					cursor: url("../Images/zoomin.gif") 12 10, crosshair;
       }

      /*.olDragDown {
          cursor: 'url("../Images/icons/cursorcopy.gif") 0 0,crosshair';
       }
.olControlMousePositionActive {
    cursor : pointer;
}*/
	.x-tree-node-text .x-tree-has-children a span{
color : #FF5500;
font-weight:bold;
}
.x-tree-node-text .x-tree-has-children2 a span{
color : #000000;
}
.insertxy {
    background-image: url(../Images/BlackIcons/coord2.png) !important;
    background-size: contain;
}
.insertdirectionlength {
    background-image: url(../Images/icons/directionLength.gif) !important;
    background-size: contain;
}
.undodrawing {
    background-image: url(../Images/icons/undo_2.png) !important;
    background-size: contain;
}
.redodrawing {
    background-image: url(../Images/icons/redo2.png) !important;
    background-size: contain;
}
.canceldrawing {
    background-image: url(../Images/icons/CancelDrawing.png) !important;
    background-size: contain;
}
.finishSketch {
    background-image: url(../Images/icons/FinishSketch.png) !important;
    background-size: contain;
}
.Grid{
    background-image: url(../Images/BlackIcons/grid-alt-1.png) !important;
    background-size: contain;
}
 .searchpolygon {
    background-image: url(../Images/BlackIcons/appbar.vector.group.png) !important;
    background-size: contain;
}
 .searchCircle {
    background-image: url(../Images/BlackIcons/appbar.vector.circle.png) !important;
    background-size: contain;
}
 .searchBbox {
    background-image: url(../Images/BlackIcons/appbar.vector.rectangle.png) !important;
    background-size: contain;
}
.Coordinateicon
{
	background-image: url(../Images/BlackIcons/coord2.png) !important;
    background-size: contain;
}
.LayersIcon {
    background-image: url(../Images/geosilk/folder_layer.png) !important;
    background-size: contain;
}
.EditToolBox {
    background-image: url(../Images/NewIcons/tools.png) !important;
    background-size: contain;
}
.SelectFeatureToolBox {
    background-image: url(../Images/NewIcons/select-rectangle.png) !important;
    background-size: contain;
}
.SplitFeatureToolBox {
    background-image: url(../Images/NewIcons/polygon-split.png) !important;
    background-size: contain;
}
.MergeFeatureToolBox {
    background-image: url(../Images/NewIcons/polygon-merge.png) !important;
    background-size: contain;
}
.autocomplete {
    background-image: url(../Images/NewIcons/polygon-change.png) !important;
    background-size: contain;
}