Use images and CSS from Centaurus web interface. Fix product name substitution.

components/ahttpd/images/first-page-button.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="25.163"
+   height="20.163"
+   id="svg4592"
+   version="1.1"
+   inkscape:version="0.47pre2 r22153"
+   sodipodi:docname="first-page-button.svg">
+  <defs
+     id="defs4594">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective4600" />
+    <inkscape:perspective
+       id="perspective4581"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4631"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <filter
+       inkscape:collect="always"
+       id="filter3595">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.4325"
+         id="feGaussianBlur3597" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="18.829866"
+     inkscape:cx="6.4719397"
+     inkscape:cy="12.058399"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="948"
+     inkscape:window-x="-4"
+     inkscape:window-y="-4"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4597">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(5.25272,-2084.818)">
+    <g
+       id="g4551"
+       transform="translate(-100.54622,1652.5558)">
+      <rect
+         style="fill:#729fcf;fill-opacity:1;stroke:none"
+         id="rect3719-6"
+         width="25"
+         height="20"
+         x="95.375"
+         y="432.34937"
+         rx="3.8469892"
+         ry="3.8469892" />
+      <path
+         d="m 99.21875,432.78125 c -1.896868,0 -3.40625,1.50938 -3.40625,3.40625 l 0,12.3125 c 0,1.89687 1.509382,3.40625 3.40625,3.40625 l 17.3125,0 c 1.89687,0 3.40625,-1.50938 3.40625,-3.40625 l 0,-12.3125 c 0,-1.89687 -1.50938,-3.40625 -3.40625,-3.40625 l -17.3125,0 z"
+         inkscape:href="#rect3719-6"
+         id="path3791-1"
+         style="fill:#476596;fill-opacity:1;stroke:none;filter:url(#filter3595)"
+         xlink:href="#rect3719-6"
+         inkscape:original="M 99.21875 432.34375 C 97.087518 432.34375 95.375 434.05627 95.375 436.1875 L 95.375 448.5 C 95.375 450.63123 97.087518 452.34375 99.21875 452.34375 L 116.53125 452.34375 C 118.66248 452.34375 120.375 450.63123 120.375 448.5 L 120.375 436.1875 C 120.375 434.05627 118.66248 432.34375 116.53125 432.34375 L 99.21875 432.34375 z "
+         inkscape:radius="-0.4375"
+         sodipodi:type="inkscape:offset" />
+      <path
+         id="path3721-0"
+         d="m 114.375,437.34936 0,10 -10,-5 10,-5 z"
+         style="fill:#d0e1ff;fill-opacity:1;stroke:none"
+         inkscape:label="Triangle" />
+      <rect
+         y="437.34937"
+         x="102.375"
+         height="10.000001"
+         width="2.0000136"
+         id="rect3715-6"
+         style="fill:#d0e1ff;fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+</svg>

components/ahttpd/images/last-page-button.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="25.163"
+   height="20.163"
+   id="svg4592"
+   version="1.1"
+   inkscape:version="0.47pre2 r22153"
+   sodipodi:docname="last-page-button.svg">
+  <defs
+     id="defs4594">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective4600" />
+    <inkscape:perspective
+       id="perspective4581"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4631"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4711"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4769"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4827"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <filter
+       inkscape:collect="always"
+       id="filter3602">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.4325"
+         id="feGaussianBlur3604" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="18.829866"
+     inkscape:cx="6.2525407"
+     inkscape:cy="9.4532616"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="948"
+     inkscape:window-x="-4"
+     inkscape:window-y="-4"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4597">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(34.78794,-2065.2186)">
+    <g
+       id="g4567"
+       transform="translate(-219.70644,1632.9251)">
+      <rect
+         style="fill:#729fcf;fill-opacity:1;stroke:none"
+         id="rect3719"
+         width="25"
+         height="20"
+         x="185"
+         y="432.36218"
+         rx="3.8469892"
+         ry="3.8469892" />
+      <path
+         d="m 188.84375,432.8125 c -1.89687,0 -3.40625,1.50938 -3.40625,3.40625 l 0,12.28125 c 0,1.89687 1.51366,3.4375 3.40625,3.4375 l 17.3125,0 c 1.89259,0 3.40625,-1.54063 3.40625,-3.4375 l 0,-12.28125 c 0,-1.89687 -1.50938,-3.40625 -3.40625,-3.40625 l -17.3125,0 z"
+         inkscape:href="#rect3719"
+         id="path3791"
+         style="fill:#476596;fill-opacity:1;stroke:none;filter:url(#filter3602)"
+         xlink:href="#rect3719"
+         inkscape:original="M 188.84375 432.375 C 186.71252 432.375 185 434.08752 185 436.21875 L 185 448.5 C 185 450.63123 186.71252 452.375 188.84375 452.375 L 206.15625 452.375 C 208.28748 452.375 210 450.63123 210 448.5 L 210 436.21875 C 210 434.08752 208.28748 432.375 206.15625 432.375 L 188.84375 432.375 z "
+         inkscape:radius="-0.4375"
+         sodipodi:type="inkscape:offset" />
+      <path
+         id="path3721"
+         d="m 192,437.36218 0,10 10,-5 -10,-5 z"
+         style="fill:#d0e1ff;fill-opacity:1;stroke:none"
+         inkscape:label="Triangle" />
+      <rect
+         transform="scale(-1,1)"
+         y="437.36218"
+         x="-204"
+         height="10.000001"
+         width="2.0000136"
+         id="rect3715"
+         style="fill:#d0e1ff;fill-opacity:1;stroke:none" />
+    </g>
+  </g>
+</svg>

