Initial Commit

.devcontainer/Dockerfile

@@ -0,0 +1,15 @@
+# Dev container: Debian-based so bash is present (required by Cursor/VS Code).
+# Production remains Alpine (see root Dockerfile).
+FROM php:7.4-fpm
+
+RUN apt-get update \
+    && apt-get install -y --no-install-recommends nginx \
+    && rm -rf /var/lib/apt/lists/*
+
+COPY php/conf.d/ /usr/local/etc/php/conf.d/
+COPY nginx/conf.d/ /etc/nginx/conf.d/
+COPY entrypoint.sh /entrypoint.sh
+RUN chmod +x /entrypoint.sh
+COPY src/ /usr/share/nginx/html/
+
+ENTRYPOINT ["/entrypoint.sh"]

.devcontainer/README.md

@@ -0,0 +1,36 @@
+# Dev Container – Local testing before deploy
+
+This devcontainer runs PHP 7.4 + Nginx (Debian-based image so Cursor’s tooling has bash). Your `src/` folder is mounted over the web root so edits are reflected immediately.
+
+## If “Reopen in Container” keeps failing (e.g. bash not found)
+
+Cursor may be reusing an old container. Remove it and reopen:
+
+1. **Reopen the folder locally** (not in the container).
+2. In a terminal:  
+   `docker rm -f 2476c6abaac7 2>/dev/null; docker ps -a | grep -i umlaut`  
+   and remove any listed dev container for this project.
+3. **Reopen in Container** again so a new container is created from the current image.
+
+## How to use
+
+1. **Open in Dev Container**  
+   Command Palette → **“Dev Containers: Reopen in Container”** (or use the prompt when opening the folder).
+
+2. **Wait for the container to build and start**  
+   First time it builds the image; later opens are fast.
+
+3. **Open the site in your browser**  
+   When the container is running, open **http://localhost** (port 80 is forwarded).  
+   - Main site: `http://localhost/`  
+   - Archive (e.g. 2004): `http://localhost/site_archive/2004/`
+
+4. **Edit and test**  
+   Changes under `src/` are served immediately; refresh the browser to see them.
+
+## What’s supported
+
+- **HTML/CSS/JS** – Served by Nginx with the existing cache rules.
+- **PHP** – Handled by PHP 7.4-FPM (same as production), including legacy archive pages under `site_archive/`.
+
+The environment matches the production image; if it works here, it should behave the same when deployed.

.devcontainer/devcontainer.json

@@ -0,0 +1,28 @@
+{
+  "name": "Umlaut Press (PHP 7.4 + Nginx)",
+  "build": {
+    "dockerfile": "Dockerfile",
+    "context": ".."
+  },
+  "runArgs": [
+    "-v", "${localWorkspaceFolder}/src:/usr/share/nginx/html"
+  ],
+  "forwardPorts": [80],
+  "portsAttributes": {
+    "80": {
+      "label": "Site (HTTP)",
+      "onAutoForward": "notify"
+    }
+  },
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        "bmewburn.vscode-intelephense-client",
+        "xdebug.php-debug"
+      ]
+    }
+  },
+  "postCreateCommand": "echo 'Dev container ready. Site will be at http://localhost when Nginx is running.'",
+  "postStartCommand": "/usr/local/sbin/php-fpm -D && nginx",
+  "remoteUser": "root"
+}

.dockerignore

@@ -0,0 +1,9 @@
+# Avoid sending secrets or dev tooling into the build context
+# config/ and plugins/ are included (no secrets; PHP configs read from ENV at runtime)
+node_modules
+.git
+.prettierrc
+.prettierignore
+*.md
+.env
+.env.*

.gitignore

@@ -0,0 +1,6 @@
+.env
+.env.*
+!.env.example
+
+node_modules
+pnpm-lock.yaml

.prettierignore

@@ -0,0 +1,2 @@
+node_modules
+pnpm-lock.yaml

.prettierrc

@@ -0,0 +1,15 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "none",
+  "overrides": [
+    {
+      "files": "*.yml",
+      "options": {
+        "tabWidth": 4,
+        "proseWrap": "preserve"
+      }
+    }
+  ]
+}

.woodpecker/build.yml

@@ -0,0 +1,146 @@
+# Deploy: build image, push to registry, trigger Portainer stack redeploy.
+# Runs on push/tag/manual to main only, after ci workflow succeeds.
+when:
+    - branch: main
+      event: [push, tag, manual]
+    - event: deployment
+      evaluate: 'CI_PIPELINE_DEPLOY_TARGET == "production"'
+
+depends_on:
+    - ci
+
+steps:
+    - name: Docker image build
+      image: docker:latest
+      environment:
+          REGISTRY_REPO: git.mifi.dev/mifi/umlaut-press
+          DOCKER_API_VERSION: '1.43'
+          DOCKER_BUILDKIT: '1'
+      volumes:
+          - /var/run/docker.sock:/var/run/docker.sock
+      commands:
+          - set -e
+          - echo "=== Building Docker image (BuildKit) ==="
+          - 'echo "Commit SHA: ${CI_COMMIT_SHA:0:8}"'
+          - 'echo "Registry repo: $REGISTRY_REPO"'
+          - |
+              build() {
+                docker build \
+                  --progress=plain \
+                  --platform=linux/amd64 \
+                  --tag $REGISTRY_REPO:${CI_COMMIT_SHA} \
+                  --tag $REGISTRY_REPO:latest \
+                  --label "git.commit=${CI_COMMIT_SHA}" \
+                  --label "git.branch=${CI_COMMIT_BRANCH}" \
+                  .
+              }
+              for attempt in 1 2 3; do
+                echo "Build attempt $attempt/3"
+                if build; then
+                  echo "✓ Docker image built successfully"
+                  exit 0
+                fi
+                echo "Build attempt $attempt failed, retrying in 30s..."
+                sleep 30
+              done
+              echo "All build attempts failed"
+              exit 1
+
+    - name: Send Docker Image Build Status Notification (success)
+      image: curlimages/curl
+      environment:
+          MATTERMOST_BOT_ACCESS_TOKEN:
+              from_secret: mattermost_bot_access_token
+          MATTERMOST_CHANNEL_ID:
+              from_secret: mattermost_pushes_channel_id
+          MATTERMOST_POST_API_URL:
+              from_secret: mattermost_post_api_url
+      commands:
+          - |
+              BODY=$(printf '{"channel_id":"%s","message":"[%s - Build #%s] Docker image build success 🎉"}' "$MATTERMOST_CHANNEL_ID" "$CI_REPO" "$CI_PIPELINE_NUMBER")
+              curl -sS -X POST -H "Content-Type: application/json" -d "$BODY" -H "Authorization: Bearer $MATTERMOST_BOT_ACCESS_TOKEN" "$MATTERMOST_POST_API_URL"
+      depends_on:
+          - Docker image build
+      when:
+          - status: [success]
+
+    - name: Send Docker Image Build Status Notification (failure)
+      image: curlimages/curl
+      environment:
+          MATTERMOST_BOT_ACCESS_TOKEN:
+              from_secret: mattermost_bot_access_token
+          MATTERMOST_CHANNEL_ID:
+              from_secret: mattermost_pushes_channel_id
+          MATTERMOST_POST_API_URL:
+              from_secret: mattermost_post_api_url
+      commands:
+          - |
+              BODY=$(printf '{"channel_id":"%s","message":"[%s - Build #%s] Docker image build failure 💩"}' "$MATTERMOST_CHANNEL_ID" "$CI_REPO" "$CI_PIPELINE_NUMBER")
+              curl -sS -X POST -H "Content-Type: application/json" -d "$BODY" -H "Authorization: Bearer $MATTERMOST_BOT_ACCESS_TOKEN" "$MATTERMOST_POST_API_URL"
+      depends_on:
+          - Docker image build
+      when:
+          - status: [failure]
+
+    - name: Push to registry
+      image: docker:latest
+      environment:
+          DOCKER_API_VERSION: '1.43'
+          REGISTRY_URL: git.mifi.dev
+          REGISTRY_REPO: git.mifi.dev/mifi/umlaut-press
+          REGISTRY_USERNAME:
+              from_secret: gitea_registry_username
+          REGISTRY_PASSWORD:
+              from_secret: gitea_package_token
+      volumes:
+          - /var/run/docker.sock:/var/run/docker.sock
+      commands:
+          - set -e
+          - echo "=== Pushing to registry ==="
+          - 'echo "Registry: $REGISTRY_URL"'
+          - 'echo "Repository: $REGISTRY_REPO"'
+          - |
+              echo "$REGISTRY_PASSWORD" | docker login "$REGISTRY_URL" \
+                -u "$REGISTRY_USERNAME" \
+                --password-stdin
+          - docker push $REGISTRY_REPO:${CI_COMMIT_SHA}
+          - docker push $REGISTRY_REPO:latest
+          - echo "✓ Images pushed successfully"
+      depends_on:
+          - Docker image build
+
+    - name: Send Push to Registry Status Notification (success)
+      image: curlimages/curl
+      environment:
+          MATTERMOST_BOT_ACCESS_TOKEN:
+              from_secret: mattermost_bot_access_token
+          MATTERMOST_CHANNEL_ID:
+              from_secret: mattermost_pushes_channel_id
+          MATTERMOST_POST_API_URL:
+              from_secret: mattermost_post_api_url
+      commands:
+          - |
+              BODY=$(printf '{"channel_id":"%s","message":"[%s - Build #%s] Push to registry success 🎉"}' "$MATTERMOST_CHANNEL_ID" "$CI_REPO" "$CI_PIPELINE_NUMBER")
+              curl -sS -X POST -H "Content-Type: application/json" -d "$BODY" -H "Authorization: Bearer $MATTERMOST_BOT_ACCESS_TOKEN" "$MATTERMOST_POST_API_URL"
+      depends_on:
+          - Push to registry
+      when:
+          - status: [success]
+
+    - name: Send Push to Registry Status Notification (failure)
+      image: curlimages/curl
+      environment:
+          MATTERMOST_BOT_ACCESS_TOKEN:
+              from_secret: mattermost_bot_access_token
+          MATTERMOST_CHANNEL_ID:
+              from_secret: mattermost_pushes_channel_id
+          MATTERMOST_POST_API_URL:
+              from_secret: mattermost_post_api_url
+      commands:
+          - |
+              BODY=$(printf '{"channel_id":"%s","message":"[%s - Build #%s] Push to registry failure 💩"}' "$MATTERMOST_CHANNEL_ID" "$CI_REPO" "$CI_PIPELINE_NUMBER")
+              curl -sS -X POST -H "Content-Type: application/json" -d "$BODY" -H "Authorization: Bearer $MATTERMOST_BOT_ACCESS_TOKEN" "$MATTERMOST_POST_API_URL"
+      depends_on:
+          - Push to registry
+      when:
+          - status: [failure]

.woodpecker/ci.yml

@@ -0,0 +1,89 @@
+# CI: lint and format check. Runs on every PR and every push to main.
+when:
+    - event: pull_request
+    - branch: main
+      event: push
+
+steps:
+    - name: install
+      image: node:22-alpine
+      commands:
+          - corepack enable
+          - corepack prepare pnpm@10.29.2 --activate
+          - pnpm install --frozen-lockfile
+
+    - name: Prettier Format Check
+      image: node:22-alpine
+      commands:
+          - corepack enable
+          - corepack prepare pnpm@10.29.2 --activate
+          - pnpm install --frozen-lockfile
+          - pnpm format:check
+      depends_on:
+          - install
+
+    - name: Send Prettier Format Check Status Notification (failure)
+      image: curlimages/curl
+      environment:
+          MATTERMOST_BOT_ACCESS_TOKEN:
+              from_secret: mattermost_bot_access_token
+          MATTERMOST_CHANNEL_ID:
+              from_secret: mattermost_tests_channel_id
+          MATTERMOST_POST_API_URL:
+              from_secret: mattermost_post_api_url
+      commands:
+          - |
+              BODY=$(printf '{"channel_id":"%s","message":"[%s - Build #%s] Prettier Format Check failure 💩"}' "$MATTERMOST_CHANNEL_ID" "$CI_REPO" "$CI_PIPELINE_NUMBER")
+              curl -sS -X POST -H "Content-Type: application/json" -d "$BODY" -H "Authorization: Bearer $MATTERMOST_BOT_ACCESS_TOKEN" $MATTERMOST_POST_API_URL
+      depends_on:
+          - Prettier Format Check
+      when:
+          - status: [failure]
+
+    - name: Lint Check
+      image: node:22-alpine
+      commands:
+          - corepack enable
+          - corepack prepare pnpm@10.29.2 --activate
+          - pnpm install --frozen-lockfile
+          - pnpm lint
+      depends_on:
+          - install
+
+    - name: Send Lint Status Notification (failure)
+      image: curlimages/curl
+      environment:
+          MATTERMOST_BOT_ACCESS_TOKEN:
+              from_secret: mattermost_bot_access_token
+          MATTERMOST_CHANNEL_ID:
+              from_secret: mattermost_tests_channel_id
+          MATTERMOST_POST_API_URL:
+              from_secret: mattermost_post_api_url
+      commands:
+          - |
+              BODY=$(printf '{"channel_id":"%s","message":"[%s - Build #%s] Lint failure 💩"}' "$MATTERMOST_CHANNEL_ID" "$CI_REPO" "$CI_PIPELINE_NUMBER")
+              curl -sS -X POST -H "Content-Type: application/json" -d "$BODY" -H "Authorization: Bearer $MATTERMOST_BOT_ACCESS_TOKEN" $MATTERMOST_POST_API_URL
+      depends_on:
+          - Lint Check
+      when:
+          - status: [failure]
+
+    - name: Send CI Pipeline Status Notification (success)
+      image: curlimages/curl
+      environment:
+          MATTERMOST_BOT_ACCESS_TOKEN:
+              from_secret: mattermost_bot_access_token
+          MATTERMOST_CHANNEL_ID:
+              from_secret: mattermost_tests_channel_id
+          MATTERMOST_POST_API_URL:
+              from_secret: mattermost_post_api_url
+      commands:
+          - |
+              BODY=$(printf '{"channel_id":"%s","message":"[%s - Build #%s] CI pipeline success 🎉"}' "$MATTERMOST_CHANNEL_ID" "$CI_REPO" "$CI_PIPELINE_NUMBER")
+              curl -sS -X POST -H "Content-Type: application/json" -d "$BODY" -H "Authorization: Bearer $MATTERMOST_BOT_ACCESS_TOKEN" $MATTERMOST_POST_API_URL
+      depends_on:
+          - install
+          - Prettier Format Check
+          - Lint Check
+      when:
+          - status: [success]

.woodpecker/deploy.yml

@@ -0,0 +1,70 @@
+# Deploy: build image, push to registry, trigger Portainer stack redeploy.
+# Runs on push/tag/manual to main only, after ci workflow succeeds.
+skip_clone: true
+# Use writable workspace when clone is skipped (no root clone step to create /woodpecker/src)
+workspace:
+    base: /tmp
+    path: deploy
+when:
+    - branch: main
+      event: [push, tag, manual]
+    - event: deployment
+      evaluate: 'CI_PIPELINE_DEPLOY_TARGET == "production"'
+
+depends_on:
+    - ci
+
+steps:
+    - name: Trigger Portainer stack redeploy
+      image: curlimages/curl:latest
+      environment:
+          PORTAINER_WEBHOOK_URL:
+              from_secret: portainer_webhook_url
+      commands:
+          - set -e
+          - echo "=== Triggering Portainer stack redeploy ==="
+          - |
+              resp=$(curl -s -w "\n%{http_code}" -X POST "$PORTAINER_WEBHOOK_URL")
+              body=$(echo "$resp" | head -n -1)
+              code=$(echo "$resp" | tail -n 1)
+              if [ "$code" != "200" ] && [ "$code" != "204" ]; then
+                echo "Webhook failed (HTTP $code): $body"
+                exit 1
+              fi
+              echo "✓ Portainer redeploy triggered (HTTP $code)"
+
+    - name: Send Deploy Status Notification (success)
+      image: curlimages/curl
+      environment:
+          MATTERMOST_BOT_ACCESS_TOKEN:
+              from_secret: mattermost_bot_access_token
+          MATTERMOST_CHANNEL_ID:
+              from_secret: mattermost_pushes_channel_id
+          MATTERMOST_POST_API_URL:
+              from_secret: mattermost_post_api_url
+      commands:
+          - |
+              BODY=$(printf '{"channel_id":"%s","message":"[%s - Build #%s] Production Deploy success 🎉"}' "$MATTERMOST_CHANNEL_ID" "$CI_REPO" "$CI_PIPELINE_NUMBER")
+              curl -sS -X POST -H "Content-Type: application/json" -d "$BODY" -H "Authorization: Bearer $MATTERMOST_BOT_ACCESS_TOKEN" "$MATTERMOST_POST_API_URL"
+      depends_on:
+          - Trigger Portainer stack redeploy
+      when:
+          - status: [success]
+
+    - name: Send Deploy Status Notification (failure)
+      image: curlimages/curl
+      environment:
+          MATTERMOST_BOT_ACCESS_TOKEN:
+              from_secret: mattermost_bot_access_token
+          MATTERMOST_CHANNEL_ID:
+              from_secret: mattermost_pushes_channel_id
+          MATTERMOST_POST_API_URL:
+              from_secret: mattermost_post_api_url
+      commands:
+          - |
+              BODY=$(printf '{"channel_id":"%s","message":"[%s - Build #%s] Production Deploy failure 💩"}' "$MATTERMOST_CHANNEL_ID" "$CI_REPO" "$CI_PIPELINE_NUMBER")
+              curl -sS -X POST -H "Content-Type: application/json" -d "$BODY" -H "Authorization: Bearer $MATTERMOST_BOT_ACCESS_TOKEN" "$MATTERMOST_POST_API_URL"
+      depends_on:
+          - Trigger Portainer stack redeploy
+      when:
+          - status: [failure]

Dockerfile

@@ -0,0 +1,12 @@
+# PHP 7.4 for legacy archive compatibility (sites unchanged since ~2010)
+FROM php:7.4-fpm-alpine
+
+RUN apk add --no-cache nginx bash
+
+COPY php/conf.d/ /usr/local/etc/php/conf.d/
+COPY nginx/conf.d/ /etc/nginx/conf.d/
+COPY entrypoint.sh /entrypoint.sh
+RUN chmod +x /entrypoint.sh
+COPY src/ /usr/share/nginx/html/
+
+ENTRYPOINT ["/entrypoint.sh"]

README.md

@@ -0,0 +1,88 @@
+# Umlaut Press
+
+Static site plus legacy PHP archive (preservation), served by Nginx and PHP 7.4-FPM in a single Docker container.
+
+---
+
+## Architecture (refresher)
+
+- **One container**: Nginx (port 80) + PHP 7.4-FPM (localhost:9000). The image is built from the root `Dockerfile` and used for production.
+- **Web root**: Everything under `src/` is copied into the image at `/usr/share/nginx/html/`. Nginx serves static files and proxies `*.php` to PHP-FPM.
+- **Static**: HTML, CSS, JS, images, fonts — served by Nginx with cache rules (short cache for HTML, long for assets).
+- **PHP**: Used for the legacy archive under `src/site_archive/` (sites unchanged since ~2010). PHP runs in a compatibility-oriented mode (see below); apps that need a database (e.g. old WordPress/phpBB in the archive) will not work fully, but simple PHP pages do.
+- **Production base**: `php:7.4-fpm-alpine` (Alpine, minimal). **Dev container**: `php:7.4-fpm` (Debian) so Cursor/VS Code have bash; see [.devcontainer/README.md](.devcontainer/README.md).
+
+### Request flow
+
+1. Request hits Nginx (port 80).
+2. Static file (e.g. `.html`, `.css`, `.js`, images) → Nginx serves from `/usr/share/nginx/html/` with the appropriate cache headers.
+3. `*.php` → Nginx passes to PHP-FPM on 127.0.0.1:9000; PHP runs the script and returns the response.
+
+### Startup (inside container)
+
+`entrypoint.sh` runs when the container starts:
+
+1. Start PHP-FPM in the background (`php-fpm -D`).
+2. Start Nginx in the foreground (`nginx -g 'daemon off;'`) so the container stays up.
+
+---
+
+## Directory layout
+
+| Path | Purpose |
+|------|--------|
+| `src/` | Web root: static site + `site_archive/` (legacy PHP). Deploy = copy this into the image. |
+| `nginx/conf.d/` | Nginx server config: `default.conf` (vhost, cache rules, PHP location). |
+| `php/conf.d/` | PHP overrides: `99-legacy.ini` (error_reporting, short_open_tag, limits for old code). |
+| `entrypoint.sh` | Starts PHP-FPM then Nginx. |
+| `Dockerfile` | Production image: Alpine + Nginx + PHP 7.4-FPM, configs and `src/` copied in. |
+| `.devcontainer/` | Dev container (Debian-based) for local testing; mounts `src/` for live edits. |
+| `.woodpecker/` | CI (lint, etc.) and build/deploy (Docker build, push, Portainer). |
+
+---
+
+## Run locally
+
+### Option A: Docker (no dev container)
+
+```bash
+docker build -t umlaut-press .
+docker run -p 8080:80 umlaut-press
+```
+
+Then open **http://localhost:8080** (and e.g. `http://localhost:8080/site_archive/2004/` for the archive).
+
+### Option B: Dev container (recommended for editing)
+
+1. Open repo in Cursor/VS Code.
+2. Command Palette → **“Dev Containers: Reopen in Container”**.
+3. When the container is up, open **http://localhost** (port 80 is forwarded). Edits under `src/` are reflected on refresh.
+
+Details and troubleshooting (e.g. “bash not found” / old container reuse): [.devcontainer/README.md](.devcontainer/README.md).
+
+---
+
+## Build and deploy
+
+- **Scripts** (see `package.json`): `docker:build`, `docker:push` (image tag: `git.mifi.dev/mifi/umlaut-press:latest`).
+- **CI**: `.woodpecker/ci.yml` (e.g. format/lint). **Build/deploy**: `.woodpecker/build.yml` and `.woodpecker/deploy.yml` — on push/tag to `main`, build the image, push to the registry, and trigger the Portainer stack redeploy.
+
+---
+
+## PHP legacy / compatibility
+
+- **Version**: PHP 7.4 (EOL) chosen so pre-2010 archive code runs without changes.
+- **Config**: `php/conf.d/99-legacy.ini` — suppresses deprecation/strict notices, enables `short_open_tag`, raises limits. Keeps the archive viewable; not for running DB-backed apps (WordPress, phpBB, etc.) unless you add a DB and config.
+
+---
+
+## Quick reference
+
+| I want to… | Do this |
+|------------|--------|
+| Test the site locally | Use the dev container (Reopen in Container) and open http://localhost. |
+| Change Nginx (cache, vhost) | Edit `nginx/conf.d/default.conf`, rebuild image. |
+| Change PHP behavior | Edit `php/conf.d/99-legacy.ini`, rebuild image. |
+| Add or change static/PHP content | Edit or add files under `src/`. In dev container, just refresh the browser. |
+| Build the production image | `pnpm run docker:build` or `docker build -t umlaut-press .` |
+| Deploy | Push to `main` (Woodpecker builds and deploys) or run `docker:push` and update the stack yourself. |

docker-compose.yml

@@ -0,0 +1,34 @@
+services:
+    service:
+        image: git.mifi.dev/...:${IMAGE_TAG:-latest}
+        container_name: service
+        environment:
+            - ENV_NAME=value
+        healthcheck:
+            test:
+                [
+                    'CMD',
+                    '/usr/local/bin/healthcheck.sh',
+                    '--connect',
+                    '--innodb_initialized'
+                ]
+            retries: 10
+            start_period: 20s
+        networks:
+            - network
+        volumes:
+            - volume:/var/lib/...
+            - other_volume:/var/lib/...
+        depends_on:
+            - other service
+        restart: unless-stopped
+
+networks:
+    network:
+        external: true
+
+volumes:
+    volume:
+        external: true
+    other_volume:
+        external: false

entrypoint.sh

@@ -0,0 +1,5 @@
+#!/bin/sh
+set -e
+# Start PHP-FPM in the background (official php image: /usr/local/sbin/php-fpm)
+/usr/local/sbin/php-fpm -D
+exec nginx -g 'daemon off;'

nginx/conf.d/default.conf

@@ -0,0 +1,51 @@
+server {
+    listen 80;
+    listen [::]:80;
+    server_name localhost;
+    root /usr/share/nginx/html;
+    index index.php index.html index.htm;
+
+    # HTML: revalidate so content updates are seen quickly
+    location ~* \.html?$ {
+        add_header Cache-Control "public, no-cache";
+        try_files $uri $uri/ =404;
+    }
+
+    # Versioned/hashed assets: long cache, immutable
+    location ~* \.(js|css)$ {
+        expires 1y;
+        add_header Cache-Control "public, immutable";
+        try_files $uri =404;
+    }
+
+    # Images and media
+    location ~* \.(ico|png|jpg|jpeg|gif|webp|svg|avif)$ {
+        expires 30d;
+        add_header Cache-Control "public";
+        try_files $uri =404;
+    }
+
+    # Fonts
+    location ~* \.(woff2?|ttf|otf|eot)$ {
+        expires 1y;
+        add_header Cache-Control "public, immutable";
+        try_files $uri =404;
+    }
+
+    # PHP (e.g. site_archive)
+    location ~ \.php$ {
+        try_files $uri =404;
+        fastcgi_split_path_info ^(.+\.php)(/.+)$;
+        fastcgi_pass 127.0.0.1:9000;
+        fastcgi_index index.php;
+        include fastcgi_params;
+        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
+        fastcgi_param PATH_INFO $fastcgi_path_info;
+    }
+
+    # Default: serve static files, then try directory/index, then 404
+    location / {
+        add_header Cache-Control "public, no-cache";
+        try_files $uri $uri/ /index.html =404;
+    }
+}

package.json

@@ -0,0 +1,20 @@
+{
+  "name": "umlaut-press",
+  "version": "1.0.0",
+  "packageManager": "pnpm@10.29.3",
+  "scripts": {
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "lint": "yamllint .woodpecker/ci.yml .woodpecker/build.yml .woodpecker/deploy.yml docker-compose.yml",
+    "docker:build": "docker build --platform linux/amd64 -t git.mifi.dev/mifi/umlaut-press:latest .",
+    "docker:push": "docker push git.mifi.dev/mifi/umlaut-press:latest"
+  },
+  "devDependencies": {
+    "prettier": "^3.4.2",
+    "yaml-lint": "^1.7.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://git.mifi.dev/mifi/umlaut-press.git"
+  }
+}

php/conf.d/99-legacy.ini

@@ -0,0 +1,17 @@
+; Legacy compatibility for pre-2010 archive PHP (preservation mode).
+; Keeps old code runnable without modern strictness or deprecation noise.
+
+; Only report real errors, hide deprecations and strict notices
+error_reporting = E_ALL & ~E_DEPRECATED & ~E_STRICT
+
+; Show errors in output (helpful when debugging legacy pages)
+display_errors = On
+display_startup_errors = On
+
+; Relaxed execution for old scripts
+short_open_tag = On
+
+; Generous limits for legacy uploads/forms
+memory_limit = 128M
+max_execution_time = 60
+max_input_time = 60

src/css/_notes/dwsync.xml

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8" ?>

src/css/images/_notes/dwsync.xml

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8" ?>

src/css/up2007.css

@@ -0,0 +1,647 @@
+/*
+
+	UMLAUT PRESS CSS 
+	
+	Rev: 2007.06.25
+	
+	By: Michael Gerard (m.gerard@umlautpress.com)
+	
+	COLOR SCHEME
+	------------
+	BLUE:		rgb(73,86,156)
+	DARK BLUE:	rgb(28,37,80)
+	GREEN:		rgb(192,221,155)
+	MERLOT:		rgb(80,29,45)
+	TAN: 		rgb(169,148,113)
+	
+*/
+
+
+body {
+	color: #fff;
+	background-color: #49569c;
+	text-align: center;
+	font: 62.5% Optima, 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
+	}
+
+#container {
+	width: 800px;
+	margin-left: auto;
+	margin-right: auto;
+	background: transparent url('images/content_bg.jpg') repeat-y left top;
+	}
+
+#header {
+	width: 800px;
+	height: 109px;
+	background: transparent url('images/header.jpg') no-repeat left top;
+	}
+
+#content {
+	width: 100%;
+	margin: 0 0 0 0;
+	text-align: left;
+	font-size: 1.4em;
+	}
+
+.single {
+	float: left;
+	width: 530px;
+	padding: 0 5px 0 5px;
+	}
+
+.single404 {
+	margin: 0 20px 0 20px;
+	text-align: center;
+	line-height: 1.4em;
+	}
+
+.single404 a, .single404 a:visited {
+	color: #fff;
+	font-weight: bold;
+	text-decoration: none;
+	}
+
+.single404 a:hover {
+	color: rgb(192,221,155);
+	font-weight: bold;
+	text-decoration: none;	
+	}
+	
+.intro {
+	text-align: center;
+	line-height: 1.4em;
+	}
+
+.intro p:first-letter {
+	color: rgb(192,221,155);
+	font-size: 1.8em;
+	font-weight: bold;
+	text-shadow: 0 1px 1px #000;
+	font-style: italic;
+	}
+
+.intro p:first-line {
+	font-weight: bold;
+	}
+
+.column {
+	width: 260px;
+	margin: 0 0 0 10px;
+	float: left;
+	}
+
+.star_hbar {
+	background: transparent url('images/star_hbar.jpg') no-repeat right bottom;
+	padding-bottom: 116px;
+	}
+
+
+#sidebar {
+	width: 240px;
+	margin: 25px 5px 0 5px;
+	float: right;
+	background: transparent url('images/sidebar_top.jpg') no-repeat left top;
+	}
+
+#sidebar_btm {
+	bottom: 0;
+	width: 240px;
+	height: 20px;
+	background: transparent url('images/sidebar_btm.jpg') no-repeat left top;
+	}
+
+#sidebar p {
+	padding: 0 15px 0 15px;
+	}
+
+.list_column {
+	width: 128px;
+	margin: 0 2px 0 0;
+	float: left;
+	}
+	
+#footer {
+	width: 800px;
+	height: 103px;
+	background: transparent url('images/footer.jpg') no-repeat left bottom;	
+	bottom: 0px;
+	}
+
+p.contact {
+	font-size: 1.5em;
+	line-height: 2.0em;
+	font-family: Optima, Arial, sans-serif;
+	color: red;
+	margin: 10px 0 10px 0;
+	}
+
+#copyright {
+	font-size: 1.0em;
+	font-family: Optima, Arial, sans-serif;
+	}
+
+#copyright a, #copyright a:visited {
+	color: #fff;
+	text-decoration: none;
+	}
+
+#copyright a:hover {
+	color: rgb(192,221,155);
+	}
+
+span.validate {
+	font-size: .9em;
+	line-height: 1.2em;
+	font-family: Impact, Arial, sans-serif;
+	}
+
+span.validate a {
+	color: #fff;
+	text-decoration: none;
+	}
+
+span.validate a:hover {
+	color: rgb(192,221,155);
+	text-decoration: none;
+	}
+
+/*- CONTACT FORM */
+
+#contact_wrap {
+	width: 510px;
+	margin: 0 5px 0 5px;
+	padding-left: 10px;
+	float: left;
+	background: transparent url('images/contact_vbar.jpg') no-repeat 0 20px;
+	}
+
+#contact_wrap404 {
+	width: 600px;
+	text-align: left;
+	}
+
+#contact_wrap p {
+	padding: 0 0 0 5px;
+	}
+
+#l_contact, #r_contact {
+	float: left;
+	margin: 0 5px 0 5px;
+	}
+
+#l_contact {
+	width: 225px;
+	}
+	
+#r_contact {
+	width: 235px;
+	}
+
+fieldset {
+	border: none;
+	}
+
+input:focus, textarea:focus {
+	background: rgb(192,221,155);
+	}
+
+form#contact_form label {
+	font-weight: bold;
+	}
+	
+.l_field_bg input, .s_field_bg select {
+	height: 19px;
+	margin: 8px 0 5px 0;
+	border: 1px solid #1e478d;
+	}
+
+.l_field_bg {
+	width: 225px;
+	min-height: 35px;
+	background: transparent url('images/l_field_bg.jpg') no-repeat left top;
+	text-align: center;
+	margin-bottom: 5px;
+	}
+
+.l_field_bg input {
+	width: 205px;
+	opacity: 0.75;
+	}
+
+.s_field_bg {
+	width: 245px;
+	min-height: 35px;
+	background: transparent url('images/s_field_bg.jpg') no-repeat left top;
+	text-align: center;
+	margin-bottom: 5px;
+	}
+
+.s_field_bg select {
+	width: 225px;
+	opacity: 0.75;
+	}
+
+.a_field_bg {
+	width: 245px;
+	height: 114px;
+	background: transparent url('images/a_field_bg.jpg') no-repeat left top;
+	text-align: center;
+	margin-bottom: 3px;
+	}
+
+.a_field_bg textarea {
+	margin: 8px 0 5px 0;
+	border: 1px solid #1e478d;
+	width: 225px;
+	height: 94px !important;
+	padding-left: 3px;
+	opacity: 0.75;
+	}
+
+.validation-advice {
+	color: #FFFF00;
+	text-align: right;
+	padding-top: 3px;
+	background: transparent url('images/error.png') no-repeat left center;
+	margin-bottom: 3px;
+	}
+ 
+/*- JS OVERLAYS */ 
+
+#overlay {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	background-color: rgb(28,37,80);
+	z-index: 1000;
+	text-align: center;
+	}
+
+#outer_pop_wrap {
+	position: relative;
+	width: 700px;
+	height: 570px;
+	top: -1000px;
+	margin-left: auto;
+	margin-right: auto;
+	font-size: 1.2em;
+	z-index: 2000;
+	}
+
+#outer_pop_wrap .pop404 {
+	height: auto !important;
+	}
+
+#portpop_top {
+	width: 700px;
+	height: 15px;
+	background: transparent url('images/portpop_top.png') repeat-y left top;
+	}
+
+#pop_wrap {
+	color: rgb(28,37,80);
+	background: transparent url('images/portpop_bg.png') repeat-y left top;
+	}
+
+#portpop_btm {
+	position: absolute;
+	bottom: 0;
+	width: 700px;
+	height: 20px;
+	background: transparent url('images/portpop_btm.png') repeat-y left bottom;
+	}
+	
+#pop_wrap .l_popcol a, #pop_wrap .l_popcol a:visited {
+	color: rgb(80,29,45);
+	}
+
+#pop_wrap a {
+	text-decoration: none;
+	}
+
+#pop_wrap a:hover {
+	color: #fff;
+	text-decoration: none;
+	}
+
+#popcol_wrap {
+	width: 700px;
+	height: 500px;
+	}
+
+#popcol_wrap .l_popcol,
+#popcol_wrap .r_popcol {
+	float: left;
+	overflow: hidden;
+	}
+
+#popcol_wrap #l_popcol_wrap {
+	width: 185px;
+	height: 480px;
+	float: left;
+	text-align: right;
+	margin-left: 5px;
+	}
+
+.l_popcol_top {
+	width: 185px;
+	height: 10px;
+	background: transparent url('images/l_popcol_top.png') no-repeat left top;
+	}
+
+.l_popcol {
+	width: 175px;
+	height: 460px;
+	background: transparent url('images/l_popcol_bg.png') repeat-y left top;
+	padding: 0 5px 0 5px;
+	}
+
+.l_popcol_btm {
+	width: 185px;
+	height: 10px;
+	background: transparent url('images/l_popcol_btm.png') no-repeat left bottom;
+	}
+
+.r_popcol {
+	text-align: center;
+	width: 490px;
+	height: 500px;
+	padding: 0 10px 0 0;
+	overflow: hidden;
+	}
+
+.r_popcol .img_wrap {
+	width: 500px;
+	height: 480px;
+	background: transparent url('images/loading.gif') no-repeat center center;
+	}
+
+#portpop_nav {
+	width: 700px;
+	text-align: center;
+	height: 20px;
+	font-weight: bold;
+	padding-top: 15px;
+	}
+
+#portpop_nav a {
+	color: rgb(80,29,45);
+	}
+	
+#portpop_nav.web_head {
+	background: transparent url('images/poph_web.jpg') no-repeat left top;
+	}
+
+#portpop_nav.print_head {
+	background: transparent url('images/poph_print.jpg') no-repeat left top;
+	}
+
+#portpop_nav.corp_id_head{
+	background: transparent url('images/poph_corp_id.jpg') no-repeat left top;
+	}
+
+/*- MISC TAGS AND CLASSES */
+
+/* HEADINGS */
+
+h1, h2, h3, h4 {
+	font-family: Optima, 'Lucida Grande', Verdana, Arial, Sans-Serif;
+	}
+
+h1 {
+	color: rgb(192,221,155);
+	font-size: 2.5em;
+	text-shadow: 0 1px 1px #000; /*rgba(0,0,0,.75);*/
+	}
+
+h2 {
+	color: rgb(192,221,155);
+	margin-bottom: 0;
+	font-size: 2.0em;
+	text-shadow: 0 1px 1px #000; /*rgba(0,0,0,.75);*/
+	}
+
+h3 {
+	color: rgb(192,221,155);
+	margin-bottom: 0;
+	font-size: 1.8em;
+	text-shadow: 0 1px 1px #000; /*rgba(0,0,0,.75);*/
+	}
+
+h4 {
+	color: rgb(192,221,155); /* DARK BLUE --> rgb(28,37,80); */
+	margin-bottom: 0;
+	font-size: 1.6em;
+	text-shadow: 0 1px 1px #000; /* GREEN GLOW --> 0 0 5px rgb(192,221,155); */
+	}
+
+#sidebar h4 {
+	color: rgb(28,37,80);
+	margin-left: 15px;
+	margin-top: 10px;
+	text-shadow: 0 -1px 1px #000;
+	}
+
+#pop_wrap h4 {
+	color: rgb(80,29,45);
+	margin: 0;
+	}
+
+.img_replacement {
+	text-indent: -9999px;
+	}
+
+/* LISTS */
+
+ul {
+	list-style-type: none;
+	padding: 0;
+	margin: 0;
+	}
+
+/* bullet lists */
+.list_column ul {
+	list-style-image: url('images/li_bullet.jpg');
+	list-style-position: inside;
+	margin-bottom: 10px;
+	}
+
+.list_column ul li {
+	margin-bottom: 5px;
+	font-size: 0.9em;
+	}
+
+/* portfolio image list */
+ul.portfolio {
+	margin-left: 10px;
+	}
+
+ul.portfolio li {
+	width: 105px;
+	height: 60px;
+	display: inline;
+	float: left;
+	margin: 2px;
+	}
+
+div.portfolio_wrap {
+	width: 105px;
+	height: 60px;
+	background: transparent url('images/portfolio_bg.jpg') no-repeat left top;
+	}
+
+div.portfolio_wrap:hover {
+	background: transparent url('images/portfolio_bg_on.jpg') no-repeat left top;
+	}
+	
+div.portfolio_wrap img {
+	margin: 5px 0 0 10px;
+	height: 50px;
+	}
+
+/* portfolio image navigation (popups) */
+#img_nav {
+	bottom: 0;
+	}
+
+ul.portnav {
+	float: right;
+	}
+
+ul.portnav li {
+	float: left;
+	display: inline;
+	margin-right: 5px;
+	}
+
+ul.portnav li a {
+	color: #fff;
+	font-weight: bold;
+	display: block;
+	width: 20px;
+	background-color: rgb(80,29,45);
+	}
+
+ul.portnav li a:hover {
+	color: rgb(80,29,45) !important;
+	background-color: #fff !important;
+	text-decoration: none !important;
+	}
+	
+/* ALIGNMENT */
+
+/* text alignment */
+.center {
+	text-align: center;
+	}
+
+.alignleft {
+	float: left;
+	}
+
+.alignright {
+	float: right;
+	}
+
+/* image alignment */
+img.center, img[align="center"] {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+	}
+
+img.alignleft, img[align="left"] {
+	padding: 4px;
+	margin: 0 7px 2px 0;
+	display: inline;
+	}
+
+img.alignright, img[align="right"] {
+	padding: 4px;
+	margin: 0 0 2px 7px;
+	display: inline;
+	}
+
+/* GLOBAL */
+a, a:hover, a:active { outline: none; }
+
+.hidden {
+	visibility: hidden;
+	}
+
+.clear {
+	clear: both;
+	}
+
+.clear_l {
+	clear: left;
+	}
+
+.clear_r {
+	clear: right;
+	}
+
+.bold {
+	font-weight: bold;
+	}
+
+p.indent {
+	padding-left: 10px;
+	}
+
+img {
+	border: none;
+	border: 0;
+	}
+
+/*- BROWSER / OS SPECIFIC */
+
+/* Windows */ 
+.win .list_column {
+	font-size: 0.9em;
+	}
+	
+.win #copyright {
+	font-size: 1.1em;
+	}
+
+.win .validation-advice {
+	font-size: 0.8em;
+	}
+
+.win #outer_pop_wrap {
+	margin: 20px auto;
+	}
+
+.win .l_popcol {
+	font-size: 0.9em;
+	}
+
+.win h1 {
+	font-size: 2.2em;
+	}
+
+.win h2 {
+	font-size: 1.7em;
+	}
+
+.win h3 {
+	font-size: 1.5em;
+	}
+
+.win h4 {
+	font-size: 1.3em;
+	}
+
+.win .list_column ul {
+	list-style-position: outside;
+	padding-left: 15px;
+	}
+
+/* Firefox (Win) */
+.win.gecko #outer_pop_wrap {
+	margin: 10px auto;
+	}

