/* MAP and THINGS */
.emsSGMap {
	border: 5px solid transparent;
}

.emsSGMap_edit {
	border: 0px solid #009966;
}

.thing {
	background: transparent;
	width: 0px;
	height: 0px;
}

.emsSGMap_edit .thing > * {
	border: solid 3px red !important;
}

.emsSGMap_edit .thing.thing_selected > * {
	border: solid 3px blueviolet !important;
}

.thing_selected > * {
	z-index: 1;
	outline: solid 2px orange !important;
}

.thing_dragging > *{
	opacity: 0.5;
	border: solid 5px yellow !important;
}

.thing_filtered--not-active {
  opacity: .5;
}


/* EDIT TOOLBAR */
.olControlTextButtonPanel.buttonsPanel {
	top: auto;
	bottom: 5px;
	right: auto;
	left: 5px;
	height: 32px;
}

.labelAreaButtonItemInactive:after {
	content: url('mapimg/labelArea.png');
}
.labelAreaButtonItemActive:after {
	content: url('mapimg/labelArea-w.png');
}
.labelThingButtonItemInactive:after {
	content: url('mapimg/labelThing.png');
}
.labelThingButtonItemActive:after {
	content: url('mapimg/labelThing-w.png');
}
.configMapButtonItemInactive:after {
	content: url('mapimg/configMap.png');
}
.configThingButtonItemInactive:after {
	content: url('mapimg/configThing.png');
}
.deleteButtonItemInactive:after {
	content: url('mapimg/delete.png');
}
.deleteButtonItemActive:after {
	content: url('mapimg/delete-w.png');
}
.verticesButtonItemInactive:after {
	content: url('mapimg/vectors.png');
}
.verticesButtonItemActive:after {
	content: url('mapimg/vectors-w.png');
}
.moveRotateButtonItemInactive:after {
	content: url('mapimg/moveRotate.png');
}
.moveRotateButtonItemActive:after {
	content: url('mapimg/moveRotate-w.png');
}
.moveResizeButtonItemInactive:after  {
	content: url('mapimg/moveResize.png');
}
.moveResizeButtonItemActive:after {
	content: url('mapimg/moveResize-w.png');
}
.labelAreaButtonItemInactive,.labelAreaButtonItemActive,
.labelThingButtonItemInactive,.labelThingButtonItemActive,
.deleteButtonItemInactive,.deleteButtonItemActive,
.configMapButtonItemInactive,
.configThingButtonItemInactive,
.moveResizeButtonItemInactive,.moveResizeButtonItemActive,
.moveRotateButtonItemInactive,.moveRotateButtonItemActive,
.verticesButtonItemInactive,.verticesButtonItemActive
	{
	width: 40px;
	height: 34px;
}

.labelAreaButtonItemActive,.labelThingButtonItemActive,
.moveResizeButtonItemActive,.moveRotateButtonItemActive,.verticesButtonItemActive
	{
	background-image: none!important;
	background-color: #a7a7a7 !important;
	
	filter: alpha(opacity = 100) !important;
	padding: 4px !important;
}

/* MAIN TOOLBAR */
.olControlTextButtonPanel.expandToolbar {
	top: 5px;
	bottom: auto;
	right: auto;
	left: 5px;
	height: 32px;
}
.olControlTextButtonPanel.mainMapToolbar {
	top: 5px;
	bottom: auto;
	right: auto;
	left: 38px;
	height: 32px;
}
.olControlTextButtonPanel.expandToolbar .olButton:first-child {
	border-radius: 4px 4px 4px 4px;
}

.centerButtonItemInactive:after  {
	content: url('mapimg/center.png');
}
.centerButtonItemActive:after {
	content: url('mapimg/center-w.png');
}
.fitButtonItemInactive:after {
	content: url('mapimg/fit.png');
}
.fitButtonItemActive:after {
	content: url('mapimg/fit-w.png');
}
.expandButtonItemInactive:after {
	content: url('mapimg/expand.png');
}
.collapseBtn.expandButtonItemInactive:after {
	content: url('mapimg/collapse.png') !important;
}

.zoominButtonItemInactive:after  {
	content: url('mapimg/zoomin.png');
}
.zoominButtonItemActive:after {
	content: url('mapimg/zoomin-w.png');
}
.zoomoutButtonItemInactive:after  {
	content: url('mapimg/zoomout.png');
}
.zoomoutButtonItemActive:after {
	content: url('mapimg/zoomout-w.png');
}

.centerButtonItemInactive,.centerButtonItemActive,
.fitButtonItemInactive,.fitButtonItemActive,
.zoomoutButtonItemInactive,.zoomoutButtonItemActive,
.zoominButtonItemInactive,.zoominButtonItemActive
	{
	width: 40px;
	height: 34px;
}
.expandButtonItemInactive
{
	width: 16px;
	height: 34px;
}
/* LAYER SWITCHER */
.olControlLayerSwitcher.mapLayerSwitcher {
	top: 50px;
}

/*
.popup_arrow_top >.x-window-header::before {
	top: -15px;
	width: 316px;
	background-image: url('mapimg/arrow_up.png');
	background-position: bottom center;
	content: '';
	position: absolute;
	z-index: 999999;
	height: 16px;
	background-repeat: no-repeat;
	display: block;
}
.popup_arrow_bottom >.x-window-body::after {
	bottom: 15px;
	width: 316px;
	background-image: url('mapimg/arrow_down.png');
	background-position: top center;
	content: '';
	position: absolute;
	z-index: 999999;
	height: 16px;
	background-repeat: no-repeat;
	display: block;
}
*/