components/ahttpd/images/next-page-button.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="25.02"
+   height="20.022818"
+   id="svg4592"
+   version="1.1"
+   inkscape:version="0.47pre2 r22153"
+   sodipodi:docname="next-page-button.svg">
+  <defs
+     id="defs4594">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective4600" />
+    <inkscape:perspective
+       id="perspective4581"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4631"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4711"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4769"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <filter
+       inkscape:collect="always"
+       id="filter3596">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.43"
+         id="feGaussianBlur3598" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="18.829866"
+     inkscape:cx="10.329226"
+     inkscape:cy="5.3197997"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="948"
+     inkscape:window-x="-4"
+     inkscape:window-y="-4"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4597">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(21.03808,-2078.2196)">
+    <g
+       id="g4562"
+       transform="translate(-176.02808,1645.8574)">
+      <rect
+         ry="3.8469892"
+         rx="3.8469892"
+         y="432.36218"
+         x="155"
+         height="20"
+         width="25"
+         id="rect2849"
+         style="fill:#729fcf;fill-opacity:1;stroke:none" />
+      <path
+         d="m 158.84375,432.875 c -1.86901,0 -3.34375,1.47474 -3.34375,3.34375 l 0,12.28125 c 0,1.86901 1.47952,3.375 3.34375,3.375 l 17.3125,0 c 1.86423,0 3.34375,-1.50599 3.34375,-3.375 l 0,-12.28125 c 0,-1.86901 -1.47474,-3.34375 -3.34375,-3.34375 l -17.3125,0 z"
+         inkscape:href="#rect2849"
+         id="path3785"
+         style="fill:#476596;fill-opacity:1;stroke:none;filter:url(#filter3596)"
+         xlink:href="#rect2849"
+         inkscape:original="M 158.84375 432.375 C 156.71252 432.375 155 434.08752 155 436.21875 L 155 448.5 C 155 450.63123 156.71252 452.375 158.84375 452.375 L 176.15625 452.375 C 178.28748 452.375 180 450.63123 180 448.5 L 180 436.21875 C 180 434.08752 178.28748 432.375 176.15625 432.375 L 158.84375 432.375 z "
+         inkscape:radius="-0.48949021"
+         sodipodi:type="inkscape:offset" />
+      <path
+         inkscape:label="Triangle"
+         style="fill:#d0e1ff;fill-opacity:1;stroke:none"
+         d="m 163,437.36218 0,10 10,-5 -10,-5 z"
+         id="path2828" />
+    </g>
+  </g>
+</svg>