src/css/up2007_ie.css

@@ -0,0 +1,127 @@
+/*
+
+	UMLAUT PRESS IE 6 CSS 
+	
+	Rev: 2007.06.25
+	
+	By: Michael Gerard (m.gerard@umlautpress.com)
+	
+	COLOR SCHEME
+	------------
+	BLUE:		rgb(73,86,156)
+	DARK BLUE:	rgb(28,37,80)
+	GREEN:		rgb(192,221,155)
+	MERLOT:		rgb(80,29,45)
+	TAN: 		rgb(169,148,113)
+	
+*/
+
+/*- PAGE LAYOUT */
+
+.column {
+	margin: 0 0 0 5px;
+	}
+
+.list_column {
+	font-size: 0.9em;
+	margin: 0 2px 0 0;
+	}
+
+#copyright {
+	font-size: 1.1em;
+	}
+
+
+/*- CONTACT FORM */
+
+.l_field_bg input {
+	filter: alpha(opacity: 75);
+	}
+
+.s_field_bg select {
+	filter: alpha(opacity: 75);
+	}
+
+.a_field_bg textarea {
+	filter: alpha(opacity: 75);
+	}
+
+.validation-advice {
+	font-size: 0.8em;
+	background: transparent url('http://www.umlautpress.com/css/images/ie/error.gif') no-repeat left center;
+	}
+
+/*- JS OVERLAY POPUPS */
+
+#outer_pop_wrap {
+	margin: 20px auto;
+	}
+
+#portpop_top {
+	background: transparent url('http://www.umlautpress.com/css/images/ie/portpop_top.jpg') repeat-y left top;
+	}
+
+#pop_wrap {
+	background: transparent url('http://www.umlautpress.com/css/images/ie/portpop_bg.jpg') repeat-y left top;
+	}
+
+#portpop_btm {
+	bottom: 6px;
+	left: 0;
+	background: transparent url('http://www.umlautpress.com/css/images/ie/portpop_btm.jpg') repeat-y left bottom;
+	}
+
+#popcol_wrap #l_popcol_wrap {
+	text-align: right;
+	margin-top: -4px;
+	margin-left: 3px;
+	}
+
+.l_popcol_top {
+	background: transparent url('http://www.umlautpress.com/css/images/l_popcol_top.png') no-repeat left bottom;
+	}
+
+.l_popcol {
+	font-size: 0.9em;
+	width: 185px;
+	height: 460px;
+	}
+
+.l_popcol_btm {
+	background: transparent url('http://www.umlautpress.com/css/images/l_popcol_btm.png') no-repeat left top;
+	}
+
+.r_popcol {
+	width: 500px;
+	padding: 0 0 0 0;
+	}
+
+/*- MISC. TAGS AND CLASSES */
+
+/* HEADINGS */
+
+h1 {
+	font-size: 2.2em;
+	}
+
+h2 {
+	margin-top: 20px;
+	font-size: 1.7em;
+	}
+
+h3 {
+	font-size: 1.5em;
+	}
+
+h4 {
+	margin-top: 20px;
+	font-size: 1.3em;
+	}
+
+/* LISTS */
+
+/* bullet lists */
+.list_column ul {
+	list-style-position: outside;
+	padding-left: 10px;
+	}

