@import "http://www.sysmaps.co.uk/bkg/main.css";
a {
	color: #036;
}

a:hover {
	color: #999;
}

body {
	background-color: #fff;
}

dt{
	background-color: #9cf;
}

#header {
	color: #000; background-color: #3c6;
	width: 180px;
	float: left
}

.allWindowBody { position: fixed; margin: 2px; padding: 3px; width: 99%; height: 90%}
.allWindowDiv { width: 99%; height: 90%; border: 0px solid black; position: absolute; z-index: 11}

.mapDiv { width: 100%; height: 85%; border: 1px solid black; position: relative; z-index: 1}

#searchPanel { position: absolute;  top: 40px; left: 120px; width: 400px; z-index: 99; background-color: white; font-size: smaller; border: thin solid black }
#palettePanel { position: absolute;  top: 60px; left: 120px; width: 140px; z-index: 99; background-color: white; font-size: smaller; border: thin solid black }

.popup {position: absolute;  padding: 5px; font-size: 8pt; z-index: 99; background-color: white}

#status {position: absolute;  top: 150px; left: 200px; width: 200px; z-index: 99; background-color: white; font-size: smaller; border: thin solid black }

.feature_label, .feature_input {
	padding: 5px;
	color:#000;
	text-align:left;
	float:left; 
	width:100px;
	font-size:10px;
	color:#64355A;
}

.feature_input {
	width:200px;
}

.feature_input input {
	width:100%;
}
#featureAttributes {
	background:#123;
}

.buttonPanel div {
	display: block;
	width:  22px;
	height: 22px;
	border: thin solid black;
	margin-top: 10px;
	background-color: white
}
.mousePosition {
	position: absolute;
	right: 3px;
	top: 0px;
	height: 15px;
	font-size: 8pt;
	background-color: white;
	z-index: 100
}

/* classes for button icons */
.helpButtonItemInactive {
	background-image: url("../bkg/help.png");
}
.searchButtonItemInactive {
	background-image: url("../bkg//filefind.png");
}
.clearButtonItemInactive {
	background-image: url("../bkg/eraser.png");
}
.mapButtonItemInactive {
	background-image: url("../bkg/network.png");
}
.paletteButtonItemInactive {
	background-image: url("../bkg/colors.png");
}

div.editPanel {
    top: 100px;
    left: 50px;
    position: absolute;
}
    .editPanel div {
      background-image: url("../bkg/edit_sprite.png");
      background-repeat: no-repeat;
/*       display: block; */
      width:  22px;
      height: 22px;
      border: thin solid black;
      margin-top: 10px;
/*       background-color: white */
    }
.olControlNavigationItemActive {background-position: 0px -207px; }
.olControlNavigationItemInactive {background-position: 0px -184px; }
.lineButtonItemActive {background-position: 0px -69px; }
.lineButtonItemInactive {background-position: 0px -46px; }
.pointButtonItemActive {background-position: 0px -23px; }
.pointButtonItemInactive {background-position: 0px 0px; }
.olControlModifyFeatureItemActive {background-position: 0px -161px; }
.olControlModifyFeatureItemInactive {background-position: 0px -138px; }
.olControlDeleteFeatureItemActive { background-position: 0px -253px; }
.olControlDeleteFeatureItemInactive { background-position: 0px -230px; }
.editButtonItemActive {background-position: 0px -115px; }
.editButtonItemInactive {background-position: 0px -92px; }
.saveButtonItemActive {background-position: 0px -299px; }
.saveButtonItemInactive {background-position: 0px -276px;}