components/ahttpd/images/prev-page-button.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="25.032"
+   height="20.032"
+   id="svg4592"
+   version="1.1"
+   inkscape:version="0.47pre2 r22153"
+   sodipodi:docname="prev-page-button.svg">
+  <defs
+     id="defs4594">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective4600" />
+    <inkscape:perspective
+       id="perspective4581"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4631"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <inkscape:perspective
+       id="perspective4711"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <filter
+       inkscape:collect="always"
+       id="filter3595">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.43"
+         id="feGaussianBlur3597" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="18.829866"
+     inkscape:cx="16.33258"
+     inkscape:cy="6.4077993"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="948"
+     inkscape:window-x="-4"
+     inkscape:window-y="-4"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4597">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(15.11336,-2079.2984)">
+    <g
+       id="g4557"
+       transform="translate(-140.09736,1646.9394)">
+      <rect
+         style="fill:#729fcf;fill-opacity:1;stroke:none"
+         id="rect3707"
+         width="25"
+         height="20"
+         x="125"
+         y="432.36218"
+         rx="3.8469892"
+         ry="3.8469892" />
+      <path
+         d="m 128.84375,432.875 c -1.86338,0 -3.34375,1.48037 -3.34375,3.34375 l 0,12.28125 c 0,1.86338 1.48525,3.375 3.34375,3.375 l 17.3125,0 c 1.8585,0 3.34375,-1.51162 3.34375,-3.375 l 0,-12.28125 c 0,-1.86338 -1.48037,-3.34375 -3.34375,-3.34375 l -17.3125,0 z"
+         inkscape:href="#rect3707"
+         id="path3725"
+         style="fill:#476596;fill-opacity:1;stroke:none;filter:url(#filter3595)"
+         xlink:href="#rect3707"
+         inkscape:original="M 128.84375 432.375 C 126.71252 432.375 125 434.08752 125 436.21875 L 125 448.5 C 125 450.63123 126.71252 452.375 128.84375 452.375 L 146.15625 452.375 C 148.28748 452.375 150 450.63123 150 448.5 L 150 436.21875 C 150 434.08752 148.28748 432.375 146.15625 432.375 L 128.84375 432.375 z "
+         inkscape:radius="-0.5"
+         sodipodi:type="inkscape:offset" />
+      <path
+         id="path3709"
+         d="m 142,437.36218 0,10 -10,-5 10,-5 z"
+         style="fill:#d0e1ff;fill-opacity:1;stroke:none"
+         inkscape:label="Triangle" />
+    </g>
+  </g>
+</svg>

components/ahttpd/styles/alterator.css

-body {
-	background-color: #cdcdcd;/*#92b2b8;/*#67999a;/*#c0dbdb;*/
-	color: #178093;
-	margin: 0px;
-	padding: 10px;
-	font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
-	font-size: 9pt;
-}
-
-a {
-	color: #178093;
-	font-weight: bold;
-}
-
-table {
-	font-size: 9pt;
-	border-color: #178093;
-	border-collapse: collapse;
-}
-
-th {
-	padding: 0px 7px 3px 0px;
-}
-
-tr {
-	vertical-align: top;
-}
-
-hr {
-	border: none;
-	border-top: 1px solid #5ac;
-}
-
-h1 {
-	text-align: center;
-	margin: 0px;
-}
-
-textarea, select, input.text {
-	border: 1px solid #178093;
-	font-size: 8pt;
-	margin: 1px 3px 1px 0px;
-	padding: 1px 3px;
-}
-
-.btn {
-	background-color: #cdcdcd;
-	color: #178093;
-	border: 1px solid #178093;
-	cursor: pointer;
-	font-size: 9pt;
-	padding: 0px 3px;
-}
-
-.btn:hover {
-	background-color: #94c4cd;
-}
-
-.error-message {
-	background-color: #FFCACA;
-	border: 1px solid #FF6060;
-	padding-left:10px;
-	padding-right:10px;
-	margin-bottom:10px;
-}
-
-.info-name {
-	font-size: 18pt;
-	border-bottom: 2px solid #178093;
-}
-
-.info-description {
-	font-size: 12pt;
-	font-weight: bold;
-	padding-top: 10px;
-}
-
-
-.frame-table {
-	border-style:solid;
-	border-width:1px;
-	margin: 3px;
-}
-
-.frame-table td, .frame-table th {
-	border-style:solid;
-	border-width:1px;
-	padding: 1px 1px 3px 3px;
-}
-
-.disabled {
-	color: #6e6e6e;
-}
-
-.alterator-progress {
-	border: 1px solid #178093;
-	height: 20px;
-	width: 200px;
-	padding: 2px;
-	background-color: #FFFFFF;
-}
-
-.alterator-progress div {
-	background-color: #178093;
-	height: 20px;
-}
-
-.year {
-	font-weight: bold;
-	background-color: #baeaea;
-}
-
-.week {
-	border-style:solid;
-	border-width:1px;
-	background-color: white;
-}
-
-.today {
-	border-style:solid;
-	border-width:1px;
-	background-color: pink;
-	cursor: pointer;
-}
-
-.day {
-	border-style:solid;
-	border-width:1px;
-	background-color: #baeaea;
-	cursor: pointer;
-}
-
-.day:hover {
-	background-color: #178093;
-}
-
-.alterator-dateedit-calendar table {
-	width: 100%;
-	text-align: center;
-	background-color: #baeaea;
-	border-style: solid;
-	border-width: 1px;
-}
-
-.alterator-dateedit-calendar td {
-	padding: 3px;
-}
-
-.alterator-dateedit-button {
-	vertical-align:middle;
-	cursor:pointer;
-	background: url(/design/images/dateedit.png) no-repeat;
-	width: 15px;
-	height: 16px;
-}
-
-table.alterator-listbox {
-	border: solid 1px;
-}
-
-table.alterator-listbox th {
-	background-color:  #cdcdcd;
-	font-weight: bold;
-	border: solid 1px;
-	padding: 3px;
-}
-
-table.alterator-listbox td {
-	background: #ffffff;
-	border-left: solid 1px;
-	border-right: solid 1px;
-	padding: 3px;
-}