src/css/up2007_ie7.css

@@ -0,0 +1,95 @@
+/*
+
+	UMLAUT PRESS IE 7 CSS 
+	
+	Rev: 2007.06.25
+	
+	By: Michael Gerard (m.gerard@umlautpress.com)
+	
+	COLOR SCHEME
+	------------
+	BLUE:		rgb(73,86,156)
+	DARK BLUE:	rgb(28,37,80)
+	GREEN:		rgb(192,221,155)
+	MERLOT:		rgb(80,29,45)
+	TAN: 		rgb(169,148,113)
+	
+*/
+
+/*- PAGE LAYOUT */
+
+.list_column {
+	font-size: 0.9em;
+	margin: 0 2px 0 0;
+	}
+
+#copyright {
+	font-size: 1.1em;
+	}
+
+
+/*- CONTACT FORM */
+
+.l_field_bg input {
+	margin: 5px 0 5px 0;
+	}
+
+.l_field_bg input {
+	filter: alpha(opacity: 75);
+	}
+
+.s_field_bg select {
+	filter: alpha(opacity: 75);
+	}
+
+.a_field_bg textarea {
+	filter: alpha(opacity: 75);
+	}
+
+.validation-advice {
+	font-size: 0.8em;
+	}
+
+/*- JS OVERLAY POPUPS */
+
+#outer_pop_wrap {
+	margin: 20px auto;
+	}
+
+#portpop_btm {
+	left: 0;
+	}
+
+.l_popcol {
+	font-size: 0.9em;
+	}
+
+/*- MISC. TAGS AND CLASSES */
+
+/* HEADINGS */
+
+h1 {
+	font-size: 2.2em;
+	}
+
+h2 {
+	margin-top: 20px;
+	font-size: 1.7em;
+	}
+
+h3 {
+	font-size: 1.5em;
+	}
+
+h4 {
+	margin-top: 20px;
+	font-size: 1.3em;
+	}
+
+/* LISTS */
+
+/* bullet lists */
+.list_column ul {
+	list-style-position: outside;
+	padding-left: 15px;
+	}

