Extract select behavior to mode

While here, use a more appropriate class (.selected).

css/map.css

@@ -21,7 +21,7 @@ g.marker circle {
 }
 
 g.marker.hover circle,
-g.marker.active circle {
+g.marker.selected circle {
     fill:#ffff00;
     stroke-width:4;
     stroke:#fff
@@ -48,7 +48,7 @@ circle.handle.shared {
 circle.handle.hover {
 }
 
-circle.handle.active {
+circle.handle.selected {
     fill: #ffff00;
 }
 
@@ -83,7 +83,7 @@ path.casing.hover {
     opacity:0.8;
 }
 
-path.casing.active {
+path.casing.selected {
     stroke:#E96666 !important;
     opacity:1 !important;
     stroke-width:10 !important;
@@ -120,14 +120,11 @@ path.area {
     cursor: url(../img/cursor-select-area.png), pointer;
 }
 
-.mode-select g.marker.active,
-.mode-select path.active,
-.mode-select circle.handle.active,
-.mode-select path.area.active {
+.mode-select .selected {
     cursor: url(../img/cursor-select-acting.png), pointer;
 }
 
-path.area.active {
+path.area.selected {
     stroke-width:3 !important;
 }