components/ahttpd/styles/card-index.css

-.selector-actions {
-	position: absolute;
-	right: 30px;
-}
-
-.selector-chooser {
-	width: 100%;
-}

components/ahttpd/styles/menu.css

-/* c0dbdb */
-
-#logo-td {
-	border-left: none;
-	padding-left: 10px;
-	padding-right: 10px;
-	text-align:left;
-/*	background: #fff;*/
-	padding-top: 10px;
-	background: url(/design/images/gradient-top.png) 0% 0% repeat-x;
-	width: 275px;
-	-moz-border-radius-topleft: 1em;
-	-webkit-border-radius-topleft: 1em;
-	-khtml-border-radius-topleft: 1em;
-	border-radius-topleft: 1em;
-	-moz-border-radius-bottomleft: 1em;
-	-webkit-border-radius-bottomleft: 1em;
-	-khtml-border-radius-bottomleft: 1em;
-	border-radius-bottomleft: 1em;
-}
-
-#logo-td img {
-	background: url(/design/images/logo.png) no-repeat;
-	width: 275px; /*325*/
-	height: 30px;
-}
-
-#help-td {
-	/*border-left: none;*/
-	padding-left: 10px;
-	padding-right: 10px;
-	padding-top: 10px;
-	width: 20px;
-	text-align:left;
-	color: #fff;
-/*        border-bottom: 1px solid #056560;;*/
-	background: url(/design/images/gradient-top.png) 0% 0% repeat-x;
-/*	-moz-border-radius-topleft: 1em;
-	-moz-border-radius-topright: 1em;
-        -webkit-border-radius-topleft: 1em;
-        -khtml-border-radius-topleft: 1em;
-        border-radius-topleft: 1em; */
-}
-
-#locale-td {
-/*	border-left: none; */
-	padding-left: 10px;
-	padding-top: 10px;
-	color: #fff;
-	padding-right: 10px;
-	text-align:center;
-	width: 100px;
-	background: url(/design/images/gradient-top.png) 0% 0% repeat-x;
-/*	border-left: 1px solid #056560;;
-	border-right: 1px solid #056560;;
-	border-bottom: 1px solid #056560;; */
-	-moz-border-radius-topright: 1em;
-        -webkit-border-radius-topright: 1em;
-        -khtml-border-radius-topright: 1em;
-        border-radius-topright: 1em;
-}
-
-#hostinfo-td {
-/*	border-left:  1px solid #056560;;
-	border-top:  1px solid #056560;;
-	border-right:  1px solid #056560;; */
-	background: url(/design/images/gradient-top.png) 0% 0% repeat-x;
-/*	-moz-border-radius-topleft: 1em;
-        -webkit-border-radius-topleft: 1em;
-        -khtml-border-radius-topleft: 1em;
-        border-radius-topleft: 1em;
-	*/
-	
-	padding-left: 10px;
-	padding-right: 10px;
-	padding-top: 10px;
-	text-align: left;
-
-	color: #fff; /*#0574B2;*/
-	font-weight: bold;
-	text-decoration: none;
-	font-size:large;
-}
-
-.expanded {
-/*	padding-left: 40px;*/
-    width: 100%;
-}
-
-
-
-/* main menu */
-
-#menu-td {
-	padding-right: 12px;
-}
-
-#main {
-	padding: 10px 20px;
-}
-
-
-#main-td {
-/*	padding: 10px 20px;*/
-/*	background-color: #baeaea;*/
-	background-color: #fff;
-	width: 100%;
-	/*border: 1px solid #056560;;*/
-	-moz-border-radius-bottomright: 1em;
-        -webkit-border-radius-bottomright: 1em;
-        -khtml-border-radius-bottomright: 1em;
-        border-radius-bottomright: 1em;
-	-moz-border-radius-bottomleft: 1em;
-        -webkit-border-radius-bottomleft: 1em;
-        -khtml-border-radius-bottomleft: 1em;
-        border-radius-bottomleft: 1em;
-}
-
-.menu-item-normal a {
-	font-weight: normal;
-	padding-left: 5px;
-	padding-right: 5px;
-	text-decoration: none;
-}
-
-.menu-item-selected a {
-	font-weight: bold;
-	padding-left: 5px;
-	padding-right: 5px;
-}
-
-.menu-group-name  {
-	padding-left: 5px;
-	padding-right: 5px;
-	color: #fff;
-	text-decoration: none;
-	/*background-color:#baeaea;*/
-	padding-top: 3px;
-	background: url(/design/images/gradient.png) 0% 0% repeat-x;
-	font-weight: bold;
-	-moz-border-radius-topright: 1em;
-	-webkit-border-radius-topright: 1em;
-	-khtml-border-radius-topright: 1em;
-	border-radius-topright: 1em;
-	-moz-border-radius-topleft: 1em;
-	-webkit-border-radius-topleft: 1em;
-	-khtml-border-radius-topleft: 1em;
-	border-radius-topleft: 1em;
-}
-
-.menu-group {
-	padding-bottom: 5px;
-	/*width:250px;*/
-/*	padding-right: 5px;*/
-	padding-top: 5px;
-	border-collapse: collapse;
-	background: url(/design/images/gradient-menu.png) 0% 0% repeat-x;
-/*	border-bottom: 1px solid #056560;;
-	border-left: 1px solid #056560;;
-	border-right: 1px solid #056560;; */
-	-moz-border-radius-bottomright: 1em;     /* mozilla 1.5 */
-	-webkit-border-radius-bottomright: 1em;  /* safari 3 */
-	-khtml-border-radius-bottomright: 1em;   /* Konqueror */
-	border-radius-bottomright: 1em;          /* CSS3 */
-	-moz-border-radius-bottomleft: 1em;     /* mozilla 1.5 */
-	-webkit-border-radius-bottomleft: 1em;  /* safari 3 */
-	-khtml-border-radius-bottomleft: 1em;   /* Konqueror */
-	border-radius-bottomleft: 1em;          /* CSS3 */
-}
-
-#help-popup {
-	padding-left: 10px;
-	width: 95%;
-	background-color: #EEF2F5;
-/*	padding-right: 5px;
-	padding-top: 10px;*/
-}
-
-.hresizeable {
-	width: 100%;
-	height: 7px;
-	background:#cdcdcd url(/design/images/hgrabber.gif) no-repeat scroll 45%;
-	cursor: s-resize;
-}
-
-.hresizeable:hover {
-	background-color: #178093;
-}