src/devlab/.htaccess

@@ -0,0 +1,9 @@
+AuthUserFile /srv/www/umlautpress.com/passwd/devlab.passwd
+AuthName "Umlaut Press Development Lab"
+AuthType Basic
+Satisfy Any
+<Limit GET POST>
+order deny,allow
+deny from all
+require valid-user
+</Limit>

src/devlab/index.php

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>&Uuml;mlaut Press | Development Lab</title>
+</head>
+<body>
+	<h1>&Uuml;mlaut Press | Development Lab</h1>
+</body>
+</html>

src/devlab/info.php

@@ -0,0 +1 @@
+<?php phpinfo(); ?>

src/devlab/mealplan/.htaccess

@@ -0,0 +1,3 @@
+# PHP Error Logging
+php_flag  log_errors on
+php_value error_log  /srv/www/umlautpress.com/public_html/devlab/mealplan/log/PHP_errors.log

src/devlab/mealplan/css/smoothness/jquery-ui-1.8.1.custom.css

@@ -0,0 +1,486 @@
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+
+
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+*/
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 0.9em; }
+.ui-widget .ui-widget { font-size: 0.8em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 0.8em; }
+.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
+.ui-widget-content a { color: #222222; }
+.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
+.ui-widget-header a { color: #222222; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
+.ui-widget :active { outline: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
+.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
+.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
+.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
+.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
+.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
+.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
+.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
+.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* Resizable
+----------------------------------*/
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Accordion
+----------------------------------*/
+.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
+.ui-accordion .ui-accordion-li-fix { display: inline; }
+.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
+.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
+/* IE7-/Win - Fix extra vertical space in lists */
+.ui-accordion a { zoom: 1; }
+.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
+.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
+.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
+.ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete
+----------------------------------*/
+.ui-autocomplete { position: absolute; cursor: default; }	
+.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
+
+/* workarounds */
+* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
+
+/* Menu
+----------------------------------*/
+.ui-menu {
+	list-style:none;
+	padding: 2px;
+	margin: 0;
+	display:block;
+}
+.ui-menu .ui-menu {
+	margin-top: -3px;
+}
+.ui-menu .ui-menu-item {
+	margin:0;
+	padding: 0;
+	zoom: 1;
+	float: left;
+	clear: left;
+	width: 100%;
+}
+.ui-menu .ui-menu-item a {
+	text-decoration:none;
+	display:block;
+	padding:.2em .4em;
+	line-height:1.5;
+	zoom:1;
+}
+.ui-menu .ui-menu-item a.ui-state-hover,
+.ui-menu .ui-menu-item a.ui-state-active {
+	font-weight: normal;
+	margin: -1px;
+}
+/* Button
+----------------------------------*/
+
+.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
+.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
+button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
+.ui-button-icons-only { width: 3.4em; } 
+button.ui-button-icons-only { width: 3.7em; } 
+
+/*button text element */
+.ui-button .ui-button-text { display: block; line-height: 1.4;  }
+.ui-button-text-only .ui-button-text { padding: .4em 1em; }
+.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
+.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
+.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
+/* no icon support for input elements, provide padding by default */
+input.ui-button { padding: .4em 1em; }
+
+/*button icon element(s) */
+.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
+.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
+.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
+.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
+
+/*button sets*/
+.ui-buttonset { margin-right: 7px; }
+.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
+
+/* workarounds */
+button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
+
+
+
+
+
+/* Dialog
+----------------------------------*/
+.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
+.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
+/* Slider
+----------------------------------*/
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
+----------------------------------*/
+.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
+.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
+.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
+/* Datepicker
+----------------------------------*/
+.ui-datepicker { width: 17em; padding: .2em .2em 0; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.5em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { font-size:0.9em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month, 
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker table {width: 100%; font-size: .8em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi { width:auto; }
+.ui-datepicker-multi .ui-datepicker-group { float:left; }
+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+.ui-datepicker-row-break { clear:both; width:100%; }
+
+/* RTL support */
+.ui-datepicker-rtl { direction: rtl; }
+.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+    display: none; /*sorry for IE5*/
+    display/**/: block; /*sorry for IE5*/
+    position: absolute; /*must have*/
+    z-index: -1; /*must have*/
+    filter: mask(); /*must have*/
+    top: -4px; /*must have*/
+    left: -4px; /*must have*/
+    width: 200px; /*must have*/
+    height: 200px; /*must have*/
+}/* Progressbar
+----------------------------------*/
+.ui-progressbar { height:2em; text-align: left; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

src/devlab/mealplan/footer.php

@@ -0,0 +1,7 @@
+	</div> <!-- #content -->
+	<div id="footer">
+	    <p class="center">&copy; 2009-<?php echo date('Y'); ?> ARAMARK / Seminole Dining. All rights reserved.</p>
+		<p class="center">This program contains sensitive information and is for authorized users only. To report unauthorized access, please contact <a href="mailto:<?php echo get_admin_settings('adminmail'); ?>" title="E-mail administrator"><?php echo get_admin_settings('adminmail'); ?></a>.</p>
+	</div> <!-- #footer -->
+</body>
+</html>

src/devlab/mealplan/header.php

@@ -0,0 +1,17 @@
+<?php 
+	require_once("includes/inc.iniset.php");
+			
+	// Page specific requires
+	$youarehere = this_page($_SERVER['PHP_SELF']);
+	switch($youarehere){
+        case "reports":
+		    require_once('includes/db.reports.php');
+            break;
+        case "settings":
+		    require_once('includes/db.settings.php');
+            break;            
+	}
+
+	include_once(MEALPLAN_TEMPLATE_DIR . "/header.php");
+?>
+