iD/css/map.css

image.tile {
    opacity:0.6;
}

/* base styles */
use, path {
    fill: none;
    cursor: pointer;
}

/* interactive elements */
circle.handle {
    cursor: move;
    stroke-width: 2;
    stroke:#1DCAFF;
    fill:#D3F5FF;
}

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

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

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

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

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

.area.active {
    fill-opacity:0.4;
}

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

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

.area.landuse {
    stroke: #444;
    stroke-width:1;
    fill: #444;
    opacity:0.2;
}

/* highways */
.stroke.highway-residential {
    stroke:#E8E8E8;
    stroke-width:8;
}
.casing.highway-residential {
    stroke-width:10;
}

.stroke.highway-unclassified,
.stroke.highway-tertiary {
    stroke:#FEFECB;
    stroke-width:3;
}

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

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

.stroke.highway-motorway, .stroke.highway-motorway_link {
    stroke:#809BC0;
    stroke-width:7;
}
.casing.highway-motorway, .casing.highway-motorway_link {
    stroke-width:9;
}

.stroke.highway-trunk, .stroke.highway-trunk_link {
    stroke:#7FC97F;
}

.stroke.highway-primary, .stroke.highway-primary_link {
    stroke:#FD969A;
    stroke-width:10;
}
.casing.highway-primary, .casing.highway-primary_link {
    stroke-width:12;
}

.stroke.highway-secondary, .stroke.highway-secondary_link {
    stroke:#FDBF6F;
    stroke-width:9;
}
.casing.highway-secondary, .casing.highway-secondary_link {
    stroke-width:11;
}

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

.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;
}