configure.ac

@@ -13,10 +13,15 @@ MIDDLE_LABELS_HEX=4d4d4f
 DOCDIR=documentation
 
 AC_SUBST(THEME)
+AC_SUBST(CODENAME)
 AC_SUBST(NAME)
+AC_SUBST(BRAND)
+AC_SUBST(BRAND_FNAME)
 AC_SUBST(STATUS)
+AC_SUBST(STATUS_EN)
 AC_SUBST(VERSION)
-AC_SUBST(CODENAME)
+AC_SUBST(PRODUCT_NAME)
+AC_SUBST(PRODUCT_NAME_RU)
 AC_SUBST(DOCDIR)
 AC_SUBST(PROGRESS_COLOR)
 AC_SUBST(LIGHT_COLOR_HEX)
@@ -25,7 +30,12 @@ AC_SUBST(DARK_COLOR_HEX)
 AC_SUBST(LIGHT_LABELS_HEX)
 AC_SUBST(DARK_LABELS_HEX)
 AC_SUBST(MIDDLE_LABELS_HEX)
+AC_SUBST(LIGHT_COLOR_DEC)
+AC_SUBST(MIDDLE_COLOR_DEC)
+AC_SUBST(DARK_COLOR_DEC)
 AC_SUBST(TITLE_COLOR)
+AC_SUBST(INACTIVE_COLOR)
+AC_SUBST(X86)
 
 AC_CONFIG_FILES([
 		 Makefile
@@ -35,7 +45,6 @@ AC_CONFIG_FILES([
 		 components/browser-qt/design/design.qss
 		 components/bootloader/gfxboot.cfg
 		 notes/release-notes.ru.html
-		 notes/release-notes.uk.html
 		 notes/release-notes.all.html
 		 notes/license.ru.html
 		 notes/license.all.html
@@ -43,5 +52,7 @@ AC_CONFIG_FILES([
 		 components/indexhtml/index-ru.html
 		 components/indexhtml/index-en.html
 		 components/systemd/os-release
+         components/ahttpd/styles/alterator.css
+         xfce-settings/xinitrc
 ])
 AC_OUTPUT