iD/css/map.css

image.tile {
}

/* base styles */
path, image.marker {
    fill: none;
    cursor: pointer;
}

g.marker circle {
    fill:#fff;
    stroke:#888;
    stroke-width:1;
}

g.marker.active circle {
    stroke-width:2;
    stroke:#000;
    fill:#FCFFAF;
}

/* interactive elements */
rect.handle {
    cursor: move;
    stroke-width: 1;
    stroke:#000;
    fill:#FFF694;
}

circle.teaser-point {
    stroke-width: 2;
    stroke:#1DCAFF;
    fill:#D3F5FF;
}

path.casing {
    stroke: #111;
    stroke-linecap:round;
    stroke-linejoin:bevel;
    stroke-width: 3;
}

path.casing:hover {
    stroke:#FF0F0F !important;
    opacity:0.8;
}

path.casing.active {
    stroke:#FFF9C9;
    stroke-opacity:1;
    stroke-width:8;
}

path.stroke {
    stroke: #555;
    stroke-linecap:round;
    stroke-linejoin:bevel;
    stroke-width: 2;
}

path.stroke.railway-rail {
    stroke: white;
    stroke-width: 3;
    stroke-dasharray: 12,12;
}

path.stroke.railway-subway {
    stroke: #444;
    stroke-width: 3;
    stroke-dasharray: 8,8;
}

path.area.active {
    stroke-width:3 !important;
}

path.area.natural {
    stroke: #ADD6A5;
    fill: #ADD6A5;
    stroke-width:1;
    fill-opacity:0.3;
}

path.area.building {
    stroke: #9E176A;
    stroke-width: 1;
    fill: #ff6ec7;
    fill-opacity: 0.3;
}

path.area.landuse,
path.area.natural {
    stroke: #006B34;
    stroke-width: 1;
    fill: #189E59;
    fill-opacity:0.2;
}

/* highways */
path.stroke.highway-residential {
    stroke:#E8E8E8;
    stroke-width:4;
}
path.casing.highway-residential {
    stroke:#E8E8E8;
    stroke-width:10;
    opacity:0.4;
}

path.stroke.highway-unclassified,
path.stroke.highway-tertiary,
path.stroke.highway-tertiary_link {
    stroke:#FEFECB;
    stroke-width:6;
}

path.casing.highway-unclassified,
path.casing.highway-tertiary,
path.casing.highway-tertiary_link {
    stroke-width:8;
}

path.stroke.highway-service {
    stroke:#fff;
    stroke-width:4;
}
path.casing.highway-service {
    stroke-width:6;
}

path.stroke.highway-footway,
path.stroke.highway-cycleway,
path.stroke.highway-steps {
    stroke: #ff6257;
    stroke-width: 3;
    stroke-dasharray: 6, 6;
}
path.casing.highway-footway,
path.casing.highway-cycleway,
path.casing.highway-steps {
    stroke-width: 3;
    stroke: #fff;
}

path.stroke.highway-motorway, path.stroke.highway-motorway_link {
    stroke:#809BC0;
    stroke-width:3;
}
path.casing.highway-motorway, path.casing.highway-motorway_link {
    stroke:#809BC0;
    stroke-width:9;
    opacity:0.4;
}

path.stroke.highway-trunk, path.stroke.highway-trunk_link {
    stroke-width:7;
    opacity:0.4;
    stroke:#7FC97F;
}
path.casing.highway-trunk, path.casing.highway-trunk_link {
    stroke-width:4;
    stroke:#7FC97F;
}

path.stroke.highway-primary, path.stroke.highway-primary_link {
    stroke:#FD969A;
    stroke-width:5;
}
path.casing.highway-primary, path.casing.highway-primary_link {
    stroke:#FF6363;
    opacity:0.4;
    stroke-width:12;
}

path.stroke.highway-secondary, path.stroke.highway-secondary_link {
    stroke:#FDBF6F;
    stroke-width:4;
}
path.casing.highway-secondary, path.casing.highway-secondary_link {
    opacity:0.4;
    stroke:#FDBF6F;
    stroke-width:11;
}

path.stroke.bridge-yes {
    stroke:#eee;
    stroke-width:7;
}

path.stroke.waterway {
    stroke: #10539a;
    stroke-width: 3;
}

text {
    font:9px 'Helvetica';
    text-anchor:middle;
    fill:#fff;
    text-shadow:
       0 0 1px #000,
       0 0 1px #000,
       0 0 1px #000,
       0 0 2px #000;
}