/* text */
        svg { font-size: 100% }
        .titletext {text-anchor:middle; stroke-width:0.3; font-family:sans-serif; font-size:0.7em; stroke:black; fill:black;}
        .provtext  {text-anchor:middle; stroke-width:0.3; font-family:sans-serif; font-size:0.7em; stroke:black; fill:black;}
        .labeltext {stroke-width:0.1; stroke:black; fill:black;}
        .unordered {fill:red; stroke:black; stroke-width:1; fill-opacity:0.90;}
        .labeltext24 {text-anchor:middle; stroke-width:0.1; stroke:black; fill:black; font-family:serif,sans-serif; font-style:italic; font-size:1.4em;}
        .labeltext18 {text-anchor:middle; stroke-width:0.1; stroke:black; fill:black; font-family:serif,sans-serif; font-style:italic; font-size:1.1em;}
        .fulllabeltext {font-family:serif,sans-serif; font-style:italic; font-size:1.2em; fill:black; stroke:black;}
        .currentnotetext {font-family:serif,sans-serif; font-size:1.5em; fill:black; stroke:black;}
        .currentnoterect {fill:#c5dfea;}
        .currentphasetext {font-family:serif,sans-serif; font-size:2.5em; fill:black; stroke:black;}

        .labeltext24 text {cursor:default;}

        /* NB: this style is not yet used. */
        .labeltext24 text.allowed {
            font-weight:bold;
            fill:blue;
            font-size: 1.5em;
            stroke: red;
            stroke-width:2;
            text-decoration: underline;
            background-color: green;
        }

        /* map and object features */

        .seapoly {stroke:#000000; stroke-width:1; fill:#B5DEF8}
        .dashline  {stroke:darkslateblue; stroke-width:3; stroke-linecap:round; stroke-dasharray:5,6;}
        .impassable {fill:#353433; stroke:#000000; stroke-width:1}
        .sealine {stroke:#B5DEFF; stroke-width:3;}

        /* invisible click rects fill:none does not work */

        .invisibleContent {stroke:#000000; fill:#000000; fill-opacity:0.0; opacity:0.0}

        /* default region coloring, by power */

        .provinceRed {fill:url(#patternRed)}
        .provinceBrown {fill:url(#patternBrown)}
        .provinceGreen {fill:url(#patternGreen)}
        .provinceBlack {fill:url(#patternBlack)}
        .provinceBlue {fill:url(#patternBlue)}

        .nopower {fill:antiquewhite;    stroke:#000000; stroke-width:1}
        .water {fill:#c5dfea; stroke:#000000; stroke-width:1}

        .neutral {fill:lightgray; stroke:#000000; stroke-width:1}

        .austria {fill:#c48f85; stroke:#000000; stroke-width:1}
        .england {fill:darkviolet; stroke:#000000; stroke-width:1}
        .france {fill:royalblue; stroke:#000000; stroke-width:1}
        .germany {fill:#a08a75; stroke:#000000; stroke-width:1}
        .italy {fill:forestgreen; stroke:#000000; stroke-width:1}
        .russia {fill:#757d91; stroke:#000000; stroke-width:1}
        .turkey {fill:#b9a61c; stroke:#000000; stroke-width:1}

        /* unit colors, by power note that underscores are not supported */

        .unitaustria {fill:red; fill-opacity:0.85}
        .unitengland {fill:mediumpurple; fill-opacity:0.85}
        .unitfrance  {fill:deepskyblue; fill-opacity:0.85}
        .unitgermany {fill:dimgray; fill-opacity:0.85}
        .unititaly   {fill:olive; fill-opacity:0.85}
        .unitrussia  {fill:white; fill-opacity:1.0}
        .unitturkey  {fill:yellow; fill-opacity:0.85}

        /* supply center styles */

        .scnopower {fill:black; stroke:black;}
        .scaustria {fill:black; stroke:black;}
        .scengland {fill:black; stroke:black;}
        .scfrance  {fill:black; stroke:black;}
        .scgermany {fill:black; stroke:black;}
        .scitaly   {fill:black; stroke:black;}
        .scrussia  {fill:black; stroke:black;}
        .scturkey  {fill:black; stroke:black;}

        /* order drawing styles, stroke and fill colors should not be specified */

        .defaultorder {stroke-width:6; fill:none;}
        .supportorder {stroke-width:6; fill:none; stroke-dasharray:5,5;}
        .convoyorder  {stroke-dasharray:15,5; stroke-width:6; fill:none;}

        .shadoworder  {stroke-width:10; fill:none; stroke:black;}
        .shadowdash   {stroke-width:10; fill:none; stroke:black; opacity:0.45;}

        .varwidthorder  {fill:none;}
        .varwidthshadow {fill:none; stroke:black;}

        /* Symbol private styles. Always start with "sym" to avoid name collisions! */

        .symBuildShadow {fill:none;stroke:black;opacity:0.5;stroke-width:7;}
        .symBuild       {stroke:yellow;stroke-width:7;fill:none;}
        .symRemove      {stroke:red;stroke-width:1;fill:none;}

        .symShadow          {stroke:black;fill:black;stroke-width:1;opacity:0.40;}
        .symDislodgedShadow {stroke:red;fill:red;stroke-width:1;opacity:0.50;}
        .symDislodgedBorder {stroke:red;stroke-width:3%;}

        .symDarkener        {fill:black;opacity:0.45;fill-opacity:0.45;}
        .symCenterHub       {fill:black; stroke:black; opacity:0.60; stroke-width:0.5px;}
        .symBorder          {stroke:black;stroke-width:3%;}
        .symThinBorder      {stroke:black;stroke-width:0.4;}
        .symSilhouette      {stroke:black;fill:black;stroke-width:1;}