merge

97 files changed, 4220 insertions, 1884 deletions

diff --git a/module/web/ServerThread.py b/module/web/ServerThread.py
new file mode 100644
index 000000000..1276966ef
--- /dev/null
+++ b/module/web/ServerThread.py
@@ -0,0 +1,58 @@
+#!/usr/bin/env python
+from __future__ import with_statement
+import threading
+from os.path import join
+from os.path import exists
+from subprocess import Popen, PIPE, STDOUT
+from time import sleep
+from signal import SIGINT
+import os
+
+class WebServer(threading.Thread):
+    def __init__(self, pycore):
+        threading.Thread.__init__(self)
+        self.pycore = pycore
+        self.running = True
+        self.setDaemon(True)
+    
+    def run(self):
+        host = self.pycore.config['webinterface']['host']
+        port = self.pycore.config['webinterface']['port']
+        
+        if not exists(join(self.pycore.path,"module","web","pyload.db")):
+            print "########## IMPORTANT ###########"
+            print "###        Database for Webinterface doesnt exitst, it will not be available."
+            print "###        Please run: python %s syncdb" % join(self.pycore.path,"module","web","manage.py")
+            print "###        You have to add at least one User, to gain access to webinterface: python %s createsuperuser" % join(self.pycore.path,"module","web","manage.py")
+            print "###        Dont forget to restart pyLoad if you are done."
+            print "################################"
+            raise Exception, "Database doesnt exists, please use syncdb"
+        
+        self.pycore.logger.info("Starting Webserver: %s:%s" % (host,port) )
+        
+        if os.name == 'posix':
+            command = ['python',join(self.pycore.path,"module","web","run_unix.py"), "runserver", "%s:%s" % (host,port)]
+            self.p = Popen(command, close_fds=True, stderr=PIPE, stdin=PIPE, stdout=PIPE)
+            #os.system("python " + join(self.pycore.path,"module","web","manage.py runserver %s:%s" % (host,port)))
+            #@TODO: better would be real python code
+            sleep(1)
+            with open("webserver.pid", "r") as f:
+                self.pid = int(f.read().strip())
+            while self.running:
+                sleep(1)
+        else:
+            command = ['python',join(self.pycore.path,"module","web","manage.py"), "runserver", "%s:%s" % (host,port)]
+            self.p = Popen(command, stderr=PIPE, stdin=PIPE, stdout=PIPE)
+            while self.running:
+                sleep(1)
+    
+    def quit(self):
+        if os.name == 'posix':
+            try:
+                os.kill(self.pid, SIGINT)
+            except:
+                pass
+        else:
+            self.p.kill()
+        
+        self.running = False
diff --git a/module/web/WebServer.py b/module/web/WebServer.py
deleted file mode 100644
index 8cef0de2f..000000000
--- a/module/web/WebServer.py
+++ /dev/null
@@ -1,290 +0,0 @@
-#!/usr/bin/env python
-# -*- coding: utf-8 -*-
-#
-#Copyright (C) 2009 RaNaN
-#
-#This program is free software; you can redistribute it and/or modify
-#it under the terms of the GNU General Public License as published by
-#the Free Software Foundation; either version 3 of the License,
-#or (at your option) any later version.
-#
-#This program is distributed in the hope that it will be useful,
-#but WITHOUT ANY WARRANTY; without even the implied warranty of
-#MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
-#See the GNU General Public License for more details.
-#
-#You should have received a copy of the GNU General Public License
-# along with this program; if not, see <http://www.gnu.org/licenses/>.
-#
-###
-
-import random
-import threading
-import time
-
-import bottle
-from bottle import abort
-from bottle import redirect
-from bottle import request
-from bottle import response
-from bottle import route
-from bottle import run
-from bottle import send_file
-from bottle import template
-from bottle import validate
-
-
-core = None
-
-PATH = "./module/web/"
-TIME = time.strftime("%a, %d %b %Y 00:00:00 +0000", time.localtime()) #set time to current day
-USERS = {}
-
-@route('/login', method='POST')
-def do_login():
-    #print request.GET
-
-
-    username = core.config['webinterface']['username']
-    pw = core.config['webinterface']['password']
-
-    if request.POST['u'] == username and request.POST['p'] == pw:
-        
-        id = int(random.getrandbits(16))
-        ua = request.HEADER("HTTP_USER_AGENT")
-        ip = request.HEADER("REMOTE_ADDR")
-
-        auth = {}
-
-        auth['ua'] = ua
-        auth['ip'] = ip
-        auth['user'] = username
-
-        USERS[id] = auth
-
-        response.COOKIES['user'] = username
-        response.COOKIES['id'] = id
-
-        return template('default', page='loggedin', user=username)
-    else:
-        return template('default', page='login')
-
-@route('/login')
-def login():
-
-    if check_auth(request):
-        redirect("/")
-
-    return template('default', page='login')
-
-@route('/logout')
-def logout():
-    try:
-        del USERS[int(request.COOKIES.get('id'))]
-    except:
-        pass
-    
-    redirect("/login")
-
-@route('/')
-def home():
-
-    if not check_auth(request):
-        redirect("/login")
-
-    username = request.COOKIES.get('user')
-
-    dls = core.get_downloads()
-
-    for dl in dls:
-        dl['eta'] = str(core.format_time(dl['eta']))
-        dl['wait_until'] = str(core.format_time(dl['wait_until'] - time.time()))
-
-        
-    return template('default', page='home', links=dls, user=username, status=core.server_status())
-
-@route('/queue')
-def queue():
-
-    if not check_auth(request):
-        redirect("/login")
-
-    username = request.COOKIES.get('user')
-
-    return template('default', page='queue', links=core.get_links(), user=username, status=core.server_status())
-
-@route('/downloads')
-def downloads():
-
-    if not check_auth(request):
-        redirect("/login")
-
-    username = request.COOKIES.get('user')
-
-    return template('default', page='downloads', links=core.get_downloads(), user=username, status=core.server_status())
-
-
-@route('/logs')
-def logs():
-
-    if not check_auth(request):
-        redirect("/login")
-
-    username = request.COOKIES.get('user')
-
-    return template('default', page='logs', links=core.get_downloads(), user=username, status=core.server_status())
-
-@route('/json/links')
-def get_links():
-    response.header['Cache-Control'] = 'no-cache, must-revalidate'
-    response.content_type = 'application/json'
-
-    if not check_auth(request):
-        abort(404, "No Access")
-
-    json = '{ "downloads": ['
-
-    downloads = core.get_downloads()
-    ids = []
-
-    for dl in downloads:
-        ids.append(dl['id'])
-        json += '{'
-        json += '"id": %s, "name": "%s", "speed": %s, "eta": "%s", "kbleft": %s, "size": %s, "percent": %s, "wait": "%s", "status": "%s"'\
-            % (str(dl['id']), str(dl['name']), str(int(dl['speed'])), str(core.format_time(dl['eta'])), dl['kbleft'], dl['size'], dl['percent'], str(core.format_time(dl['wait_until'] - time.time())), dl['status'])
-
-        json += "},"
-
-    if json.endswith(","): json = json[:-1]
-
-    json += '], "ids": %s }' % str(ids)
-
-    return json
-
-@route('/json/status')
-def get_status():
-    response.header['Cache-Control'] = 'no-cache, must-revalidate'
-    response.content_type = 'application/json'
-
-    if not check_auth(request):
-        abort(404, "No Access")
-
-    data = core.server_status()
-
-    if data['pause']:
-        status = "paused"
-    else:
-        status = "running"
-
-    json = '{ "status": "%s", "speed": "%s", "queue": "%s" }' % (status, str(int(data['speed'])), str(data['queue']))
-
-    return json
-
-@route('/json/addlinks', method='POST')
-def add_links():
-    response.header['Cache-Control'] = 'no-cache, must-revalidate'
-    response.content_type = 'application/json'
-
-    if not check_auth(request):
-        abort(404, "No Access")
-
-    links = request.POST['links'].split('\n')
-
-    core.add_links(links)
-    
-    return "{}"
-
-@route('/json/pause')
-def pause():
-    response.header['Cache-Control'] = 'no-cache, must-revalidate'
-    response.content_type = 'application/json'
-
-    if not check_auth(request):
-        abort(404, "No Access")
-
-    core.thread_list.pause = True
-
-    return "{}"
-
-
-@route('/json/play')
-def play():
-    response.header['Cache-Control'] = 'no-cache, must-revalidate'
-    response.content_type = 'application/json'
-
-    if not check_auth(request):
-        abort(404, "No Access")
-
-    core.thread_list.pause = False
-
-    return "{}"
-
-@route('/favicon.ico')
-def favicon():
-    
-    if request.HEADER("HTTP_IF_MODIFIED_SINCE") == TIME: abort(304, "Not Modified")
-
-    response.header['Last-Modified'] = TIME
-
-    send_file('favicon.ico', root=(PATH + 'static/'))
-
-@route('static/:section/:filename')
-def static_folder(section, filename):
-    
-    if request.HEADER("HTTP_IF_MODIFIED_SINCE") == TIME: abort(304, "Not Modified")
-
-    response.header['Last-Modified'] = TIME
-    send_file(filename, root=(PATH + 'static/' + section))
-
-@route('/static/:filename')
-def static_file(filename):
-
-    if request.HEADER("HTTP_IF_MODIFIED_SINCE") == TIME: abort(304, "Not Modified")
-    
-    response.header['Last-Modified'] = TIME
-    send_file(filename, root=(PATH + 'static/'))
-
-
-def check_auth(req):
-
-    try:
-        user = req.COOKIES.get('user')
-        id = int(req.COOKIES.get('id'))
-        ua = req.HEADER("HTTP_USER_AGENT")
-        ip = req.HEADER("REMOTE_ADDR")
-
-        if USERS[id]['user'] == user and USERS[id]['ua'] == ua and USERS[id]['ip'] == ip:
-            return True
-    except:
-        return False
-
-    return False
-
-
-class WebServer(threading.Thread):
-    def __init__(self, pycore):
-        threading.Thread.__init__(self)
-
-        global core, TIME
-        core = pycore
-        self.core = pycore
-        self.setDaemon(True)
-        
-        if pycore.config['general']['debug_mode']:
-            bottle.debug(True)
-            TIME = time.strftime("%a, %d %b %Y %H:%M:%S +0000", time.localtime())
-        else:
-            bottle.debug(False)
-
-        #@TODO remove
-        #TIME = time.strftime("%a, %d %b %Y %H:%M:%S +0000", time.localtime())
-
-        bottle.TEMPLATE_PATH.append('./module/web/templates/%s.tpl')
-
-    def run(self):
-        self.core.logger.info("Starting Webinterface on %s port %s" % (self.core.config['webinterface']['listenaddr'],self.core.config['webinterface']['port']))
-        try:
-            run(host=self.core.config['webinterface']['listenaddr'], port=int(self.core.config['webinterface']['port']), quiet=True)
-        except:
-            self.core.logger.error("Failed starting webserver, no webinterface available: Can't create socket")
-            exit()
diff --git a/module/web/ajax/__init__.py b/module/web/ajax/__init__.py
new file mode 100644
index 000000000..e69de29bb
--- /dev/null
+++ b/module/web/ajax/__init__.py
diff --git a/module/web/ajax/models.py b/module/web/ajax/models.py
new file mode 100644
index 000000000..35e0d6486
--- /dev/null
+++ b/module/web/ajax/models.py
@@ -0,0 +1,2 @@
+
+# Create your models here.
diff --git a/module/web/ajax/tests.py b/module/web/ajax/tests.py
new file mode 100644
index 000000000..2247054b3
--- /dev/null
+++ b/module/web/ajax/tests.py
@@ -0,0 +1,23 @@
+"""
+This file demonstrates two different styles of tests (one doctest and one
+unittest). These will both pass when you run "manage.py test".
+
+Replace these with more appropriate tests for your application.
+"""
+
+from django.test import TestCase
+
+class SimpleTest(TestCase):
+    def test_basic_addition(self):
+        """
+        Tests that 1 + 1 always equals 2.
+        """
+        self.failUnlessEqual(1 + 1, 2)
+
+__test__ = {"doctest": """
+Another way to test that 1 + 1 is equal to 2.
+
+>>> 1 + 1 == 2
+True
+"""}
+
diff --git a/module/web/ajax/urls.py b/module/web/ajax/urls.py
new file mode 100644
index 000000000..d50e7121e
--- /dev/null
+++ b/module/web/ajax/urls.py
@@ -0,0 +1,29 @@
+# -*- coding: utf-8 -*-
+from django.conf.urls.defaults import *
+
+
+urlpatterns = patterns('ajax',
+                       # Example:
+                       # (r'^pyload/', include('pyload.foo.urls')),
+
+                       # Uncomment the admin/doc line below and add 'django.contrib.admindocs'
+                       # to INSTALLED_APPS to enable admin documentation:
+                       # (r'^admin/doc/', include('django.contrib.admindocs.urls')),
+
+                       # Uncomment the next line to enable the admin:
+                        (r'^add_package$', 'views.add_package'),
+                        (r'^abort_link/(\d+)$', 'views.abort_link'),
+                        (r'^status$', 'views.status'),
+                        (r'^links$', 'views.links'), #currently active links
+                       (r'^queue$', 'views.queue'),
+                         (r'^pause$', 'views.pause'),
+                        (r'^unpause$', 'views.unpause'),
+                        (r'^cancel$', 'views.cancel'),
+                        (r'^packages$', 'views.packages'),
+                        (r'^package/(\d+)$', 'views.package'),
+                        (r'^link/(\d+)$', 'views.link'),
+                        (r'^remove_package/(\d+)$', 'views.remove_package'),
+                        (r'^restart_package/(\d+)$', 'views.restart_package'),
+                        (r'^remove_link/(\d+)$', 'views.remove_link'),
+                        (r'^restart_link/(\d+)$', 'views.restart_link'),
+                       )
\ No newline at end of file
diff --git a/module/web/ajax/views.py b/module/web/ajax/views.py
new file mode 100644
index 000000000..4d9762ab4
--- /dev/null
+++ b/module/web/ajax/views.py
@@ -0,0 +1,196 @@
+# Create your views here.
+from os.path import join
+
+from django.conf import settings
+from django.core.serializers import json
+from django.http import HttpResponse
+from django.http import HttpResponseForbidden
+from django.http import HttpResponseServerError
+from django.utils import simplejson
+  
+def permission(perm):
+    def _dec(view_func):
+        def _view(request, * args, ** kwargs):
+            if request.user.has_perm(perm) and request.user.is_authenticated():
+                return view_func(request, * args, ** kwargs)
+            else:
+                return HttpResponseForbidden()
+        
+        _view.__name__ = view_func.__name__
+        _view.__dict__ = view_func.__dict__
+        _view.__doc__ = view_func.__doc__
+
+        return _view
+
+    return _dec
+
+class JsonResponse(HttpResponse):
+    def __init__(self, object):
+        content = simplejson.dumps(
+                                   object, indent=2, cls=json.DjangoJSONEncoder,
+                                   ensure_ascii=False)
+        super(JsonResponse, self).__init__(
+                                           content)#, content_type='application/json') #@TODO uncomment
+        self['Cache-Control'] = 'no-cache, must-revalidate'
+
+
+@permission('pyload.can_add')
+def add_package(request):
+    
+    name = request.POST['add_name']
+    
+    links = request.POST['add_links'].replace(" ","\n").split("\n")
+    
+    try:
+        f = request.FILES['add_file']
+        
+        if name == None or name == "":
+            name = f.name
+            
+        fpath = join(settings.DL_ROOT, f.name)
+        destination = open(fpath, 'wb')
+        for chunk in f.chunks():
+            destination.write(chunk)
+        destination.close()
+        links.insert(0, fpath)
+    except:
+        pass
+    
+    if name == None or name == "":
+        return HttpResponseServerError()
+    
+    links = filter(lambda x: x != "", links)
+    
+    settings.PYLOAD.add_package(name, links)
+        
+    return JsonResponse("success")
+
+@permission('pyload.can_add_dl')
+def remove_link(request, id):
+    try:
+        settings.PYLOAD.del_links([int(id)])
+        return JsonResponse("sucess")
+    except:
+        return HttpResponseServerError()
+
+@permission('pyload.can_see_dl')    
+def status(request):
+    try:
+        return JsonResponse(settings.PYLOAD.status_server())
+    except:
+        return HttpResponseServerError()
+
+@permission('pyload.can_see_dl')
+def links(request):
+    try:
+        links = settings.PYLOAD.status_downloads()
+        ids = map(lambda x: x['id'], links)
+        data = {}
+        data['links'] = links
+        data['ids'] = ids
+        return JsonResponse(data)
+    except:
+        return HttpResponseServerError()
+
+@permission('pyload.can_see_dl')
+def queue(request):
+    try:
+        return JsonResponse(settings.PYLOAD.get_queue())
+        
+    except:
+        return HttpResponseServerError()
+        
+        
+@permission('pyload.can_change_satus')
+def pause(request):
+    try:
+        return JsonResponse(settings.PYLOAD.pause_server())
+        
+    except:
+        return HttpResponseServerError()
+
+
+@permission('pyload.can_change_status')
+def unpause(request):
+    try:
+        return JsonResponse(settings.PYLOAD.unpause_server())
+        
+    except:
+        return HttpResponseServerError()
+        
+
+@permission('pyload.can_change_status')
+def cancel(request):
+    try:
+        return JsonResponse(settings.PYLOAD.stop_downloads())
+    except:
+        return HttpResponseServerError()
+
+@permission('pyload.can_see_dl')
+def packages(request):
+    try:
+        data = settings.PYLOAD.get_queue()
+        
+        for package in data:
+            package['links'] = []
+            for file in settings.PYLOAD.get_package_files(package['id']):
+                package['links'].append(settings.PYLOAD.get_file_info(file))
+        
+        return JsonResponse(data)
+        
+    except:
+        return HttpResponseServerError()
+
+@permission('pyload.can_see_dl')
+def package(request, id):
+    try:
+        data = settings.PYLOAD.get_package_data(int(id))
+        data['links'] = []
+        for file in settings.PYLOAD.get_package_files(data['id']):
+            data['links'].append(settings.PYLOAD.get_file_info(file))
+
+        return JsonResponse(data)
+        
+    except:
+        return HttpResponseServerError()
+        
+@permission('pyload.can_see_dl')
+def link(request, id):
+    try:
+        data = settings.PYLOAD.get_file_info(int(id))
+        return JsonResponse(data)
+        
+    except:
+        return HttpResponseServerError()
+
+@permission('pyload.can_add_dl')
+def remove_package(request, id):
+    try:
+        settings.PYLOAD.del_packages([int(id)])
+        return JsonResponse("sucess")
+    except:
+        return HttpResponseServerError()
+
+@permission('pyload.can_add_dl')
+def restart_package(request, id):
+    try:
+        settings.PYLOAD.restart_package(int(id))
+        return JsonResponse("sucess")
+    except:
+        return HttpResponseServerError()
+
+@permission('pyload.can_add_dl')
+def restart_link(request, id):
+    try:
+        settings.PYLOAD.restart_file(int(id))
+        return JsonResponse("sucess")
+    except:
+        return HttpResponseServerError()
+        
+@permission('pyload.can_add_dl')
+def abort_link(request, id):
+    try:
+        settings.PYLOAD.stop_download("link", int(id))
+        return JsonResponse("sucess")
+    except:
+        return HttpResponseServerError()
\ No newline at end of file
diff --git a/module/web/bottle.py b/module/web/bottle.py
deleted file mode 100644
index 66ceb527f..000000000
--- a/module/web/bottle.py
+++ /dev/null
@@ -1,886 +0,0 @@
-# -*- coding: utf-8 -*-
-"""
-Bottle is a fast and simple mirco-framework for small web-applications. It
-offers request dispatching (Routes) with url parameter support, Templates,
-key/value Databases, a build-in HTTP Server and adapters for many third party
-WSGI/HTTP-server and template engines. All in a single file and with no
-dependencies other than the Python Standard Library.
-
-Homepage and documentation: http://wiki.github.com/defnull/bottle
-
-Special thanks to Stefan Matthias Aust [http://github.com/sma]
-  for his contribution to SimpelTemplate
-
-Licence (MIT)
--------------
-
-    Copyright (c) 2009, Marcel Hellkamp.
-
-    Permission is hereby granted, free of charge, to any person obtaining a copy
-    of this software and associated documentation files (the "Software"), to deal
-    in the Software without restriction, including without limitation the rights
-    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-    copies of the Software, and to permit persons to whom the Software is
-    furnished to do so, subject to the following conditions:
-
-    The above copyright notice and this permission notice shall be included in
-    all copies or substantial portions of the Software.
-
-    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-    THE SOFTWARE.
-
-
-Example
--------
-
-    from bottle import route, run, request, response, send_file, abort
-
-    @route('/')
-    def hello_world():
-        return 'Hello World!'
-
-    @route('/hello/:name')
-    def hello_name(name):
-        return 'Hello %s!' % name
-
-    @route('/hello', method='POST')
-    def hello_post():
-        name = request.POST['name']
-        return 'Hello %s!' % name
-
-    @route('/static/:filename#.*#')
-    def static_file(filename):
-        send_file(filename, root='/path/to/static/files/')
-
-    run(host='localhost', port=8080)
-
-"""
-
-__author__ = 'Marcel Hellkamp'
-__version__ = '0.5.7'
-__license__ = 'MIT'
-
-import sys
-import cgi
-import mimetypes
-import os
-import os.path
-import traceback
-import re
-import random
-import threading
-import time
-from wsgiref.headers import Headers as HeaderWrapper
-from Cookie import SimpleCookie
-import anydbm as dbm
-
-try:
-    from urlparse import parse_qs
-except ImportError:
-    from cgi import parse_qs
-
-try:
-    import cPickle as pickle
-except ImportError:
-    import pickle as pickle
-  
-try:
-    try:
-        from json import dumps as json_dumps
-    except ImportError:
-        from simplejson import dumps as json_dumps 
-except ImportError:
-    json_dumps = None
-
-
-
-
-
-
-# Exceptions and Events
-
-class BottleException(Exception):
-    """ A base class for exceptions used by bottle."""
-    pass
-
-
-class HTTPError(BottleException):
-    """ A way to break the execution and instantly jump to an error handler. """
-    def __init__(self, status, text):
-        self.output = text
-        self.http_status = int(status)
-
-    def __repr__(self):
-        return "HTTPError(%d,%s)" % (self.http_status, repr(self.output))
-
-    def __str__(self):
-        out = []
-        status = self.http_status
-        name = HTTP_CODES.get(status,'Unknown').title()
-        url = request.path
-        out.append('<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">')
-        out.append('<html><head><title>Error %d: %s</title>' % (status, name))
-        out.append('</head><body><h1>Error %d: %s</h1>' % (status, name))
-        out.append('<p>Sorry, the requested URL "%s" caused an error.</p>' % url)
-        out.append(''.join(list(self.output)))
-        out.append('</body></html>')
-        return "\n".join(out)
-
-
-class BreakTheBottle(BottleException):
-    """ Not an exception, but a straight jump out of the controller code.
-    
-    Causes the Bottle to instantly call start_response() and return the
-    content of output """
-    def __init__(self, output):
-        self.output = output
-
-
-
-
-
-
-# WSGI abstraction: Request and response management
-
-_default_app = None
-def default_app(newapp = None):
-    ''' Returns the current default app or sets a new one.
-        Defaults to an instance of Bottle '''
-    global _default_app
-    if newapp:
-        _default_app = newapp
-    if not _default_app:
-        _default_app = Bottle()
-    return _default_app
-
-
-class Bottle(object):
-
-    def __init__(self, catchall=True, debug=False, optimize=False, autojson=True):
-        self.simple_routes = {}
-        self.regexp_routes = {}
-        self.error_handler = {}
-        self.optimize = optimize
-        self.debug = debug
-        self.autojson = autojson
-        self.catchall = catchall
-
-    def match_url(self, url, method='GET'):
-        """Returns the first matching handler and a parameter dict or (None, None) """
-        url = url.strip().lstrip("/ ")
-        # Search for static routes first
-        route = self.simple_routes.get(method,{}).get(url,None)
-        if route:
-            return (route, {})
-        
-        routes = self.regexp_routes.get(method,[])
-        for i in range(len(routes)):
-            match = routes[i][0].match(url)
-            if match:
-                handler = routes[i][1]
-                if i > 0 and self.optimize and random.random() <= 0.001:
-                    routes[i-1], routes[i] = routes[i], routes[i-1]
-                return (handler, match.groupdict())
-        return (None, None)
-
-    def add_route(self, route, handler, method='GET', simple=False):
-        """ Adds a new route to the route mappings. """
-        method = method.strip().upper()
-        route = route.strip().lstrip('$^/ ').rstrip('$^ ')
-        if re.match(r'^(\w+/)*\w*$', route) or simple:
-            self.simple_routes.setdefault(method, {})[route] = handler
-        else:
-            route = re.sub(r':([a-zA-Z_]+)(?P<uniq>[^\w/])(?P<re>.+?)(?P=uniq)',r'(?P<\1>\g<re>)',route)
-            route = re.sub(r':([a-zA-Z_]+)',r'(?P<\1>[^/]+)', route)
-            route = re.compile('^%s$' % route)
-            self.regexp_routes.setdefault(method, []).append([route, handler])
-
-    def route(self, url, **kargs):
-        """ Decorator for request handler. Same as add_route(url, handler, **kargs)."""
-        def wrapper(handler):
-            self.add_route(url, handler, **kargs)
-            return handler
-        return wrapper
-
-    def set_error_handler(self, code, handler):
-        """ Adds a new error handler. """
-        code = int(code)
-        self.error_handler[code] = handler
-
-    def error(self, code=500):
-        """ Decorator for error handler. Same as set_error_handler(code, handler)."""
-        def wrapper(handler):
-            self.set_error_handler(code, handler)
-            return handler
-        return wrapper
-
-    def __call__(self, environ, start_response):
-        """ The bottle WSGI-interface ."""
-        request.bind(environ)
-        response.bind()
-        try: # Unhandled Exceptions
-            try: # Bottle Error Handling
-                handler, args = self.match_url(request.path, request.method)
-                if not handler: raise HTTPError(404, "Not found")
-                output = handler(**args)
-                db.close()
-            except BreakTheBottle, e:
-                output = e.output
-            except HTTPError, e:
-                response.status = e.http_status
-                output = self.error_handler.get(response.status, str)(e)
-            # output casting
-            if hasattr(output, 'read'):
-                output = environ.get('wsgi.file_wrapper', lambda x: iter(lambda: x.read(8192), ''))(output)
-            elif self.autojson and json_dumps and isinstance(output, dict):
-                output = json_dumps(output)
-                response.content_type = 'application/json'
-            if isinstance(output, str):
-                response.header['Content-Length'] = str(len(output))
-                output = [output]
-        except (KeyboardInterrupt, SystemExit, MemoryError):
-            raise
-        except Exception, e:
-            response.status = 500
-            if self.catchall:
-                err = "Unhandled Exception: %s\n" % (repr(e))
-                if self.debug:
-                    err += "<h2>Traceback:</h2>\n<pre>\n"
-                    err += traceback.format_exc(10)
-                    err += "\n</pre>"
-                output = str(HTTPError(500, err))
-                request._environ['wsgi.errors'].write(err)
-            else:
-                raise
-        status = '%d %s' % (response.status, HTTP_CODES[response.status])
-        start_response(status, response.wsgiheaders())
-        return output
-
-
-
-class Request(threading.local):
-    """ Represents a single request using thread-local namespace. """
-
-    def bind(self, environ):
-        """ Binds the enviroment of the current request to this request handler """
-        self._environ = environ
-        self._GET = None
-        self._POST = None
-        self._GETPOST = None
-        self._COOKIES = None
-        self.path = self._environ.get('PATH_INFO', '/').strip()
-        if not self.path.startswith('/'):
-            self.path = '/' + self.path
-
-    @property
-    def method(self):
-        ''' Returns the request method (GET,POST,PUT,DELETE,...) '''
-        return self._environ.get('REQUEST_METHOD', 'GET').upper()
-
-    @property
-    def query_string(self):
-        ''' Content of QUERY_STRING '''
-        return self._environ.get('QUERY_STRING', '')
-
-    @property
-    def input_length(self):
-        ''' Content of CONTENT_LENGTH '''
-        try:
-            return int(self._environ.get('CONTENT_LENGTH', '0'))
-        except ValueError:
-            return 0
-
-    @property
-    def GET(self):
-        """Returns a dict with GET parameters."""
-        if self._GET is None:
-            data = parse_qs(self.query_string, keep_blank_values=True)
-            self._GET = {}
-            for key, value in data.iteritems():
-                if len(value) == 1:
-                    self._GET[key] = value[0]
-                else:
-                    self._GET[key] = value
-        return self._GET
-
-    @property
-    def POST(self):
-        """Returns a dict with parsed POST or PUT data."""
-        if self._POST is None:
-            data = cgi.FieldStorage(fp=self._environ['wsgi.input'], environ=self._environ, keep_blank_values=True)
-            self._POST  = {}
-            for item in data.list:
-                name = item.name
-                if not item.filename:
-                    item = item.value
-                self._POST.setdefault(name, []).append(item)
-            for key in self._POST:
-                if len(self._POST[key]) == 1:
-                    self._POST[key] = self._POST[key][0]
-        return self._POST
-
-    @property
-    def params(self):
-        ''' Returns a mix of GET and POST data. POST overwrites GET '''
-        if self._GETPOST is None:
-            self._GETPOST = dict(self.GET)
-            self._GETPOST.update(dict(self.POST))
-        return self._GETPOST
-
-    @property
-    def COOKIES(self):
-        """Returns a dict with COOKIES."""
-        if self._COOKIES is None:
-            raw_dict = SimpleCookie(self._environ.get('HTTP_COOKIE',''))
-            self._COOKIES = {}
-            for cookie in raw_dict.itervalues():
-                self._COOKIES[cookie.key] = cookie.value
-        return self._COOKIES
-
-    def HEADER(self, header):
-        """Returns HTTP header"""
-        return self._environ.get(header, '')
-
-class Response(threading.local):
-    """ Represents a single response using thread-local namespace. """
-
-    def bind(self):
-        """ Clears old data and creates a brand new Response object """
-        self._COOKIES = None
-        self.status = 200
-        self.header_list = []
-        self.header = HeaderWrapper(self.header_list)
-        self.content_type = 'text/html'
-        self.error = None
-
-    def wsgiheaders(self):
-        ''' Returns a wsgi conform list of header/value pairs '''
-        for c in self.COOKIES.itervalues():
-            self.header.add_header('Set-Cookie', c.OutputString())
-        return [(h.title(), str(v)) for h, v in self.header.items()]
-
-    @property
-    def COOKIES(self):
-        if not self._COOKIES:
-            self._COOKIES = SimpleCookie()
-        return self._COOKIES
-
-    def set_cookie(self, key, value, **kargs):
-        """ Sets a Cookie. Optional settings: expires, path, comment, domain, max-age, secure, version, httponly """
-        self.COOKIES[key] = value
-        for k in kargs:
-            self.COOKIES[key][k] = kargs[k]
-
-    def get_content_type(self):
-        '''Gives access to the 'Content-Type' header and defaults to 'text/html'.'''
-        return self.header['Content-Type']
-        
-    def set_content_type(self, value):
-        self.header['Content-Type'] = value
-        
-    content_type = property(get_content_type, set_content_type, None, get_content_type.__doc__)
-
-
-def abort(code=500, text='Unknown Error: Appliction stopped.'):
-    """ Aborts execution and causes a HTTP error. """
-    raise HTTPError(code, text)
-
-
-def redirect(url, code=307):
-    """ Aborts execution and causes a 307 redirect """
-    response.status = code
-    response.header['Location'] = url
-    raise BreakTheBottle("")
-
-
-def send_file(filename, root, guessmime = True, mimetype = 'text/plain'):
-    """ Aborts execution and sends a static files as response. """
-    root = os.path.abspath(root) + '/'
-    filename = os.path.normpath(filename).strip('/')
-    filename = os.path.join(root, filename)
-    
-    if not filename.startswith(root):
-        abort(401, "Access denied.")
-    if not os.path.exists(filename) or not os.path.isfile(filename):
-        abort(404, "File does not exist.")
-    if not os.access(filename, os.R_OK):
-        abort(401, "You do not have permission to access this file.")
-
-    if guessmime:
-        guess = mimetypes.guess_type(filename)[0]
-        if guess:
-            response.content_type = guess
-        elif mimetype:
-            response.content_type = mimetype
-    elif mimetype:
-        response.content_type = mimetype
-
-    stats = os.stat(filename)
-    # TODO: HTTP_IF_MODIFIED_SINCE -> 304 (Thu, 02 Jul 2009 23:16:31 CEST)
-    if 'Content-Length' not in response.header:
-        response.header['Content-Length'] = stats.st_size
-    if 'Last-Modified' not in response.header:
-        ts = time.gmtime(stats.st_mtime)
-        ts = time.strftime("%a, %d %b %Y %H:%M:%S +0000", ts)
-        response.header['Last-Modified'] = ts
-
-    raise BreakTheBottle(open(filename, 'r'))
-
-
-
-
-
-
-# Decorators
-
-def validate(**vkargs):
-    ''' Validates and manipulates keyword arguments by user defined callables 
-    and handles ValueError and missing arguments by raising HTTPError(403) '''
-    def decorator(func):
-        def wrapper(**kargs):
-            for key in vkargs:
-                if key not in kargs:
-                    abort(403, 'Missing parameter: %s' % key)
-                try:
-                    kargs[key] = vkargs[key](kargs[key])
-                except ValueError, e:
-                    abort(403, 'Wrong parameter format for: %s' % key)
-            return func(**kargs)
-        return wrapper
-    return decorator
-
-
-def route(url, **kargs):
-    """ Decorator for request handler. Same as add_route(url, handler, **kargs)."""
-    return default_app().route(url, **kargs)
-
-
-def error(code=500):
-    """ Decorator for error handler. Same as set_error_handler(code, handler)."""
-    return default_app().error(code)
-
-
-
-
-
-
-# Server adapter
-
-class ServerAdapter(object):
-    def __init__(self, host='127.0.0.1', port=8080, **kargs):
-        self.host = host
-        self.port = int(port)
-        self.options = kargs
-
-    def __repr__(self):
-        return "%s (%s:%d)" % (self.__class__.__name__, self.host, self.port)
-
-    def run(self, handler):
-        pass
-
-
-class WSGIRefServer(ServerAdapter):
-    def run(self, handler):
-        from wsgiref.simple_server import make_server
-        srv = make_server(self.host, self.port, handler)
-        srv.serve_forever()
-
-
-class CherryPyServer(ServerAdapter):
-    def run(self, handler):
-        from cherrypy import wsgiserver
-        server = wsgiserver.CherryPyWSGIServer((self.host, self.port), handler)
-        server.start()
-
-
-class FlupServer(ServerAdapter):
-    def run(self, handler):
-       from flup.server.fcgi import WSGIServer
-       WSGIServer(handler, bindAddress=(self.host, self.port)).run()
-
-
-class PasteServer(ServerAdapter):
-    def run(self, handler):
-        from paste import httpserver
-        from paste.translogger import TransLogger
-        app = TransLogger(handler)
-        httpserver.serve(app, host=self.host, port=str(self.port))
-
-
-class FapwsServer(ServerAdapter):
-    """ Extreamly fast Webserver using libev (see http://william-os4y.livejournal.com/)
-        Experimental ... """
-    def run(self, handler):
-        import fapws._evwsgi as evwsgi
-        from fapws import base
-        import sys
-        evwsgi.start(self.host, self.port)
-        evwsgi.set_base_module(base)
-        def app(environ, start_response):
-            environ['wsgi.multiprocess'] = False
-            return handler(environ, start_response)
-        evwsgi.wsgi_cb(('',app))
-        evwsgi.run()
-
-
-def run(app=None, server=WSGIRefServer, host='127.0.0.1', port=8080, **kargs):
-    """ Runs bottle as a web server, using Python's built-in wsgiref implementation by default.
-    
-    You may choose between WSGIRefServer, CherryPyServer, FlupServer and
-    PasteServer or write your own server adapter.
-    """
-    if not app:
-        app = default_app()
-    
-    quiet = bool('quiet' in kargs and kargs['quiet'])
-
-    # Instanciate server, if it is a class instead of an instance
-    if isinstance(server, type) and issubclass(server, ServerAdapter):
-        server = server(host=host, port=port, **kargs)
-
-    if not isinstance(server, ServerAdapter):
-        raise RuntimeError("Server must be a subclass of ServerAdapter")
-
-    if not quiet:
-        print 'Bottle server starting up (using %s)...' % repr(server)
-        print 'Listening on http://%s:%d/' % (server.host, server.port)
-        print 'Use Ctrl-C to quit.'
-        print
-
-    try:
-        server.run(app)
-    except KeyboardInterrupt:
-        print "Shuting down..."
-
-
-
-
-
-
-# Templates
-
-class BaseTemplate(object):
-    def __init__(self, template='', filename=None):
-        self.source = filename
-        if self.source:
-            fp = open(filename)
-            template = fp.read()
-            fp.close()
-        self.parse(template)
-
-    def parse(self, template): raise NotImplementedError
-    def render(self, **args): raise NotImplementedError
-    
-    @classmethod
-    def find(cls, name):
-        for path in TEMPLATE_PATH:
-            if os.path.isfile(path % name):
-                return cls(filename = path % name)
-        return None
-
-
-class MakoTemplate(BaseTemplate):
-    def parse(self, template):
-        from mako.template import Template
-        self.tpl = Template(template)
- 
-    def render(self, **args):
-        return self.tpl.render(**args)
-
-
-class CheetahTemplate(BaseTemplate):
-    def parse(self, template):
-        from Cheetah.Template import Template
-        self.context = threading.local()
-        self.context.vars = {}
-        self.tpl = Template(source = template, searchList=[self.context.vars])
- 
-    def render(self, **args):
-        self.context.vars.update(args)
-        out = str(self.tpl)
-        self.context.vars.clear()
-        return out
-
-
-class SimpleTemplate(BaseTemplate):
-    re_python = re.compile(r'^\s*%\s*(?:(if|elif|else|try|except|finally|for|while|with|def|class)|(include)|(end)|(.*))')
-    re_inline = re.compile(r'\{\{(.*?)\}\}')
-    dedent_keywords = ('elif', 'else', 'except', 'finally')
-
-    def translate(self, template):
-        indent = 0
-        strbuffer = []
-        code = []
-        self.subtemplates = {}
-        class PyStmt(str):
-            def __repr__(self): return 'str(' + self + ')'
-        def flush(allow_nobreak=False):
-            if len(strbuffer):
-                if allow_nobreak and strbuffer[-1].endswith("\\\\\n"):
-                    strbuffer[-1]=strbuffer[-1][:-3]
-                code.append(" " * indent + "stdout.append(%s)" % repr(''.join(strbuffer)))
-                code.append((" " * indent + "\n") * len(strbuffer)) # to preserve line numbers 
-                del strbuffer[:]
-        for line in template.splitlines(True):
-            m = self.re_python.match(line)
-            if m:
-                flush(allow_nobreak=True)
-                keyword, include, end, statement = m.groups()
-                if keyword:
-                    if keyword in self.dedent_keywords:
-                        indent -= 1
-                    code.append(" " * indent + line[m.start(1):])
-                    indent += 1
-                elif include:
-                    tmp = line[m.end(2):].strip().split(None, 1)
-                    name = tmp[0]
-                    args = tmp[1:] and tmp[1] or ''
-                    self.subtemplates[name] = SimpleTemplate.find(name)
-                    code.append(" " * indent + "stdout.append(_subtemplates[%s].render(%s))\n" % (repr(name), args))
-                elif end:
-                    indent -= 1
-                    code.append(" " * indent + '#' + line[m.start(3):])
-                elif statement:
-                    code.append(" " * indent + line[m.start(4):])
-            else:
-                splits = self.re_inline.split(line) # text, (expr, text)*
-                if len(splits) == 1:
-                    strbuffer.append(line)
-                else:
-                    flush()
-                    for i in range(1, len(splits), 2):
-                        splits[i] = PyStmt(splits[i])
-                    splits = [x for x in splits if bool(x)]
-                    code.append(" " * indent + "stdout.extend(%s)\n" % repr(splits))
-        flush()
-        return ''.join(code)
-
-    def parse(self, template):
-        code = self.translate(template)
-        self.co = compile(code, self.source or '<template>', 'exec')
-
-    def render(self, **args):
-        ''' Returns the rendered template using keyword arguments as local variables. '''
-        args['stdout'] = []
-        args['_subtemplates'] = self.subtemplates
-        eval(self.co, args)
-        return ''.join(args['stdout'])
-
-
-def template(template, template_adapter=SimpleTemplate, **args):
-    ''' Returns a string from a template '''
-    if template not in TEMPLATES:
-        if template.find("\n") == template.find("{") == template.find("%") == -1:
-            TEMPLATES[template] = template_adapter.find(template)
-        else:
-            TEMPLATES[template] = template_adapter(template)
-    if not TEMPLATES[template]:
-        abort(500, 'Template not found')
-    args['abort'] = abort
-    args['request'] = request
-    args['response'] = response
-    return TEMPLATES[template].render(**args)
-
-
-def mako_template(template_name, **args): return template(template_name, template_adapter=MakoTemplate, **args)
-
-def cheetah_template(template_name, **args): return template(template_name, template_adapter=CheetahTemplate, **args)
-
-
-
-
-
-
-# Database
-
-class BottleBucket(object):
-    '''Memory-caching wrapper around anydbm'''
-    def __init__(self, name):
-        self.__dict__['name'] = name
-        self.__dict__['db'] = dbm.open(DB_PATH + '/%s.db' % name, 'c')
-        self.__dict__['mmap'] = {}
-            
-    def __getitem__(self, key):
-        if key not in self.mmap:
-            self.mmap[key] = pickle.loads(self.db[key])
-        return self.mmap[key]
-    
-    def __setitem__(self, key, value):
-        self.mmap[key] = value
-    
-    def __delitem__(self, key):
-        if key in self.mmap:
-            del self.mmap[key]
-        del self.db[key]
-
-    def __getattr__(self, key):
-        try: return self[key]
-        except KeyError: raise AttributeError(key)
-
-    def __setattr__(self, key, value):
-        self[key] = value
-
-    def __delattr__(self, key):
-        try: del self[key]
-        except KeyError: raise AttributeError(key)
-
-    def __iter__(self):
-        return iter(self.ukeys())
-    
-    def __contains__(self, key):
-        return key in self.ukeys()
-  
-    def __len__(self):
-        return len(self.ukeys())
-
-    def keys(self):
-        return list(self.ukeys())
-
-    def ukeys(self):
-      return set(self.db.keys()) | set(self.mmap.keys())
-
-    def save(self):
-        self.close()
-        self.__init__(self.name)
-    
-    def close(self):
-        for key in self.mmap:
-            pvalue = pickle.dumps(self.mmap[key], pickle.HIGHEST_PROTOCOL)
-            if key not in self.db or pvalue != self.db[key]:
-                self.db[key] = pvalue
-        self.mmap.clear()
-        self.db.close()
-        
-    def clear(self):
-        for key in self.db:
-            del self.db[key]
-        self.mmap.clear()
-        
-    def update(self, other):
-        self.mmap.update(other)
-
-    def get(self, key, default=None):
-        try:
-            return self[key]
-        except KeyError:
-            if default:
-                return default
-            raise
-
-
-class BottleDB(threading.local):
-    '''Holds multible BottleBucket instances in a thread-local way.'''
-    def __init__(self):
-        self.__dict__['open'] = {}
-        
-    def __getitem__(self, key):
-        if key not in self.open and not key.startswith('_'):
-            self.open[key] = BottleBucket(key)
-        return self.open[key]
-
-    def __setitem__(self, key, value):
-        if isinstance(value, BottleBucket):
-            self.open[key] = value
-        elif hasattr(value, 'items'):
-            if key not in self.open:
-                self.open[key] = BottleBucket(key)
-            self.open[key].clear()
-            for k, v in value.iteritems():
-                self.open[key][k] = v
-        else:
-            raise ValueError("Only dicts and BottleBuckets are allowed.")
-
-    def __delitem__(self, key):
-        if key not in self.open:
-            self.open[key].clear()
-            self.open[key].save()
-            del self.open[key]
-
-    def __getattr__(self, key):
-        try: return self[key]
-        except KeyError: raise AttributeError(key)
-
-    def __setattr__(self, key, value):
-        self[key] = value
-
-    def __delattr__(self, key):
-        try: del self[key]
-        except KeyError: raise AttributeError(key)
-
-    def save(self):
-        self.close()
-        self.__init__()
-    
-    def close(self):
-        for db in self.open:
-            self.open[db].close()
-        self.open.clear()
-
-
-
-
-
-
-# Modul initialization and configuration
-
-DB_PATH = './'
-TEMPLATE_PATH = ['./%s.tpl', './views/%s.tpl']
-TEMPLATES = {}
-HTTP_CODES = {
-    100: 'CONTINUE',
-    101: 'SWITCHING PROTOCOLS',
-    200: 'OK',
-    201: 'CREATED',
-    202: 'ACCEPTED',
-    203: 'NON-AUTHORITATIVE INFORMATION',
-    204: 'NO CONTENT',
-    205: 'RESET CONTENT',
-    206: 'PARTIAL CONTENT',
-    300: 'MULTIPLE CHOICES',
-    301: 'MOVED PERMANENTLY',
-    302: 'FOUND',
-    303: 'SEE OTHER',
-    304: 'NOT MODIFIED',
-    305: 'USE PROXY',
-    306: 'RESERVED',
-    307: 'TEMPORARY REDIRECT',
-    400: 'BAD REQUEST',
-    401: 'UNAUTHORIZED',
-    402: 'PAYMENT REQUIRED',
-    403: 'FORBIDDEN',
-    404: 'NOT FOUND',
-    405: 'METHOD NOT ALLOWED',
-    406: 'NOT ACCEPTABLE',
-    407: 'PROXY AUTHENTICATION REQUIRED',
-    408: 'REQUEST TIMEOUT',
-    409: 'CONFLICT',
-    410: 'GONE',
-    411: 'LENGTH REQUIRED',
-    412: 'PRECONDITION FAILED',
-    413: 'REQUEST ENTITY TOO LARGE',
-    414: 'REQUEST-URI TOO LONG',
-    415: 'UNSUPPORTED MEDIA TYPE',
-    416: 'REQUESTED RANGE NOT SATISFIABLE',
-    417: 'EXPECTATION FAILED',
-    500: 'INTERNAL SERVER ERROR',
-    501: 'NOT IMPLEMENTED',
-    502: 'BAD GATEWAY',
-    503: 'SERVICE UNAVAILABLE',
-    504: 'GATEWAY TIMEOUT',
-    505: 'HTTP VERSION NOT SUPPORTED',
-}
-
-request = Request()
-response = Response()
-db = BottleDB()
-local = threading.local()
-
-def debug(mode=True): default_app().debug = bool(mode)
-def optimize(mode=True): default_app().optimize = bool(mode)
-
-
diff --git a/module/web/manage.py b/module/web/manage.py
new file mode 100755
index 000000000..34b964ffc
--- /dev/null
+++ b/module/web/manage.py
@@ -0,0 +1,13 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+from django.core.management import execute_manager
+
+try:
+    import settings # Assumed to be in the same directory.
+except ImportError:
+    import sys
+    sys.stderr.write("Error: Can't find the file 'settings.py' in the directory containing %r. It appears you've customized things.\nYou'll have to run django-admin.py, passing it your settings module.\n(If the file settings.py does indeed exist, it's causing an ImportError somehow.)\n" % __file__)
+    sys.exit(1)
+
+if __name__ == "__main__":
+    execute_manager(settings)
\ No newline at end of file
diff --git a/module/web/media/default/css/default.css b/module/web/media/default/css/default.css
new file mode 100644
index 000000000..3c4762012
--- /dev/null
+++ b/module/web/media/default/css/default.css
@@ -0,0 +1,1510 @@
+div.no {

+	display:inline;

+	margin:0;

+	padding:0;

+}

+.hidden {

+	display:none;

+}

+div.error {

+	background:#fcc url(media/img/default/error.png) 0.5em 0px no-repeat;

+	color:#000;

+	border-bottom:1px solid #faa;

+	font-size:90%;

+	margin:0;

+	padding-left:3em;

+	overflow:hidden;

+}

+div.info {

+	background:#ccf url(static/default/info.png) 0.5em 0px no-repeat;

+	color:#000;

+	border-bottom:1px solid #aaf;

+	font-size:90%;

+	margin:0;

+	padding-left:3em;

+	overflow:hidden;

+}

+div.success {

+	background:#cfc url(static/default/success.png) 0.5em 0px no-repeat;

+	color:#000;

+	border-bottom:1px solid #afa;

+	font-size:90%;

+	margin:0;

+	padding-left:3em;

+	overflow:hidden;

+}

+div.notify {

+	background:#ffc url(media/img/default/notify.png) 0.5em 0px no-repeat;

+	color:#000;

+	border-bottom:1px solid #ffa;

+	font-size:90%;

+	margin:0;

+	padding-left:3em;

+	overflow:hidden;

+}

+.medialeft {

+	float:left;

+}

+.mediaright {

+	float:right;

+}

+.mediacenter {

+	display:block;

+	margin-left:auto;

+	margin-right:auto;

+}

+.leftalign {

+	text-align:left;

+}

+.centeralign {

+	text-align:center;

+}

+.rightalign {

+	text-align:right;

+}

+em.u {

+	font-style:normal;

+	text-decoration:underline;

+}

+em em.u {

+	font-style:italic;

+}

+.code .br0 {

+	color:#6c6;

+}

+.code .co1 {

+	color:#808080;

+	font-style:italic;

+}

+.code .co2 {

+	color:#808080;

+	font-style:italic;

+}

+.code .co3 {

+	color:#808080;

+}

+.code .coMULTI {

+	color:#808080;

+	font-style:italic;

+}

+.code .es0 {

+	color:#009;

+	font-weight:bold;

+}

+.code .kw1 {

+	color:#b1b100;

+}

+.code .kw2 {

+	color:#000;

+	font-weight:bold;

+}

+.code .kw3 {

+	color:#006;

+}

+.code .kw4 {

+	color:#933;

+}

+.code .kw5 {

+	color:#00f;

+}

+.code .me1 {

+	color:#060;

+}

+.code .me2 {

+	color:#060;

+}

+.code .nu0 {

+	color:#c6c;

+}

+.code .re0 {

+	color:#00f;

+}

+.code .re1 {

+	color:#00f;

+}

+.code .re2 {

+	color:#00f;

+}

+.code .re3 {

+	color:#f33;

+	font-weight:bold;

+}

+.code .re4 {

+	color:#099;

+}

+.code .st0 {

+	color:#f00;

+}

+.code .sy0 {

+	color:#6c6;

+}

+div.dokuwiki table.pagelist, div.dokuwiki table.ul {

+	border:0;

+	padding:0;

+	border-spacing:0;

+	margin-bottom:1em;

+	border-collapse:collapse;

+}

+div.dokuwiki table.pagelist tr {

+	border-top:1px solid #8cacbb;

+	border-bottom:1px solid #8cacbb;

+}

+div.dokuwiki table.pagelist th, div.dokuwiki table.pagelist td {

+	padding:1px 1em 1px 0;

+}

+div.dokuwiki table.ul th, div.dokuwiki table.ul td {

+	padding:0 1em 0 0;

+}

+div.dokuwiki table.ul ul {

+	margin:0 0 0 1.5em;

+}

+div.dokuwiki table.pagelist th, div.dokuwiki table.ul th {

+	background-color:#dee7ec;

+}

+div.dokuwiki th.page, div.dokuwiki th.date, div.dokuwiki th.user, div.dokuwiki th.desc, div.dokuwiki th.comments, div.dokuwiki th.linkbacks, div.dokuwiki th.tags, div.dokuwiki td.date, div.dokuwiki td.user, div.dokuwiki td.desc, div.dokuwiki td.comments, div.dokuwiki td.linkbacks, div.dokuwiki td.tags {

+	color:#666;

+	font-size:80%;

+}

+div.dokuwiki td.date {

+	text-align:right;

+}

+div.dokuwiki div.include div.secedit {

+	float:right;

+	margin-left:1em;

+	margin-top:-18px;

+}

+div.dokuwiki div.inclmeta {

+	border-top:1px dotted #8cacbb;

+	padding-top:0.2em;

+	color:#666;

+	font-size:80%;

+	line-height:1.25;

+	margin-top:0.5em;

+	margin-bottom:2em;

+}

+div.dokuwiki div.inclmeta a.permalink {

+	background:transparent url(media/img/default/link.gif) 0px 1px no-repeat;

+	padding:1px 0px 1px 16px;

+}

+div.dokuwiki div.inclmeta abbr.published {

+	background:transparent url(media/img/default/date.gif) 0px 1px no-repeat;

+	padding:1px 0px 1px 16px;

+	border-bottom:0;

+}

+div.dokuwiki div.inclmeta span.author {

+	background:transparent url(media/img/default/user.gif) 0px 1px no-repeat;

+	padding:1px 0px 1px 16px;

+}

+div.dokuwiki div.inclmeta span.comment {

+	background:transparent url(media/img/default/comment.gif) 0px 1px no-repeat;

+	padding:1px 0px 1px 16px;

+}

+div.dokuwiki div.inclmeta div.tags {

+	border-top:0;

+	font-size:100%;

+	float:right;

+	clear:none;

+}

+#plugin__manager {

+}

+#plugin__manager h2 {

+	margin-left:0;

+}

+#plugin__manager form {

+	display:block;

+	margin:0;

+	padding:0;

+}

+#plugin__manager legend {

+	display:none;

+}

+#plugin__manager fieldset {

+	width:auto;

+}

+#plugin__manager .button {

+	margin:0;

+}

+#plugin__manager p, #plugin__manager label {

+	text-align:left;

+}

+#plugin__manager .hidden {

+	display:none;

+}

+#plugin__manager .new {

+	background:#dee7ec;

+}

+#plugin__manager input[disabled] {

+	color:#ccc;

+	border-color:#ccc;

+}

+#plugin__manager .pm_menu, #plugin__manager .pm_info {

+	margin-left:0;

+	text-align:left;

+}

+#plugin__manager .pm_menu {

+	float:left;

+	width:48%;

+}

+#plugin__manager .pm_info {

+	float:right;

+	width:50%;

+}

+#plugin__manager .common {

+}

+#plugin__manager .common form {

+}

+#plugin__manager .common fieldset {

+	margin:0;

+	padding:0 0 1.0em 0;

+	text-align:left;

+	border:none;

+}

+#plugin__manager .common label {

+	padding:0 0 0.5em 0;

+}

+#plugin__manager .common input {

+}

+#plugin__manager .common input.edit {

+	width:24em;

+	margin:0.5em;

+}

+#plugin__manager .common .button {

+}

+#plugin__manager form.plugins {

+}

+#plugin__manager .plugins fieldset {

+	color:#000;

+	background:#fff;

+	text-align:right;

+	border-top:none;

+	border-right:none;

+	border-left:none;

+}

+#plugin__manager .plugins fieldset.protected {

+	background:#fdd;

+	color:#000;

+}

+#plugin__manager .plugins fieldset.disabled {

+	background:#e0e0e0;

+	color:#a8a8a8;

+}

+#plugin__manager .plugins .legend {

+	color:#000;

+	background:inherit;

+	display:block;

+	margin:0;

+	padding:0;

+	font-size:1em;

+	line-height:1.4em;

+	font-weight:normal;

+	text-align:left;

+	float:left;

+	padding:0;

+	clear:none;

+}

+#plugin__manager .plugins .button {

+	font-size:95%;

+}

+#plugin__manager .plugins fieldset.buttons {

+	border:none;

+}

+#plugin__manager .plugins fieldset.buttons .button {

+	float:left;

+}

+#plugin__manager .pm_info h3 {

+	margin-left:0;

+}

+#plugin__manager .pm_info dl {

+	margin:1em 0;

+	padding:0;

+}

+#plugin__manager .pm_info dt {

+	width:6em;

+	float:left;

+	clear:left;

+	margin:0;

+	padding:0;

+}

+#plugin__manager .pm_info dd {

+	margin:0 0 0 7em;

+	padding:0;

+	background:none;

+}

+#plugin__manager .plugins .enable {

+	float:left;

+	width:auto;

+	margin-right:0.5em;

+}

+#config__manager div.success, #config__manager div.error, #config__manager div.info {

+	background-position:0.5em;

+	padding:0.5em;

+	text-align:center;

+}

+#config__manager fieldset {

+	margin:1em;

+	width:auto;

+	margin-bottom:2em;

+	background-color:#dee7ec;

+	color:#000;

+	padding:0 1em;

+}

+#config__manager legend {

+	font-size:1.25em;

+}

+#config__manager form {

+}

+#config__manager table {

+	margin:1em 0;

+	width:100%;

+}

+#config__manager fieldset td {

+	text-align:left;

+}

+#config__manager fieldset td.value {

+	width:31em;

+}

+#config__manager td.label {

+	padding:0.8em 0 0.6em 1em;

+	vertical-align:top;

+}

+#config__manager td.label label {

+	clear:left;

+	display:block;

+}

+#config__manager td.label img {

+	padding:0 10px;

+	vertical-align:middle;

+	float:right;

+}

+#config__manager td.label span.outkey {

+	font-size:70%;

+	margin-top:-1.7em;

+	margin-left:-1em;

+	display:block;

+	background-color:#fff;

+	color:#666;

+	float:left;

+	padding:0 0.1em;

+	position:relative;

+	z-index:1;

+}

+#config__manager td input.edit {

+	width:30em;

+}

+#config__manager td .input {

+	width:30.8em;

+}

+#config__manager td select.edit {

+}

+#config__manager td textarea.edit {

+	width:27.5em;

+	height:4em;

+}

+#config__manager tr .input, #config__manager tr input, #config__manager tr textarea, #config__manager tr select {

+	background-color:#fff;

+	color:#000;

+}

+#config__manager tr.default .input, #config__manager tr.default input, #config__manager tr.default textarea, #config__manager tr.default select, #config__manager .selectiondefault {

+	background-color:#cdf;

+	color:#000;

+}

+#config__manager tr.protected .input, #config__manager tr.protected input, #config__manager tr.protected textarea, #config__manager tr.protected select, #config__manager tr.protected .selection {

+	background-color:#fcc!important;

+	color:#000 !important;

+}

+#config__manager td.error {

+	background-color:red;

+	color:#000;

+}

+#config__manager .selection {

+	width:14.8em;

+	float:left;

+	margin:0 0.3em 2px 0;

+}

+#config__manager .selection label {

+	float:right;

+	width:14em;

+	font-size:90%;

+}

+* html #config__manager .selection label {

+	padding-top:2px;

+}

+#config__manager .selection input.checkbox {

+	padding-left:0.7em;

+}

+#config__manager .other {

+	clear:both;

+	padding-top:0.5em;

+}

+#config__manager .other label {

+	padding-left:2px;

+	font-size:90%;

+}

+.dokuwiki div.plugin_translation {

+	float:right;

+	font-size:95%;

+}

+.dokuwiki div.plugin_translation ul {

+	display:inline;

+	padding:0;

+	margin:0;

+}

+.dokuwiki div.plugin_translation ul li {

+	float:left;

+	list-style-type:none;

+	padding:0;

+	margin:0;

+}

+.dokuwiki div.plugin_translation ul li a.wikilink1:link, .dokuwiki div.plugin_translation ul li a.wikilink1:hover, .dokuwiki div.plugin_translation ul li a.wikilink1:active, .dokuwiki div.plugin_translation ul li a.wikilink1:visited {

+	background-color:#000080;

+	color:#fff !important;

+	text-decoration:none;

+	padding:0 0.2em;

+	margin:0.1em 0.2em;

+	border:none !important;

+}

+.dokuwiki div.plugin_translation ul li a.wikilink2:link, .dokuwiki div.plugin_translation ul li a.wikilink2:hover, .dokuwiki div.plugin_translation ul li a.wikilink2:active, .dokuwiki div.plugin_translation ul li a.wikilink2:visited {

+	background-color:#808080;

+	color:#fff !important;

+	text-decoration:none;

+	padding:0 0.2em;

+	margin:0.1em 0.2em;

+	border:none !important;

+}

+.dokuwiki div.plugin_translation ul li a img {

+	opacity:0.5;

+	border:0;

+}

+.dokuwiki div.plugin_translation ul li a.wikilink2 img {

+}

+.dokuwiki div.plugin_translation span.curid a img {

+	opacity:1.0;

+	height:15px;

+}

+.dokuwiki div.plugin_translation ul li a:hover img {

+	opacity:1.0;

+	height:15px;

+}

+#user__manager tr.disabled {

+	color:#6f6f6f;

+	background:#e4e4e4;

+}

+#user__manager tr.user_info {

+	vertical-align:top;

+}

+#user__manager div.edit_user {

+	width:46%;

+	float:left;

+}

+#user__manager table {

+	margin-bottom:1em;

+}

+#user__manager input.button[disabled] {

+	color:#ccc!important;

+	border-color:#ccc!important;

+}

+div.dokuwiki div.newentry_form {

+	clear:both;

+	text-align:center;

+	margin-bottom:1em;

+}

+div.dokuwiki #blog__newentry_form input.edit {

+	width:95%;

+}

+div.dokuwiki tr.draft, div.dokuwiki div.draft {

+	opacity:0.5;

+}

+div.dokuwiki div.autoarchive_selector ul {

+	list-style-type:none;

+	clear:left;

+	margin:0 0.5em 0 0;

+}

+div.dokuwiki div.autoarchive_selector ul div.li {

+	float:left;

+	margin:0 1em 0 0;

+}

+div.dokuwiki div.autoarchive_selector ul ul {

+	float:left;

+	clear:none;

+}

+div.dokuwiki div.autoarchive_selector ul ul div.li {

+	margin:0;

+}

+div#acl_manager div#acl__tree {

+	font-size:90%;

+	width:25%;

+	height:300px;

+	float:left;

+	overflow:auto;

+	border:1px solid #8cacbb;

+	text-align:left;

+}

+div#acl_manager div#acl__tree a.cur {

+	background-color:#ff9;

+	font-weight:bold;

+}

+div#acl_manager div#acl__tree ul {

+	list-style-type:none;

+	margin:0;

+	padding:0;

+}

+div#acl_manager div#acl__tree li {

+	padding-left:1em;

+}

+div#acl_manager div#acl__tree ul img {

+	margin-right:0.25em;

+	cursor:pointer;

+}

+div#acl_manager div#acl__detail {

+	width:73%;

+	height:300px;

+	float:right;

+	overflow:auto;

+}

+div#acl_manager div#acl__detail fieldset {

+	width:90%;

+}

+div#acl_manager div#acl__detail div#acl__user {

+	border:1px solid #8cacbb;

+	padding:0.5em;

+	margin-bottom:0.6em;

+}

+div#acl_manager table.inline {

+	width:100%;

+	margin:0;

+}

+div#acl_manager .aclgroup {

+	background:transparent url(media/img/default/group.png) 0px 1px no-repeat;

+	padding:1px 0px 1px 18px;

+}

+div#acl_manager .acluser {

+	background:transparent url(media/img/default/user.png) 0px 1px no-repeat;

+	padding:1px 0px 1px 18px;

+}

+div#acl_manager .aclpage {

+	background:transparent url(media/img/default/page.png) 0px 1px no-repeat;

+	padding:1px 0px 1px 18px;

+}

+div#acl_manager .aclns {

+	background:transparent url(media/img/default/ns.png) 0px 1px no-repeat;

+	padding:1px 0px 1px 18px;

+}

+div#acl_manager label.disabled {

+	color:#666!important;

+}

+#acl_manager label {

+	text-align:left;

+	font-weight:normal;

+	display:inline;

+}

+#acl_manager table {

+	margin-left:10%;

+	width:80%;

+}

+#acl_manager table tr {

+	background-color:inherit;

+}

+#acl_manager table tr:hover {

+	background-color:#dee7ec;

+}

+a.interwiki {

+	background:transparent url(/lib/images/interwiki.png) 0px 1px no-repeat;

+	padding-left:16px;

+}

+a.iw_wp {

+	background-image:url(/media/default/img/wp.gif)

+}

+a.iw_wpde {

+	background-image:url(/media/default/img/wpde.gif)

+}

+a.iw_wpmeta {

+	background-image:url(/media/default/img/wpmeta.gif)

+}

+a.iw_doku {

+	background-image:url(/media/default/img/doku.gif)

+}

+a.iw_dokubug {

+	background-image:url(/media/default/img/dokubug.gif)

+}

+a.iw_amazon {

+	background-image:url(/media/default/img/amazon.gif)

+}

+a.iw_amazon_de {

+	background-image:url(/media/default/img/amazon.de.gif)

+}

+a.iw_amazon_uk {

+	background-image:url(/media/default/img/amazon.uk.gif)

+}

+a.iw_phpfn {

+	background-image:url(/media/default/img/phpfn.gif)

+}

+a.iw_coral {

+	background-image:url(/media/default/img/coral.gif)

+}

+a.iw_sb {

+	background-image:url(/media/default/img/sb.gif)

+}

+a.iw_google {

+	background-image:url(/media/default/img/google.gif)

+}

+a.iw_meatball {

+	background-image:url(/media/default/img/meatball.gif)

+}

+a.iw_wiki {

+	background-image:url(/media/default/img/wiki.gif)

+}

+a.mediafile {

+	background:transparent url(/media/default/img/file.png) 0px 1px no-repeat;

+	padding-left:18px;

+	padding-bottom:1px;

+}

+a.mf_jpg {

+	background-image:url(/media/default/img/jpg.png)

+}

+a.mf_jpeg {

+	background-image:url(/media/default/img/jpeg.png)

+}

+a.mf_gif {

+	background-image:url(/media/default/img/gif.png)

+}

+a.mf_png {

+	background-image:url(/media/default/img/png.png)

+}

+a.mf_tgz {

+	background-image:url(/media/default/img/tgz.png)

+}

+a.mf_tar {

+	background-image:url(/media/default/img/tar.png)

+}

+a.mf_gz {

+	background-image:url(/media/default/img/gz.png)

+}

+a.mf_bz2 {

+	background-image:url(/media/default/img/bz2.png)

+}

+a.mf_zip {

+	background-image:url(/media/default/img/zip.png)

+}

+a.mf_rar {

+	background-image:url(/media/default/img/rar.png)

+}

+a.mf_pdf {

+	background-image:url(/media/default/img/pdf.png)

+}

+a.mf_ps {

+	background-image:url(/media/default/img/ps.png)

+}

+a.mf_doc {

+	background-image:url(/media/default/img/doc.png)

+}

+a.mf_xls {

+	background-image:url(/media/default/img/xls.png)

+}

+a.mf_ppt {

+	background-image:url(/media/default/img/ppt.png)

+}

+a.mf_rtf {

+	background-image:url(/media/default/img/rtf.png)

+}

+a.mf_swf {

+	background-image:url(/media/default/img/swf.png)

+}

+a.mf_rpm {

+	background-image:url(/media/default/img/rpm.png)

+}

+a.mf_deb {

+	background-image:url(/media/default/img/deb.png)

+}

+a.mf_sxw {

+	background-image:url(/media/default/img/sxw.png)

+}

+a.mf_sxc {

+	background-image:url(/media/default/img/sxc.png)

+}

+a.mf_sxi {

+	background-image:url(/media/default/img/sxi.png)

+}

+a.mf_sxd {

+	background-image:url(/media/default/img/sxd.png)

+}

+a.mf_odc {

+	background-image:url(/media/default/img/odc.png)

+}

+a.mf_odf {

+	background-image:url(/media/default/img/odf.png)

+}

+a.mf_odg {

+	background-image:url(/media/default/img/odg.png)

+}

+a.mf_odi {

+	background-image:url(/media/default/img/odi.png)

+}

+a.mf_odp {

+	background-image:url(/media/default/img/odp.png)

+}

+a.mf_ods {

+	background-image:url(/media/default/img/ods.png)

+}

+a.mf_odt {

+	background-image:url(/media/default/img/odt.png)

+}

+body {

+	margin:0px;

+	padding:0px;

+	background-color:white;

+	color:black;

+	font-size:12px;

+	font-family:Verdana, Helvetica, "Lucida Grande", Lucida, Arial, sans-serif;

+	font-family:sans-serif;

+	font-size:99, 96%;

+	font-size-adjust:none;

+	font-style:normal;

+	font-variant:normal;

+	font-weight:normal;

+	line-height:normal;

+}

+hr {

+	border-width:0px;

+	border-bottom:1px #aaa dotted;

+}

+img {

+	border:none;

+}

+form {

+	margin:0px;

+	padding:0px;

+	border:none;

+	display:inline;

+	background:transparent;

+}

+ul li {

+	margin:5px;

+}

+textarea {

+	font-family:monospace;

+}

+table {

+	margin:0.5em 0;

+	border-collapse:collapse;

+}

+td {

+	padding:0.25em;

+	border:1pt solid #ADB9CC;

+}

+a {

+	color:#3465a4;

+	text-decoration:none;

+}

+a:hover {

+	text-decoration:underline;

+}

+a.wikilink2 {

+	color:#a40000 !important;

+}

+.dokuwiki h1 a, .dokuwiki h2 a, .dokuwiki h3 a, .dokuwiki h4 a, .dokuwiki h5 a, .dokuwiki a.nolink {

+	color:#000 !important;

+	text-decoration:none !important;

+}

+option {

+	border:0px none #fff;

+}

+strong.highlight {

+	background-color:#fc9;

+	padding:1pt;

+}

+#pagebottom {

+	clear:both;

+}

+hr {

+	height:1px;

+	color:#c0c0c0;

+	background-color:#c0c0c0;

+	border:none;

+	margin:.2em 0 .2em 0;

+}

+pre {

+	padding:0.5em;

+	font-family:courier, monospace;

+	border:1px solid #c0c0c0;

+	background:#F0ECE6;

+	white-space:pre;

+	white-space:pre-wrap;

+	word-wrap:break-word;

+	white-space:-moz-pre-wrap;

+	white-space:-pre-wrap;

+	white-space:-o-pre-wrap;

+}

+.invisible {

+	margin:0px;

+	border:0px;

+	padding:0px;

+	height:0px;

+	visibility:hidden;

+}

+.left {

+	float:left !important;

+}

+.right {

+	float:right !important;

+}

+.center {

+	text-align:center;

+}

+div#body-wrapper {

+	padding:40px 40px 10px 40px;

+	font-size:127%;

+}

+div#content {

+	margin-top:-20px;

+	padding:0;

+	font-size:14px;

+	color:black;

+	line-height:1.5em;

+}

+h1, h2, h3, h4, h5, h6 {

+	background:transparent none repeat scroll 0 0;

+	border-bottom:1px solid #aaa;

+	color:black;

+	font-weight:normal;

+	margin:0;

+	padding:0;

+	padding-bottom:0.17em;

+	padding-top:0.5em;

+}

+h1 {

+	font-size:188%;

+	line-height:1.2em;

+	margin-bottom:0.1em;

+	padding-bottom:0;

+}

+h2 {

+	font-size:150%;

+}

+h3, h4, h5, h6 {

+	border-bottom:none;

+	font-weight:bold;

+}

+h3 {

+	font-size:132%;

+}

+h4 {

+	font-size:116%;

+}

+h5 {

+	font-size:100%;

+}

+h6 {

+	font-size:80%;

+}

+ul#page-actions {

+	float:right;

+	margin:10px 10px 0 10px;

+	padding:6px;

+	color:black;

+	background-color:#ececec;

+	list-style-type:none;

+	-moz-border-radius:5px;

+}

+ul#user-actions {

+	padding:5px;

+	margin:0;

+	display:inline;

+	color:black;

+	background-color:#ececec;

+	list-style-type:none;

+	-moz-border-radius:3px;

+}

+ul#page-actions li, ul#user-actions li {

+	display:inline;

+}

+ul#page-actions a, ul#user-actions a {

+	text-decoration:none;

+	color:black;

+	display:inline;

+	margin:0 3px;

+	padding:2px 0px 2px 18px;

+}

+ul#page-actions a:hover, ul#page-actions a:focus, ul#user-actions a:hover, ul#user-actions a:focus {

+	/*text-decoration:underline;*/

+}

+/***************************/

+ul#page-actions2 {

+	float:left;

+	margin:10px 10px 0 10px;

+	padding:6px;

+	color:black;

+	background-color:#ececec;

+	list-style-type:none;

+	-moz-border-radius:5px;

+}

+ul#user-actions2 {

+	padding:5px;

+	margin:0;

+	display:inline;

+	color:black;

+	background-color:#ececec;

+	list-style-type:none;

+	-moz-border-radius:3px;

+}

+ul#page-actions2 li, ul#user-actions2 li {

+	display:inline;

+}

+ul#page-actions2 a, ul#user-actions2 a {

+	text-decoration:none;

+	color:black;

+	display:inline;

+	margin:0 3px;

+	padding:2px 0px 2px 18px;

+}

+ul#page-actions2 a:hover, ul#page-actions2 a:focus, ul#user-actions2 a:hover, ul#user-actions2 a:focus {

+	color: #4e7bb4;

+}

+/****************************/

+.hidden {

+	display:none;

+}

+a.urlextern {

+	color:#36B;

+	background:transparent url(/media/default/img/external-10.2.png) no-repeat scroll right center;

+	padding:0 13px 0 0;

+}

+a[href^="http://www.pyload.org"]:after, a.noextlink:after {

+background:none;

+padding:0;

+}

+a.action.index {

+	background:transparent url(/media/default/img/wiki-tools-index.png) 0px 1px no-repeat;

+}

+a.action.recent {

+	background:transparent url(/media/default/img/wiki-tools-recent.png) 0px 1px no-repeat;

+}

+a.logout {

+	background:transparent url(/media/default/img/user-actions-logout.png) 0px 1px no-repeat;

+}

+a.admin {

+	background:transparent url(/media/default/img/user-actions-admin.png) 0px 1px no-repeat;

+}

+a.profile {

+	background:transparent url(/media/default/img/user-actions-profile.png) 0px 1px no-repeat;

+}

+a.create, a.edit {

+	background:transparent url(/media/default/img/page-tools-edit.png) 0px 1px no-repeat;

+}

+a.source, a.show {

+	background:transparent url(/media/default/img/page-tools-source.png) 0px 1px no-repeat;

+}

+a.revisions {

+	background:transparent url(/media/default/img/page-tools-revisions.png) 0px 1px no-repeat;

+}

+a.subscribe, a.unsubscribe {

+	background:transparent url(/media/default/img/page-tools-subscribe.png) 0px 1px no-repeat;

+}

+a.backlink {

+	background:transparent url(/media/default/img/page-tools-backlinks.png) 0px 1px no-repeat;

+}

+a.play {

+	background:transparent url(/media/default/img/control_play.png) 0px 1px no-repeat;

+}

+a.play:hover {

+	background:transparent url(/media/default/img/control_play_blue.png) 0px 1px no-repeat;

+}

+a.cancel {

+	background:transparent url(/media/default/img/control_cancel.png) 0px 1px no-repeat;

+}

+a.cancel:hover {

+	background:transparent url(/media/default/img/control_cancel_blue.png) 0px 1px no-repeat;

+}

+a.pause {

+	background:transparent url(/media/default/img/control_pause.png) 0px 1px no-repeat;

+}

+a.pause:hover {

+	background:transparent url(/media/default/img/control_pause_blue.png) 0px 1px no-repeat;

+	font-weight: bold;

+}

+a.stop {

+	background:transparent url(/media/default/img/control_stop.png) 0px 1px no-repeat;

+}

+a.stop:hover {

+	background:transparent url(/media/default/img/control_stop_blue.png) 0px 1px no-repeat;

+}

+a.cog {

+	background:transparent url(/media/default/img/cog.png) 0px 1px no-repeat;

+}

+#head-panel {

+	background:#525252 url(/media/default/img/head_bg1.png) bottom left repeat-x;

+}

+#head-panel h1 {

+	display:none;

+	margin:0;

+	text-decoration:none;

+	padding-top:0.8em;

+	padding-left:3.3em;

+	font-size:2.6em;

+	color:#eeeeec;

+}

+#head-panel #head-logo {

+	float:left;

+	margin:5px 0 -15px 5px;

+	padding:0;

+	overflow:visible;

+}

+#head-menu {

+	background:transparent url(/media/default/img/tabs-border-bottom.png) 0 100% repeat-x;

+	width:100%;

+	float:left;

+	margin:0;

+	padding:0;

+	padding-top:0.8em;

+}

+#head-menu ul {

+	list-style:none;

+	margin:0 1em 0 2em;

+}

+#head-menu ul li {

+	float:left;

+	margin:0;

+	margin-left:0.3em;

+	font-size:14px;

+	margin-bottom:4px;

+}

+#head-menu ul li.selected, #head-menu ul li:hover {

+	margin-bottom:0px;

+}

+#head-menu ul li a img {

+	height:22px;

+	width:22px;

+	vertical-align:middle;

+}

+#head-menu ul li a, #head-menu ul li a:link {

+	float:left;

+	text-decoration:none;

+	color:#555;

+	background:#eaeaea url(/media/default/img/tab-background.png) 0 100% repeat-x;

+	padding:3px 7px 3px 7px;

+	border:2px solid #ccc;

+	border-bottom:0px solid transparent;

+	padding-bottom:3px;

+	-moz-border-radius:5px;

+}

+#head-menu ul li a:hover, #head-menu ul li a:focus {

+	color:#111;

+	padding-bottom:7px;

+	border-bottom:0px none transparent;

+	outline:none;

+	-moz-border-radius-bottomright:0px;

+	-moz-border-radius-bottomleft:0px;

+}

+#head-menu ul li a:focus {

+	margin-bottom:-4px;

+}

+#head-menu ul li.selected a {

+	color:#3566A5;

+	background:#fff;

+	padding-bottom:7px;

+	border-bottom:0px none transparent;

+	-moz-border-radius-bottomright:0px;

+	-moz-border-radius-bottomleft:0px;

+}

+#head-menu ul li.selected a:hover, #head-menu ul li.selected a:focus {

+	color:#111;

+}

+div#head-search-and-login {

+	float:right;

+	margin:0 1em 0 0;

+	background-color:#222;

+	padding:4px;

+	color:white;

+	-moz-border-radius-bottomright:6px;

+	-moz-border-radius-bottomleft:6px;

+}

+div#head-search-and-login form {

+	display:inline;

+	padding:0 3px;

+}

+div#head-search-and-login form input {

+	border:2px solid #888;

+	background:#eee;

+	font-size:14px;

+	padding:2px;

+	-moz-border-radius:3px;

+}

+div#head-search-and-login form input:focus {

+	background:#fff;

+}

+#head-search {

+	font-size:14px;

+}

+#head-username, #head-password {

+	width:80px;

+	font-size:14px;

+}

+#pageinfo {

+	clear:both;

+	color:#888;

+	padding:0.6em 0;

+	margin:0;

+}

+#foot {

+	font-style:normal;

+	color:#888;

+	text-align:center;

+}

+#foot a {

+	color:#aaf;

+}

+#foot img {

+	vertical-align:middle;

+}

+ul.toc {

+	padding:0;

+	padding-left:20px;

+	margin-left:0;

+	margin-right:10px;

+	list-style:none;

+}

+ul.toc li {

+	list-style:circle;

+}

+ul.toc li a {

+	text-decoration:none;

+	color:black;

+}

+ul.toc li a:hover {

+	text-decoration:underline;

+}

+div.toc {

+	border:1px dotted #888;

+	background:#f0f0f0;

+	margin:1em 0 1em 1em;

+	float:right;

+	font-size:95%;

+}

+div.toc .tocheader {

+	font-weight:bold;

+	margin:0.5em 1em;

+}

+div.toc ol {

+	margin:1em 0.5em 1em 1em;

+	padding:0;

+}

+div.toc ol li {

+	margin:0;

+	padding:0;

+	margin-left:1em;

+}

+div.toc ol ol {

+	margin:0.5em 0.5em 0.5em 1em;

+	padding:0;

+}

+div.recentchanges table {

+	clear:both;

+}

+div#editor-help {

+	font-size:90%;

+	border:1px dotted #888;

+	padding:0ex 1ex 1ex 1ex;

+	background:#f7f6f2;

+}

+div#preview {

+	margin-top:1em;

+}

+label.block {

+	display:block;

+	text-align:right;

+	font-weight:bold;

+}

+label.simple {

+	display:block;

+	text-align:left;

+	font-weight:normal;

+}

+label.block input.edit {

+	width:50%;

+}

+fieldset {

+	width:300px;

+	text-align:center;

+	padding:0.5em;

+	margin:auto;

+}

+div.editor {

+	margin:0 0 0 0;

+}

+table {

+	margin:0.5em 0;

+	border-collapse:collapse;

+}

+td {

+	padding:0.25em;

+	border:1pt solid #ADB9CC;

+}

+td p {

+	margin:0;

+	padding:0;

+}

+.u {

+	text-decoration:underline;

+}

+.footnotes ul {

+	padding:0 2em;

+	margin:0 0 1em;

+}

+.footnotes li {

+	list-style:none;

+}

+.recentchanges p {

+	margin:0.25em;

+}

+.recentchanges td {

+	vertical-align:top;

+	border:none;

+	border-bottom:1pt solid #F0ECE6;

+	background:#F7F6F2;

+}

+.rcdaybreak td {

+	background:#729fcf;

+	border:none;

+}

+.rcdaybreak td a {

+	font-size:0.88em;

+}

+.rcicon1, .rcicon2 {

+	text-align:center;

+}

+.rcpagelink {

+	width:33%;

+}

+.rctime {

+	font-size:0.88em;

+	white-space:nowrap;

+}

+.rceditor {

+	white-space:nowrap;

+	font-size:0.88em;

+}

+.rccomment {

+	width:66%;

+	color:gray;

+	font-size:0.88em;

+}

+.rcrss {

+	float:right;

+}

+.recentchanges[dir="rtl"] .rcrss {

+	float:left;

+}

+.userpref table, .userpref td {

+	border:none;

+}

+div.codearea {

+	margin:0.5em 0;

+	padding:0;

+	border:1pt solid #AEBDCC;

+	background-color:#F3F5F7;

+	color:black;

+}

+div.codearea pre {

+	margin:0;

+	padding:10pt;

+	border:none;

+}

+a.codenumbers {

+	margin:0 10pt;

+	font-size:0.85em;

+	color:gray;

+}

+div.codearea pre span.LineNumber {

+	color:gray;

+}

+div.codearea pre span.ID {

+	color:#000;

+}

+div.codearea pre span.Operator {

+	color:#0000c0;

+}

+div.codearea pre span.Char {

+	color:#004080;

+}

+div.codearea pre span.Comment {

+	color:#008000;

+}

+div.codearea pre span.Number {

+	color:#0080c0;

+}

+div.codearea pre span.String {

+	color:#004080;

+}

+div.codearea pre span.SPChar {

+	color:#0000c0;

+}

+div.codearea pre span.ResWord {

+	color:#a00000;

+}

+div.codearea pre span.ConsWord {

+	color:#008080;

+	font-weight:bold;

+}

+div.codearea pre span.Error {

+	color:#ff8080;

+	border:solid 1.5pt #f00;

+}

+div.codearea pre span.ResWord2 {

+	color:#0080ff;

+	font-weight:bold;

+}

+div.codearea pre span.Special {

+	color:#00f;

+}

+div.codearea pre span.Preprc {

+	color:#803999;

+}

+#message {

+	clear:both;

+	padding:5px 10px;

+	background-color:#eee;

+	border-bottom:2px solid #ccc;

+}

+#message p {

+	margin:5px 0;

+	padding:0;

+	font-weight:bold;

+}

+#message div.buttons {

+	font-weight:normal;

+}

+.diff {

+	width:99%;

+}

+.diff-title {

+	background-color:#C0C0C0;

+}

+.searchresult dd span {

+	font-weight:bold;

+}

+.diff {

+	width:100%;

+	border:none;

+}

+.diff-blockheader {

+	font-weight:bold;

+	background:#e5e5e5;

+	font-size:1.2em;

+	border-top:2px solid #444;

+	padding:5px;

+}

+.diff th {

+	font-size:120%;

+	width:50%;

+	font-weight:normal;

+	text-align:left;

+	padding-bottom:3px;

+}

+.diff td {

+	font-family:monospace;

+	font-size:100%;

+	border:none;

+}

+.diff-addedline {

+	background-color:#dfd;

+}

+.diff-deletedline {

+	background-color:#ffb;

+}

+.diff-context {

+	color:#888;

+}

+.diff-addedline {

+	background-color:#E0FFE0;

+	vertical-align:sub;

+}

+.diff-deletedline {

+	background-color:#FFFFE0;

+	background-color:#f4cece;

+	vertical-align:sub;

+}

+.diff-addedline strong {

+	background-color:#80FF80;

+	background-color:#8ae234;

+}

+.diff-deletedline strong {

+	background-color:#FFFF80;

+	background-color:#ef2929;

+	background-color:#d78383;

+}

+.box {

+	background:url(/media/default/img/progress-bar-back.gif) right center no-repeat;

+	width:200px;

+	height:20px;

+	float:left;

+}

+.perc {

+	background:url(/media/default/img/progress-bar.gif) right center no-repeat;

+	height:20px;

+}

+.boxtext {

+	font-family:tahoma, arial, sans-serif;

+	font-size:11px;

+	color:#000;

+	float:none;

+	padding:3px 0 0 10px;

+}

+.statusbutton {

+	width:32px;

+	height:32px;

+	float:left;

+	margin-left:-32px;

+	margin-right:5px;

+	opacity:0;

+	cursor:pointer

+}

+.dlsize {

+	float:left;

+	padding-right: 8px;

+}

+.dlspeed {

+	float:left;

+	padding-right: 8px;

+}

+.package {

+	margin-bottom: 10px;

+}

+.packagename {

+	background: url(/media/default/img/folder.png) no-repeat;

+	padding-left: 20px;

+	font-weight: bold;

+	text-transform: uppercase;

+}

+.child {

+	margin-left: 20px;

+}

+.child_status {

+	margin-right: 10px;

+}

+.child_secrow {

+	font-size: 10px;

+}

+

+.header, .header th {

+	text-align: left;

+	font-weight: normal;

+	background-color:#ececec;

+	-moz-border-radius:5px;

+}

+.progress_bar {

+	background: #0C0;

+	height: 5px;

+	

+}

+

+.queue {

+	border: none

+}

+

+.queue tr td {

+	border: none

+}

+

+.header, .header th{

+	text-align: left;

+	font-weight: normal;

+}
\ No newline at end of file
diff --git a/module/web/media/default/css/jquery-ui-1.7.2.custom.css b/module/web/media/default/css/jquery-ui-1.7.2.custom.css
new file mode 100644
index 000000000..62589261a
--- /dev/null
+++ b/module/web/media/default/css/jquery-ui-1.7.2.custom.css
@@ -0,0 +1,406 @@
+/*

+* jQuery UI CSS Framework

+* Copyright (c) 2009 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) 2009 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=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px

+*/

+

+

+/* Component containers

+----------------------------------*/

+.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }

+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }

+.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }

+.ui-widget-content a { color: #333333; }

+.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }

+.ui-widget-header a { color: #ffffff; }

+

+/* Interaction states

+----------------------------------*/

+.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }

+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }

+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }

+.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }

+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }

+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

+

+/* Interaction Cues

+----------------------------------*/

+.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }

+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }

+.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }

+.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }

+.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }

+.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

+.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }

+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

+

+/* Icons

+----------------------------------*/

+

+/* states and images */

+.ui-icon { width: 16px; height: 16px; background-image: url(ui-lightness/images/ui-icons_222222_256x240.png); }

+.ui-widget-content .ui-icon {background-image: url(ui-lightness/images/ui-icons_222222_256x240.png); }

+.ui-widget-header .ui-icon {background-image: url(ui-lightness/images/ui-icons_ffffff_256x240.png); }

+.ui-state-default .ui-icon { background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png); }

+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png); }

+.ui-state-active .ui-icon {background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png); }

+.ui-state-highlight .ui-icon {background-image: url(ui-lightness/images/ui-icons_228ef1_256x240.png); }

+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(ui-lightness/images/ui-icons_ffd27a_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-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; }

+.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }

+.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }

+.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }

+.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }

+.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }

+.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }

+.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }

+.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

+

+/* Overlays */

+.ui-widget-overlay { background: #666666 url(ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }

+.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(ui-lightness/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 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 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; }

+.ui-accordion .ui-accordion-content-active { display: block; }/* 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.8em; text-align: center; }

+.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; 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 .ui-datepicker-title select.ui-datepicker-year { float: right; }

+.ui-datepicker table {width: 100%; font-size: .9em; 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*/

+}/* Dialog

+----------------------------------*/

+.ui-dialog { position: relative; padding: .2em; width: 300px; }

+.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }

+.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 

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

+/* Progressbar

+----------------------------------*/

+.ui-progressbar { height:2em; text-align: left; }

+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* 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: 0px; }

+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }

+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }

+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; 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;}/* 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; }

+

+.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 { padding: .2em; zoom: 1; }

+.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }

+.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }

+.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }

+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }

+.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 { padding: 1em 1.4em; display: block; border-width: 0; background: none; }

+.ui-tabs .ui-tabs-hide { display: none !important; }

diff --git a/module/web/media/default/css/window.css b/module/web/media/default/css/window.css
new file mode 100644
index 000000000..4c209f33b
--- /dev/null
+++ b/module/web/media/default/css/window.css
@@ -0,0 +1,75 @@
+/* ----------- My Form ----------- */

+.myform{

+margin:0 auto;

+width:600px;

+padding:14px;

+

+left:50%;

+top:150px;

+margin-left: -350px;

+position: absolute;

+background: #FFF;

+display:none;

+}

+

+/* ----------- stylized ----------- */

+#add_box{

+border:solid 2px #b7ddf2;

+background:#ebf4fb;

+}

+#add_box h1 {

+font-size:14px;

+font-weight:bold;

+margin-bottom:8px;

+}

+#add_box p{

+font-size:11px;

+color:#666666;

+margin-bottom:20px;

+border-bottom:solid 1px #b7ddf2;

+padding-bottom:10px;

+}

+#add_box label{

+display:block;

+font-weight:bold;

+text-align:right;

+width:240px;

+float:left;

+}

+#add_box .small{

+color:#666666;

+display:block;

+font-size:11px;

+font-weight:normal;

+text-align:right;

+width:240px;

+}

+#add_box input{

+float:left;

+font-size:12px;

+padding:4px 2px;

+border:solid 1px #aacfe4;

+width:300px;

+margin:2px 0 20px 10px;

+}

+#add_box textarea{

+float:left;

+font-size:12px;

+padding:4px 2px;

+border:solid 1px #aacfe4;

+width:300px;

+margin:2px 0 20px 10px;

+}

+#add_box button{

+clear:both;

+margin-left:150px;

+width:125px;

+height:31px;

+background:#666666 url(../img/button.png) no-repeat;

+text-align:center;

+line-height:31px;

+color:#FFFFFF;

+font-size:11px;

+font-weight:bold;

+border: 0px;

+}
\ No newline at end of file
diff --git a/module/web/static/default/Button-Add-grey.png b/module/web/media/default/img/Button-Add-grey.png
index 6659e230e..6659e230e 100644
--- a/module/web/static/default/Button-Add-grey.png
+++ b/module/web/media/default/img/Button-Add-grey.png
diff --git a/module/web/static/default/Button-Add.png b/module/web/media/default/img/Button-Add.png
index 602da4131..602da4131 100644
--- a/module/web/static/default/Button-Add.png
+++ b/module/web/media/default/img/Button-Add.png
diff --git a/module/web/static/default/Button-Pause-grey.png b/module/web/media/default/img/Button-Pause-grey.png
index d1017e974..d1017e974 100644
--- a/module/web/static/default/Button-Pause-grey.png
+++ b/module/web/media/default/img/Button-Pause-grey.png
diff --git a/module/web/static/default/Button-Pause.png b/module/web/media/default/img/Button-Pause.png
index 68f3ffc3a..68f3ffc3a 100644
--- a/module/web/static/default/Button-Pause.png
+++ b/module/web/media/default/img/Button-Pause.png
diff --git a/module/web/static/default/Button-Play-grey.png b/module/web/media/default/img/Button-Play-grey.png
index 9f44c2289..9f44c2289 100644
--- a/module/web/static/default/Button-Play-grey.png
+++ b/module/web/media/default/img/Button-Play-grey.png
diff --git a/module/web/static/default/Button-Play.png b/module/web/media/default/img/Button-Play.png
index 1ce1ed913..1ce1ed913 100644
--- a/module/web/static/default/Button-Play.png
+++ b/module/web/media/default/img/Button-Play.png
diff --git a/module/web/media/default/img/arrow_refresh.png b/module/web/media/default/img/arrow_refresh.png
new file mode 100644
index 000000000..0de26566d
--- /dev/null
+++ b/module/web/media/default/img/arrow_refresh.png
diff --git a/module/web/static/window/big_button.gif b/module/web/media/default/img/big_button.gif
index 7680490ea..7680490ea 100644
--- a/module/web/static/window/big_button.gif
+++ b/module/web/media/default/img/big_button.gif
diff --git a/module/web/static/window/big_button_over.gif b/module/web/media/default/img/big_button_over.gif
index 2e3ee10d2..2e3ee10d2 100644
--- a/module/web/static/window/big_button_over.gif
+++ b/module/web/media/default/img/big_button_over.gif
diff --git a/module/web/static/window/body.png b/module/web/media/default/img/body.png
index 7ff1043e0..7ff1043e0 100644
--- a/module/web/static/window/body.png
+++ b/module/web/media/default/img/body.png
diff --git a/module/web/media/default/img/button.png b/module/web/media/default/img/button.png
new file mode 100644
index 000000000..890160614
--- /dev/null
+++ b/module/web/media/default/img/button.png
diff --git a/module/web/static/window/closebtn.gif b/module/web/media/default/img/closebtn.gif
index 3e27e6030..3e27e6030 100644
--- a/module/web/static/window/closebtn.gif
+++ b/module/web/media/default/img/closebtn.gif
diff --git a/module/web/media/default/img/cog.png b/module/web/media/default/img/cog.png
new file mode 100644
index 000000000..67de2c6cc
--- /dev/null
+++ b/module/web/media/default/img/cog.png
diff --git a/module/web/media/default/img/control_cancel.png b/module/web/media/default/img/control_cancel.png
new file mode 100644
index 000000000..7b9bc3fba
--- /dev/null
+++ b/module/web/media/default/img/control_cancel.png
diff --git a/module/web/media/default/img/control_cancel_blue.png b/module/web/media/default/img/control_cancel_blue.png
new file mode 100644
index 000000000..0c5c96ce3
--- /dev/null
+++ b/module/web/media/default/img/control_cancel_blue.png
diff --git a/module/web/media/default/img/control_pause.png b/module/web/media/default/img/control_pause.png
new file mode 100644
index 000000000..2d9ce9c4e
--- /dev/null
+++ b/module/web/media/default/img/control_pause.png
diff --git a/module/web/media/default/img/control_pause_blue.png b/module/web/media/default/img/control_pause_blue.png
new file mode 100644
index 000000000..ec61099b0
--- /dev/null
+++ b/module/web/media/default/img/control_pause_blue.png
diff --git a/module/web/media/default/img/control_play.png b/module/web/media/default/img/control_play.png
new file mode 100644
index 000000000..0846555d0
--- /dev/null
+++ b/module/web/media/default/img/control_play.png
diff --git a/module/web/media/default/img/control_play_blue.png b/module/web/media/default/img/control_play_blue.png
new file mode 100644
index 000000000..f8c8ec683
--- /dev/null
+++ b/module/web/media/default/img/control_play_blue.png
diff --git a/module/web/media/default/img/control_stop.png b/module/web/media/default/img/control_stop.png
new file mode 100644
index 000000000..893bb60e5
--- /dev/null
+++ b/module/web/media/default/img/control_stop.png
diff --git a/module/web/media/default/img/control_stop_blue.png b/module/web/media/default/img/control_stop_blue.png
new file mode 100644
index 000000000..e6f75d232
--- /dev/null
+++ b/module/web/media/default/img/control_stop_blue.png
diff --git a/module/web/media/default/img/delete.png b/module/web/media/default/img/delete.png
new file mode 100644
index 000000000..08f249365
--- /dev/null
+++ b/module/web/media/default/img/delete.png
diff --git a/module/web/static/window/drag_corner.gif b/module/web/media/default/img/drag_corner.gif
index befb1adf1..befb1adf1 100644
--- a/module/web/static/window/drag_corner.gif
+++ b/module/web/media/default/img/drag_corner.gif
diff --git a/module/web/media/default/img/folder.png b/module/web/media/default/img/folder.png
new file mode 100644
index 000000000..784e8fa48
--- /dev/null
+++ b/module/web/media/default/img/folder.png
diff --git a/module/web/static/window/full.png b/module/web/media/default/img/full.png
index fea52af76..fea52af76 100644
--- a/module/web/static/window/full.png
+++ b/module/web/media/default/img/full.png
diff --git a/module/web/static/default/head-login.png b/module/web/media/default/img/head-login.png
index b59b7cbbf..b59b7cbbf 100644
--- a/module/web/static/default/head-login.png
+++ b/module/web/media/default/img/head-login.png
diff --git a/module/web/static/default/head-menu-development.png b/module/web/media/default/img/head-menu-development.png
index 8ef08e2e5..8ef08e2e5 100644
--- a/module/web/static/default/head-menu-development.png
+++ b/module/web/media/default/img/head-menu-development.png
diff --git a/module/web/static/default/head-menu-download.png b/module/web/media/default/img/head-menu-download.png
index 98c5da9db..98c5da9db 100644
--- a/module/web/static/default/head-menu-download.png
+++ b/module/web/media/default/img/head-menu-download.png
diff --git a/module/web/static/default/head-menu-home.png b/module/web/media/default/img/head-menu-home.png
index 9d62109aa..9d62109aa 100644
--- a/module/web/static/default/head-menu-home.png
+++ b/module/web/media/default/img/head-menu-home.png
diff --git a/module/web/static/default/head-menu-index.png b/module/web/media/default/img/head-menu-index.png
index 44d631064..44d631064 100644
--- a/module/web/static/default/head-menu-index.png
+++ b/module/web/media/default/img/head-menu-index.png
diff --git a/module/web/static/default/head-menu-news.png b/module/web/media/default/img/head-menu-news.png
index 43950ebc9..43950ebc9 100644
--- a/module/web/static/default/head-menu-news.png
+++ b/module/web/media/default/img/head-menu-news.png
diff --git a/module/web/static/default/head-menu-recent.png b/module/web/media/default/img/head-menu-recent.png
index fc9b0497f..fc9b0497f 100644
--- a/module/web/static/default/head-menu-recent.png
+++ b/module/web/media/default/img/head-menu-recent.png
diff --git a/module/web/static/default/head-menu-wiki.png b/module/web/media/default/img/head-menu-wiki.png
index 07cf0102d..07cf0102d 100644
--- a/module/web/static/default/head-menu-wiki.png
+++ b/module/web/media/default/img/head-menu-wiki.png
diff --git a/module/web/static/default/head-search-noshadow.png b/module/web/media/default/img/head-search-noshadow.png
index aafdae015..aafdae015 100644
--- a/module/web/static/default/head-search-noshadow.png
+++ b/module/web/media/default/img/head-search-noshadow.png
diff --git a/module/web/static/default/head_bg1.png b/module/web/media/default/img/head_bg1.png
index f2848c3cc..f2848c3cc 100644
--- a/module/web/static/default/head_bg1.png
+++ b/module/web/media/default/img/head_bg1.png
diff --git a/module/web/static/default/page-tools-backlinks.png b/module/web/media/default/img/page-tools-backlinks.png
index 3eb6a9ce3..3eb6a9ce3 100644
--- a/module/web/static/default/page-tools-backlinks.png
+++ b/module/web/media/default/img/page-tools-backlinks.png
diff --git a/module/web/static/default/page-tools-edit.png b/module/web/media/default/img/page-tools-edit.png
index 188e1c12b..188e1c12b 100644
--- a/module/web/static/default/page-tools-edit.png
+++ b/module/web/media/default/img/page-tools-edit.png
diff --git a/module/web/static/default/page-tools-revisions.png b/module/web/media/default/img/page-tools-revisions.png
index 5c3b8587f..5c3b8587f 100644
--- a/module/web/static/default/page-tools-revisions.png
+++ b/module/web/media/default/img/page-tools-revisions.png
diff --git a/module/web/static/default/pyload-logo-edited3.5-new-font-small.png b/module/web/media/default/img/pyload-logo-edited3.5-new-font-small.png
index 2443cd8b1..2443cd8b1 100644
--- a/module/web/static/default/pyload-logo-edited3.5-new-font-small.png
+++ b/module/web/media/default/img/pyload-logo-edited3.5-new-font-small.png
diff --git a/module/web/media/default/img/status_None.png b/module/web/media/default/img/status_None.png
new file mode 100644
index 000000000..293b13f77
--- /dev/null
+++ b/module/web/media/default/img/status_None.png
diff --git a/module/web/media/default/img/status_aborted.png b/module/web/media/default/img/status_aborted.png
new file mode 100644
index 000000000..0cfd58596
--- /dev/null
+++ b/module/web/media/default/img/status_aborted.png
diff --git a/module/web/media/default/img/status_downloading.png b/module/web/media/default/img/status_downloading.png
new file mode 100644
index 000000000..fb4ebc850
--- /dev/null
+++ b/module/web/media/default/img/status_downloading.png
diff --git a/module/web/media/default/img/status_failed.png b/module/web/media/default/img/status_failed.png
new file mode 100644
index 000000000..0cfd58596
--- /dev/null
+++ b/module/web/media/default/img/status_failed.png
diff --git a/module/web/media/default/img/status_finished.png b/module/web/media/default/img/status_finished.png
new file mode 100644
index 000000000..89c8129a4
--- /dev/null
+++ b/module/web/media/default/img/status_finished.png
diff --git a/module/web/media/default/img/status_waiting.png b/module/web/media/default/img/status_waiting.png
new file mode 100644
index 000000000..2842cc338
--- /dev/null
+++ b/module/web/media/default/img/status_waiting.png
diff --git a/module/web/static/default/tab-background.png b/module/web/media/default/img/tab-background.png
index 29a5d1991..29a5d1991 100644
--- a/module/web/static/default/tab-background.png
+++ b/module/web/media/default/img/tab-background.png
diff --git a/module/web/static/default/tabs-border-bottom.png b/module/web/media/default/img/tabs-border-bottom.png
index 02440f428..02440f428 100644
--- a/module/web/static/default/tabs-border-bottom.png
+++ b/module/web/media/default/img/tabs-border-bottom.png
diff --git a/module/web/static/default/user-actions-logout.png b/module/web/media/default/img/user-actions-logout.png
index 0010931e2..0010931e2 100644
--- a/module/web/static/default/user-actions-logout.png
+++ b/module/web/media/default/img/user-actions-logout.png
diff --git a/module/web/static/default/user-actions-profile.png b/module/web/media/default/img/user-actions-profile.png
index 46573fff6..46573fff6 100644
--- a/module/web/static/default/user-actions-profile.png
+++ b/module/web/media/default/img/user-actions-profile.png
diff --git a/module/web/media/default/js/funktions.js b/module/web/media/default/js/funktions.js
new file mode 100644
index 000000000..9ca165b36
--- /dev/null
+++ b/module/web/media/default/js/funktions.js
@@ -0,0 +1,23 @@
+// JavaScript Document

+function SecToRightTime(sek)

+{

+	vreturn = sek > 86400 ? sprintf('%d Tag%s ', sek / 86400, Math.floor(sek / 86400) != 1 ? 'e':'') : '';

+	vreturn += sprintf('%02d:%02d:%02d', sek / 3600 % 24, sek / 60 % 60, sek % 60 );

+	return vreturn;

+}

+

+function HumanFileSize(size)

+{

+	var filesizename = new Array("KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB");

+	var loga = Math.log(size)/Math.log(1024);

+	var i = Math.floor(loga);

+	var a = Math.pow(1024, i);

+	return Math.round( size / a , 2) + " " + filesizename[i];

+}

+

+Array.prototype.remove = function(from, to) {

+  var rest = this.slice((to || from) + 1 || this.length);

+  this.length = from < 0 ? this.length + from : from;

+  if (this.length == 0) return [];

+  return this.push.apply(this, rest);

+};
\ No newline at end of file
diff --git a/module/web/media/default/js/jquery.timers-1.2.js b/module/web/media/default/js/jquery.timers-1.2.js
new file mode 100644
index 000000000..ad22e93ce
--- /dev/null
+++ b/module/web/media/default/js/jquery.timers-1.2.js
@@ -0,0 +1,138 @@
+/**

+ * jQuery.timers - Timer abstractions for jQuery

+ * Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com)

+ * Licensed under the WTFPL (http://sam.zoy.org/wtfpl/).

+ * Date: 2009/10/16

+ *

+ * @author Blair Mitchelmore

+ * @version 1.2

+ *

+ **/

+

+jQuery.fn.extend({

+	everyTime: function(interval, label, fn, times) {

+		return this.each(function() {

+			jQuery.timer.add(this, interval, label, fn, times);

+		});

+	},

+	oneTime: function(interval, label, fn) {

+		return this.each(function() {

+			jQuery.timer.add(this, interval, label, fn, 1);

+		});

+	},

+	stopTime: function(label, fn) {

+		return this.each(function() {

+			jQuery.timer.remove(this, label, fn);

+		});

+	}

+});

+

+jQuery.extend({

+	timer: {

+		global: [],

+		guid: 1,

+		dataKey: "jQuery.timer",

+		regex: /^([0-9]+(?:\.[0-9]*)?)\s*(.*s)?$/,

+		powers: {

+			// Yeah this is major overkill...

+			'ms': 1,

+			'cs': 10,

+			'ds': 100,

+			's': 1000,

+			'das': 10000,

+			'hs': 100000,

+			'ks': 1000000

+		},

+		timeParse: function(value) {

+			if (value == undefined || value == null)

+				return null;

+			var result = this.regex.exec(jQuery.trim(value.toString()));

+			if (result[2]) {

+				var num = parseFloat(result[1]);

+				var mult = this.powers[result[2]] || 1;

+				return num * mult;

+			} else {

+				return value;

+			}

+		},

+		add: function(element, interval, label, fn, times) {

+			var counter = 0;

+			

+			if (jQuery.isFunction(label)) {

+				if (!times) 

+					times = fn;

+				fn = label;

+				label = interval;

+			}

+			

+			interval = jQuery.timer.timeParse(interval);

+

+			if (typeof interval != 'number' || isNaN(interval) || interval < 0)

+				return;

+

+			if (typeof times != 'number' || isNaN(times) || times < 0) 

+				times = 0;

+			

+			times = times || 0;

+			

+			var timers = jQuery.data(element, this.dataKey) || jQuery.data(element, this.dataKey, {});

+			

+			if (!timers[label])

+				timers[label] = {};

+			

+			fn.timerID = fn.timerID || this.guid++;

+			

+			var handler = function() {

+				if ((++counter > times && times !== 0) || fn.call(element, counter) === false)

+					jQuery.timer.remove(element, label, fn);

+			};

+			

+			handler.timerID = fn.timerID;

+			

+			if (!timers[label][fn.timerID])

+				timers[label][fn.timerID] = window.setInterval(handler,interval);

+			

+			this.global.push( element );

+			

+		},

+		remove: function(element, label, fn) {

+			var timers = jQuery.data(element, this.dataKey), ret;

+			

+			if ( timers ) {

+				

+				if (!label) {

+					for ( label in timers )

+						this.remove(element, label, fn);

+				} else if ( timers[label] ) {

+					if ( fn ) {

+						if ( fn.timerID ) {

+							window.clearInterval(timers[label][fn.timerID]);

+							delete timers[label][fn.timerID];

+						}

+					} else {

+						for ( var fn in timers[label] ) {

+							window.clearInterval(timers[label][fn]);

+							delete timers[label][fn];

+						}

+					}

+					

+					for ( ret in timers[label] ) break;

+					if ( !ret ) {

+						ret = null;

+						delete timers[label];

+					}

+				}

+				

+				for ( ret in timers ) break;

+				if ( !ret ) 

+					jQuery.removeData(element, this.dataKey);

+			}

+		}

+	}

+});

+

+jQuery(window).bind("unload", function() {

+	jQuery.each(jQuery.timer.global, function(index, item) {

+		jQuery.timer.remove(item);

+	});

+});
\ No newline at end of file
diff --git a/module/web/static/mootools-1.2.3-core.js b/module/web/media/default/js/mootools-1.2.3-core.js
index 25f1f9d03..25f1f9d03 100644
--- a/module/web/static/mootools-1.2.3-core.js
+++ b/module/web/media/default/js/mootools-1.2.3-core.js
diff --git a/module/web/static/mootools-1.2.3.1-more.js b/module/web/media/default/js/mootools-1.2.3.1-more.js
index f3e4b4121..f3e4b4121 100644
--- a/module/web/static/mootools-1.2.3.1-more.js
+++ b/module/web/media/default/js/mootools-1.2.3.1-more.js
diff --git a/module/web/media/default/js/mootools-1.2.4-core.js b/module/web/media/default/js/mootools-1.2.4-core.js
new file mode 100644
index 000000000..6ea6a530a
--- /dev/null
+++ b/module/web/media/default/js/mootools-1.2.4-core.js
@@ -0,0 +1,337 @@
+//MooTools, <http://mootools.net>, My Object Oriented (JavaScript) Tools. Copyright (c) 2006-2009 Valerio Proietti, <http://mad4milk.net>, MIT Style License.
+
+var MooTools={version:"1.2.4",build:"0d9113241a90b9cd5643b926795852a2026710d4"};var Native=function(k){k=k||{};var a=k.name;var i=k.legacy;var b=k.protect;
+var c=k.implement;var h=k.generics;var f=k.initialize;var g=k.afterImplement||function(){};var d=f||i;h=h!==false;d.constructor=Native;d.$family={name:"native"};
+if(i&&f){d.prototype=i.prototype;}d.prototype.constructor=d;if(a){var e=a.toLowerCase();d.prototype.$family={name:e};Native.typize(d,e);}var j=function(n,l,o,m){if(!b||m||!n.prototype[l]){n.prototype[l]=o;
+}if(h){Native.genericize(n,l,b);}g.call(n,l,o);return n;};d.alias=function(n,l,p){if(typeof n=="string"){var o=this.prototype[n];if((n=o)){return j(this,l,n,p);
+}}for(var m in n){this.alias(m,n[m],l);}return this;};d.implement=function(m,l,o){if(typeof m=="string"){return j(this,m,l,o);}for(var n in m){j(this,n,m[n],l);
+}return this;};if(c){d.implement(c);}return d;};Native.genericize=function(b,c,a){if((!a||!b[c])&&typeof b.prototype[c]=="function"){b[c]=function(){var d=Array.prototype.slice.call(arguments);
+return b.prototype[c].apply(d.shift(),d);};}};Native.implement=function(d,c){for(var b=0,a=d.length;b<a;b++){d[b].implement(c);}};Native.typize=function(a,b){if(!a.type){a.type=function(c){return($type(c)===b);
+};}};(function(){var a={Array:Array,Date:Date,Function:Function,Number:Number,RegExp:RegExp,String:String};for(var h in a){new Native({name:h,initialize:a[h],protect:true});
+}var d={"boolean":Boolean,"native":Native,object:Object};for(var c in d){Native.typize(d[c],c);}var f={Array:["concat","indexOf","join","lastIndexOf","pop","push","reverse","shift","slice","sort","splice","toString","unshift","valueOf"],String:["charAt","charCodeAt","concat","indexOf","lastIndexOf","match","replace","search","slice","split","substr","substring","toLowerCase","toUpperCase","valueOf"]};
+for(var e in f){for(var b=f[e].length;b--;){Native.genericize(a[e],f[e][b],true);}}})();var Hash=new Native({name:"Hash",initialize:function(a){if($type(a)=="hash"){a=$unlink(a.getClean());
+}for(var b in a){this[b]=a[b];}return this;}});Hash.implement({forEach:function(b,c){for(var a in this){if(this.hasOwnProperty(a)){b.call(c,this[a],a,this);
+}}},getClean:function(){var b={};for(var a in this){if(this.hasOwnProperty(a)){b[a]=this[a];}}return b;},getLength:function(){var b=0;for(var a in this){if(this.hasOwnProperty(a)){b++;
+}}return b;}});Hash.alias("forEach","each");Array.implement({forEach:function(c,d){for(var b=0,a=this.length;b<a;b++){c.call(d,this[b],b,this);}}});Array.alias("forEach","each");
+function $A(b){if(b.item){var a=b.length,c=new Array(a);while(a--){c[a]=b[a];}return c;}return Array.prototype.slice.call(b);}function $arguments(a){return function(){return arguments[a];
+};}function $chk(a){return !!(a||a===0);}function $clear(a){clearTimeout(a);clearInterval(a);return null;}function $defined(a){return(a!=undefined);}function $each(c,b,d){var a=$type(c);
+((a=="arguments"||a=="collection"||a=="array")?Array:Hash).each(c,b,d);}function $empty(){}function $extend(c,a){for(var b in (a||{})){c[b]=a[b];}return c;
+}function $H(a){return new Hash(a);}function $lambda(a){return($type(a)=="function")?a:function(){return a;};}function $merge(){var a=Array.slice(arguments);
+a.unshift({});return $mixin.apply(null,a);}function $mixin(e){for(var d=1,a=arguments.length;d<a;d++){var b=arguments[d];if($type(b)!="object"){continue;
+}for(var c in b){var g=b[c],f=e[c];e[c]=(f&&$type(g)=="object"&&$type(f)=="object")?$mixin(f,g):$unlink(g);}}return e;}function $pick(){for(var b=0,a=arguments.length;
+b<a;b++){if(arguments[b]!=undefined){return arguments[b];}}return null;}function $random(b,a){return Math.floor(Math.random()*(a-b+1)+b);}function $splat(b){var a=$type(b);
+return(a)?((a!="array"&&a!="arguments")?[b]:b):[];}var $time=Date.now||function(){return +new Date;};function $try(){for(var b=0,a=arguments.length;b<a;
+b++){try{return arguments[b]();}catch(c){}}return null;}function $type(a){if(a==undefined){return false;}if(a.$family){return(a.$family.name=="number"&&!isFinite(a))?false:a.$family.name;
+}if(a.nodeName){switch(a.nodeType){case 1:return"element";case 3:return(/\S/).test(a.nodeValue)?"textnode":"whitespace";}}else{if(typeof a.length=="number"){if(a.callee){return"arguments";
+}else{if(a.item){return"collection";}}}}return typeof a;}function $unlink(c){var b;switch($type(c)){case"object":b={};for(var e in c){b[e]=$unlink(c[e]);
+}break;case"hash":b=new Hash(c);break;case"array":b=[];for(var d=0,a=c.length;d<a;d++){b[d]=$unlink(c[d]);}break;default:return c;}return b;}var Browser=$merge({Engine:{name:"unknown",version:0},Platform:{name:(window.orientation!=undefined)?"ipod":(navigator.platform.match(/mac|win|linux/i)||["other"])[0].toLowerCase()},Features:{xpath:!!(document.evaluate),air:!!(window.runtime),query:!!(document.querySelector)},Plugins:{},Engines:{presto:function(){return(!window.opera)?false:((arguments.callee.caller)?960:((document.getElementsByClassName)?950:925));
+},trident:function(){return(!window.ActiveXObject)?false:((window.XMLHttpRequest)?((document.querySelectorAll)?6:5):4);},webkit:function(){return(navigator.taintEnabled)?false:((Browser.Features.xpath)?((Browser.Features.query)?525:420):419);
+},gecko:function(){return(!document.getBoxObjectFor&&window.mozInnerScreenX==null)?false:((document.getElementsByClassName)?19:18);}}},Browser||{});Browser.Platform[Browser.Platform.name]=true;
+Browser.detect=function(){for(var b in this.Engines){var a=this.Engines[b]();if(a){this.Engine={name:b,version:a};this.Engine[b]=this.Engine[b+a]=true;
+break;}}return{name:b,version:a};};Browser.detect();Browser.Request=function(){return $try(function(){return new XMLHttpRequest();},function(){return new ActiveXObject("MSXML2.XMLHTTP");
+},function(){return new ActiveXObject("Microsoft.XMLHTTP");});};Browser.Features.xhr=!!(Browser.Request());Browser.Plugins.Flash=(function(){var a=($try(function(){return navigator.plugins["Shockwave Flash"].description;
+},function(){return new ActiveXObject("ShockwaveFlash.ShockwaveFlash").GetVariable("$version");})||"0 r0").match(/\d+/g);return{version:parseInt(a[0]||0+"."+a[1],10)||0,build:parseInt(a[2],10)||0};
+})();function $exec(b){if(!b){return b;}if(window.execScript){window.execScript(b);}else{var a=document.createElement("script");a.setAttribute("type","text/javascript");
+a[(Browser.Engine.webkit&&Browser.Engine.version<420)?"innerText":"text"]=b;document.head.appendChild(a);document.head.removeChild(a);}return b;}Native.UID=1;
+var $uid=(Browser.Engine.trident)?function(a){return(a.uid||(a.uid=[Native.UID++]))[0];}:function(a){return a.uid||(a.uid=Native.UID++);};var Window=new Native({name:"Window",legacy:(Browser.Engine.trident)?null:window.Window,initialize:function(a){$uid(a);
+if(!a.Element){a.Element=$empty;if(Browser.Engine.webkit){a.document.createElement("iframe");}a.Element.prototype=(Browser.Engine.webkit)?window["[[DOMElement.prototype]]"]:{};
+}a.document.window=a;return $extend(a,Window.Prototype);},afterImplement:function(b,a){window[b]=Window.Prototype[b]=a;}});Window.Prototype={$family:{name:"window"}};
+new Window(window);var Document=new Native({name:"Document",legacy:(Browser.Engine.trident)?null:window.Document,initialize:function(a){$uid(a);a.head=a.getElementsByTagName("head")[0];
+a.html=a.getElementsByTagName("html")[0];if(Browser.Engine.trident&&Browser.Engine.version<=4){$try(function(){a.execCommand("BackgroundImageCache",false,true);
+});}if(Browser.Engine.trident){a.window.attachEvent("onunload",function(){a.window.detachEvent("onunload",arguments.callee);a.head=a.html=a.window=null;
+});}return $extend(a,Document.Prototype);},afterImplement:function(b,a){document[b]=Document.Prototype[b]=a;}});Document.Prototype={$family:{name:"document"}};
+new Document(document);Array.implement({every:function(c,d){for(var b=0,a=this.length;b<a;b++){if(!c.call(d,this[b],b,this)){return false;}}return true;
+},filter:function(d,e){var c=[];for(var b=0,a=this.length;b<a;b++){if(d.call(e,this[b],b,this)){c.push(this[b]);}}return c;},clean:function(){return this.filter($defined);
+},indexOf:function(c,d){var a=this.length;for(var b=(d<0)?Math.max(0,a+d):d||0;b<a;b++){if(this[b]===c){return b;}}return -1;},map:function(d,e){var c=[];
+for(var b=0,a=this.length;b<a;b++){c[b]=d.call(e,this[b],b,this);}return c;},some:function(c,d){for(var b=0,a=this.length;b<a;b++){if(c.call(d,this[b],b,this)){return true;
+}}return false;},associate:function(c){var d={},b=Math.min(this.length,c.length);for(var a=0;a<b;a++){d[c[a]]=this[a];}return d;},link:function(c){var a={};
+for(var e=0,b=this.length;e<b;e++){for(var d in c){if(c[d](this[e])){a[d]=this[e];delete c[d];break;}}}return a;},contains:function(a,b){return this.indexOf(a,b)!=-1;
+},extend:function(c){for(var b=0,a=c.length;b<a;b++){this.push(c[b]);}return this;},getLast:function(){return(this.length)?this[this.length-1]:null;},getRandom:function(){return(this.length)?this[$random(0,this.length-1)]:null;
+},include:function(a){if(!this.contains(a)){this.push(a);}return this;},combine:function(c){for(var b=0,a=c.length;b<a;b++){this.include(c[b]);}return this;
+},erase:function(b){for(var a=this.length;a--;a){if(this[a]===b){this.splice(a,1);}}return this;},empty:function(){this.length=0;return this;},flatten:function(){var d=[];
+for(var b=0,a=this.length;b<a;b++){var c=$type(this[b]);if(!c){continue;}d=d.concat((c=="array"||c=="collection"||c=="arguments")?Array.flatten(this[b]):this[b]);
+}return d;},hexToRgb:function(b){if(this.length!=3){return null;}var a=this.map(function(c){if(c.length==1){c+=c;}return c.toInt(16);});return(b)?a:"rgb("+a+")";
+},rgbToHex:function(d){if(this.length<3){return null;}if(this.length==4&&this[3]==0&&!d){return"transparent";}var b=[];for(var a=0;a<3;a++){var c=(this[a]-0).toString(16);
+b.push((c.length==1)?"0"+c:c);}return(d)?b:"#"+b.join("");}});Function.implement({extend:function(a){for(var b in a){this[b]=a[b];}return this;},create:function(b){var a=this;
+b=b||{};return function(d){var c=b.arguments;c=(c!=undefined)?$splat(c):Array.slice(arguments,(b.event)?1:0);if(b.event){c=[d||window.event].extend(c);
+}var e=function(){return a.apply(b.bind||null,c);};if(b.delay){return setTimeout(e,b.delay);}if(b.periodical){return setInterval(e,b.periodical);}if(b.attempt){return $try(e);
+}return e();};},run:function(a,b){return this.apply(b,$splat(a));},pass:function(a,b){return this.create({bind:b,arguments:a});},bind:function(b,a){return this.create({bind:b,arguments:a});
+},bindWithEvent:function(b,a){return this.create({bind:b,arguments:a,event:true});},attempt:function(a,b){return this.create({bind:b,arguments:a,attempt:true})();
+},delay:function(b,c,a){return this.create({bind:c,arguments:a,delay:b})();},periodical:function(c,b,a){return this.create({bind:b,arguments:a,periodical:c})();
+}});Number.implement({limit:function(b,a){return Math.min(a,Math.max(b,this));},round:function(a){a=Math.pow(10,a||0);return Math.round(this*a)/a;},times:function(b,c){for(var a=0;
+a<this;a++){b.call(c,a,this);}},toFloat:function(){return parseFloat(this);},toInt:function(a){return parseInt(this,a||10);}});Number.alias("times","each");
+(function(b){var a={};b.each(function(c){if(!Number[c]){a[c]=function(){return Math[c].apply(null,[this].concat($A(arguments)));};}});Number.implement(a);
+})(["abs","acos","asin","atan","atan2","ceil","cos","exp","floor","log","max","min","pow","sin","sqrt","tan"]);String.implement({test:function(a,b){return((typeof a=="string")?new RegExp(a,b):a).test(this);
+},contains:function(a,b){return(b)?(b+this+b).indexOf(b+a+b)>-1:this.indexOf(a)>-1;},trim:function(){return this.replace(/^\s+|\s+$/g,"");},clean:function(){return this.replace(/\s+/g," ").trim();
+},camelCase:function(){return this.replace(/-\D/g,function(a){return a.charAt(1).toUpperCase();});},hyphenate:function(){return this.replace(/[A-Z]/g,function(a){return("-"+a.charAt(0).toLowerCase());
+});},capitalize:function(){return this.replace(/\b[a-z]/g,function(a){return a.toUpperCase();});},escapeRegExp:function(){return this.replace(/([-.*+?^${}()|[\]\/\\])/g,"\\$1");
+},toInt:function(a){return parseInt(this,a||10);},toFloat:function(){return parseFloat(this);},hexToRgb:function(b){var a=this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/);
+return(a)?a.slice(1).hexToRgb(b):null;},rgbToHex:function(b){var a=this.match(/\d{1,3}/g);return(a)?a.rgbToHex(b):null;},stripScripts:function(b){var a="";
+var c=this.replace(/<script[^>]*>([\s\S]*?)<\/script>/gi,function(){a+=arguments[1]+"\n";return"";});if(b===true){$exec(a);}else{if($type(b)=="function"){b(a,c);
+}}return c;},substitute:function(a,b){return this.replace(b||(/\\?\{([^{}]+)\}/g),function(d,c){if(d.charAt(0)=="\\"){return d.slice(1);}return(a[c]!=undefined)?a[c]:"";
+});}});Hash.implement({has:Object.prototype.hasOwnProperty,keyOf:function(b){for(var a in this){if(this.hasOwnProperty(a)&&this[a]===b){return a;}}return null;
+},hasValue:function(a){return(Hash.keyOf(this,a)!==null);},extend:function(a){Hash.each(a||{},function(c,b){Hash.set(this,b,c);},this);return this;},combine:function(a){Hash.each(a||{},function(c,b){Hash.include(this,b,c);
+},this);return this;},erase:function(a){if(this.hasOwnProperty(a)){delete this[a];}return this;},get:function(a){return(this.hasOwnProperty(a))?this[a]:null;
+},set:function(a,b){if(!this[a]||this.hasOwnProperty(a)){this[a]=b;}return this;},empty:function(){Hash.each(this,function(b,a){delete this[a];},this);
+return this;},include:function(a,b){if(this[a]==undefined){this[a]=b;}return this;},map:function(b,c){var a=new Hash;Hash.each(this,function(e,d){a.set(d,b.call(c,e,d,this));
+},this);return a;},filter:function(b,c){var a=new Hash;Hash.each(this,function(e,d){if(b.call(c,e,d,this)){a.set(d,e);}},this);return a;},every:function(b,c){for(var a in this){if(this.hasOwnProperty(a)&&!b.call(c,this[a],a)){return false;
+}}return true;},some:function(b,c){for(var a in this){if(this.hasOwnProperty(a)&&b.call(c,this[a],a)){return true;}}return false;},getKeys:function(){var a=[];
+Hash.each(this,function(c,b){a.push(b);});return a;},getValues:function(){var a=[];Hash.each(this,function(b){a.push(b);});return a;},toQueryString:function(a){var b=[];
+Hash.each(this,function(f,e){if(a){e=a+"["+e+"]";}var d;switch($type(f)){case"object":d=Hash.toQueryString(f,e);break;case"array":var c={};f.each(function(h,g){c[g]=h;
+});d=Hash.toQueryString(c,e);break;default:d=e+"="+encodeURIComponent(f);}if(f!=undefined){b.push(d);}});return b.join("&");}});Hash.alias({keyOf:"indexOf",hasValue:"contains"});
+var Event=new Native({name:"Event",initialize:function(a,f){f=f||window;var k=f.document;a=a||f.event;if(a.$extended){return a;}this.$extended=true;var j=a.type;
+var g=a.target||a.srcElement;while(g&&g.nodeType==3){g=g.parentNode;}if(j.test(/key/)){var b=a.which||a.keyCode;var m=Event.Keys.keyOf(b);if(j=="keydown"){var d=b-111;
+if(d>0&&d<13){m="f"+d;}}m=m||String.fromCharCode(b).toLowerCase();}else{if(j.match(/(click|mouse|menu)/i)){k=(!k.compatMode||k.compatMode=="CSS1Compat")?k.html:k.body;
+var i={x:a.pageX||a.clientX+k.scrollLeft,y:a.pageY||a.clientY+k.scrollTop};var c={x:(a.pageX)?a.pageX-f.pageXOffset:a.clientX,y:(a.pageY)?a.pageY-f.pageYOffset:a.clientY};
+if(j.match(/DOMMouseScroll|mousewheel/)){var h=(a.wheelDelta)?a.wheelDelta/120:-(a.detail||0)/3;}var e=(a.which==3)||(a.button==2);var l=null;if(j.match(/over|out/)){switch(j){case"mouseover":l=a.relatedTarget||a.fromElement;
+break;case"mouseout":l=a.relatedTarget||a.toElement;}if(!(function(){while(l&&l.nodeType==3){l=l.parentNode;}return true;}).create({attempt:Browser.Engine.gecko})()){l=false;
+}}}}return $extend(this,{event:a,type:j,page:i,client:c,rightClick:e,wheel:h,relatedTarget:l,target:g,code:b,key:m,shift:a.shiftKey,control:a.ctrlKey,alt:a.altKey,meta:a.metaKey});
+}});Event.Keys=new Hash({enter:13,up:38,down:40,left:37,right:39,esc:27,space:32,backspace:8,tab:9,"delete":46});Event.implement({stop:function(){return this.stopPropagation().preventDefault();
+},stopPropagation:function(){if(this.event.stopPropagation){this.event.stopPropagation();}else{this.event.cancelBubble=true;}return this;},preventDefault:function(){if(this.event.preventDefault){this.event.preventDefault();
+}else{this.event.returnValue=false;}return this;}});function Class(b){if(b instanceof Function){b={initialize:b};}var a=function(){Object.reset(this);if(a._prototyping){return this;
+}this._current=$empty;var c=(this.initialize)?this.initialize.apply(this,arguments):this;delete this._current;delete this.caller;return c;}.extend(this);
+a.implement(b);a.constructor=Class;a.prototype.constructor=a;return a;}Function.prototype.protect=function(){this._protected=true;return this;};Object.reset=function(a,c){if(c==null){for(var e in a){Object.reset(a,e);
+}return a;}delete a[c];switch($type(a[c])){case"object":var d=function(){};d.prototype=a[c];var b=new d;a[c]=Object.reset(b);break;case"array":a[c]=$unlink(a[c]);
+break;}return a;};new Native({name:"Class",initialize:Class}).extend({instantiate:function(b){b._prototyping=true;var a=new b;delete b._prototyping;return a;
+},wrap:function(a,b,c){if(c._origin){c=c._origin;}return function(){if(c._protected&&this._current==null){throw new Error('The method "'+b+'" cannot be called.');
+}var e=this.caller,f=this._current;this.caller=f;this._current=arguments.callee;var d=c.apply(this,arguments);this._current=f;this.caller=e;return d;}.extend({_owner:a,_origin:c,_name:b});
+}});Class.implement({implement:function(a,d){if($type(a)=="object"){for(var e in a){this.implement(e,a[e]);}return this;}var f=Class.Mutators[a];if(f){d=f.call(this,d);
+if(d==null){return this;}}var c=this.prototype;switch($type(d)){case"function":if(d._hidden){return this;}c[a]=Class.wrap(this,a,d);break;case"object":var b=c[a];
+if($type(b)=="object"){$mixin(b,d);}else{c[a]=$unlink(d);}break;case"array":c[a]=$unlink(d);break;default:c[a]=d;}return this;}});Class.Mutators={Extends:function(a){this.parent=a;
+this.prototype=Class.instantiate(a);this.implement("parent",function(){var b=this.caller._name,c=this.caller._owner.parent.prototype[b];if(!c){throw new Error('The method "'+b+'" has no parent.');
+}return c.apply(this,arguments);}.protect());},Implements:function(a){$splat(a).each(function(b){if(b instanceof Function){b=Class.instantiate(b);}this.implement(b);
+},this);}};var Chain=new Class({$chain:[],chain:function(){this.$chain.extend(Array.flatten(arguments));return this;},callChain:function(){return(this.$chain.length)?this.$chain.shift().apply(this,arguments):false;
+},clearChain:function(){this.$chain.empty();return this;}});var Events=new Class({$events:{},addEvent:function(c,b,a){c=Events.removeOn(c);if(b!=$empty){this.$events[c]=this.$events[c]||[];
+this.$events[c].include(b);if(a){b.internal=true;}}return this;},addEvents:function(a){for(var b in a){this.addEvent(b,a[b]);}return this;},fireEvent:function(c,b,a){c=Events.removeOn(c);
+if(!this.$events||!this.$events[c]){return this;}this.$events[c].each(function(d){d.create({bind:this,delay:a,"arguments":b})();},this);return this;},removeEvent:function(b,a){b=Events.removeOn(b);
+if(!this.$events[b]){return this;}if(!a.internal){this.$events[b].erase(a);}return this;},removeEvents:function(c){var d;if($type(c)=="object"){for(d in c){this.removeEvent(d,c[d]);
+}return this;}if(c){c=Events.removeOn(c);}for(d in this.$events){if(c&&c!=d){continue;}var b=this.$events[d];for(var a=b.length;a--;a){this.removeEvent(d,b[a]);
+}}return this;}});Events.removeOn=function(a){return a.replace(/^on([A-Z])/,function(b,c){return c.toLowerCase();});};var Options=new Class({setOptions:function(){this.options=$merge.run([this.options].extend(arguments));
+if(!this.addEvent){return this;}for(var a in this.options){if($type(this.options[a])!="function"||!(/^on[A-Z]/).test(a)){continue;}this.addEvent(a,this.options[a]);
+delete this.options[a];}return this;}});var Element=new Native({name:"Element",legacy:window.Element,initialize:function(a,b){var c=Element.Constructors.get(a);
+if(c){return c(b);}if(typeof a=="string"){return document.newElement(a,b);}return document.id(a).set(b);},afterImplement:function(a,b){Element.Prototype[a]=b;
+if(Array[a]){return;}Elements.implement(a,function(){var c=[],g=true;for(var e=0,d=this.length;e<d;e++){var f=this[e][a].apply(this[e],arguments);c.push(f);
+if(g){g=($type(f)=="element");}}return(g)?new Elements(c):c;});}});Element.Prototype={$family:{name:"element"}};Element.Constructors=new Hash;var IFrame=new Native({name:"IFrame",generics:false,initialize:function(){var f=Array.link(arguments,{properties:Object.type,iframe:$defined});
+var d=f.properties||{};var c=document.id(f.iframe);var e=d.onload||$empty;delete d.onload;d.id=d.name=$pick(d.id,d.name,c?(c.id||c.name):"IFrame_"+$time());
+c=new Element(c||"iframe",d);var b=function(){var g=$try(function(){return c.contentWindow.location.host;});if(!g||g==window.location.host){var h=new Window(c.contentWindow);
+new Document(c.contentWindow.document);$extend(h.Element.prototype,Element.Prototype);}e.call(c.contentWindow,c.contentWindow.document);};var a=$try(function(){return c.contentWindow;
+});((a&&a.document.body)||window.frames[d.id])?b():c.addListener("load",b);return c;}});var Elements=new Native({initialize:function(f,b){b=$extend({ddup:true,cash:true},b);
+f=f||[];if(b.ddup||b.cash){var g={},e=[];for(var c=0,a=f.length;c<a;c++){var d=document.id(f[c],!b.cash);if(b.ddup){if(g[d.uid]){continue;}g[d.uid]=true;
+}if(d){e.push(d);}}f=e;}return(b.cash)?$extend(f,this):f;}});Elements.implement({filter:function(a,b){if(!a){return this;}return new Elements(Array.filter(this,(typeof a=="string")?function(c){return c.match(a);
+}:a,b));}});Document.implement({newElement:function(a,b){if(Browser.Engine.trident&&b){["name","type","checked"].each(function(c){if(!b[c]){return;}a+=" "+c+'="'+b[c]+'"';
+if(c!="checked"){delete b[c];}});a="<"+a+">";}return document.id(this.createElement(a)).set(b);},newTextNode:function(a){return this.createTextNode(a);
+},getDocument:function(){return this;},getWindow:function(){return this.window;},id:(function(){var a={string:function(d,c,b){d=b.getElementById(d);return(d)?a.element(d,c):null;
+},element:function(b,e){$uid(b);if(!e&&!b.$family&&!(/^object|embed$/i).test(b.tagName)){var c=Element.Prototype;for(var d in c){b[d]=c[d];}}return b;},object:function(c,d,b){if(c.toElement){return a.element(c.toElement(b),d);
+}return null;}};a.textnode=a.whitespace=a.window=a.document=$arguments(0);return function(c,e,d){if(c&&c.$family&&c.uid){return c;}var b=$type(c);return(a[b])?a[b](c,e,d||document):null;
+};})()});if(window.$==null){Window.implement({$:function(a,b){return document.id(a,b,this.document);}});}Window.implement({$$:function(a){if(arguments.length==1&&typeof a=="string"){return this.document.getElements(a);
+}var f=[];var c=Array.flatten(arguments);for(var d=0,b=c.length;d<b;d++){var e=c[d];switch($type(e)){case"element":f.push(e);break;case"string":f.extend(this.document.getElements(e,true));
+}}return new Elements(f);},getDocument:function(){return this.document;},getWindow:function(){return this;}});Native.implement([Element,Document],{getElement:function(a,b){return document.id(this.getElements(a,true)[0]||null,b);
+},getElements:function(a,d){a=a.split(",");var c=[];var b=(a.length>1);a.each(function(e){var f=this.getElementsByTagName(e.trim());(b)?c.extend(f):c=f;
+},this);return new Elements(c,{ddup:b,cash:!d});}});(function(){var h={},f={};var i={input:"checked",option:"selected",textarea:(Browser.Engine.webkit&&Browser.Engine.version<420)?"innerHTML":"value"};
+var c=function(l){return(f[l]||(f[l]={}));};var g=function(n,l){if(!n){return;}var m=n.uid;if(Browser.Engine.trident){if(n.clearAttributes){var q=l&&n.cloneNode(false);
+n.clearAttributes();if(q){n.mergeAttributes(q);}}else{if(n.removeEvents){n.removeEvents();}}if((/object/i).test(n.tagName)){for(var o in n){if(typeof n[o]=="function"){n[o]=$empty;
+}}Element.dispose(n);}}if(!m){return;}h[m]=f[m]=null;};var d=function(){Hash.each(h,g);if(Browser.Engine.trident){$A(document.getElementsByTagName("object")).each(g);
+}if(window.CollectGarbage){CollectGarbage();}h=f=null;};var j=function(n,l,s,m,p,r){var o=n[s||l];var q=[];while(o){if(o.nodeType==1&&(!m||Element.match(o,m))){if(!p){return document.id(o,r);
+}q.push(o);}o=o[l];}return(p)?new Elements(q,{ddup:false,cash:!r}):null;};var e={html:"innerHTML","class":"className","for":"htmlFor",defaultValue:"defaultValue",text:(Browser.Engine.trident||(Browser.Engine.webkit&&Browser.Engine.version<420))?"innerText":"textContent"};
+var b=["compact","nowrap","ismap","declare","noshade","checked","disabled","readonly","multiple","selected","noresize","defer"];var k=["value","type","defaultValue","accessKey","cellPadding","cellSpacing","colSpan","frameBorder","maxLength","readOnly","rowSpan","tabIndex","useMap"];
+b=b.associate(b);Hash.extend(e,b);Hash.extend(e,k.associate(k.map(String.toLowerCase)));var a={before:function(m,l){if(l.parentNode){l.parentNode.insertBefore(m,l);
+}},after:function(m,l){if(!l.parentNode){return;}var n=l.nextSibling;(n)?l.parentNode.insertBefore(m,n):l.parentNode.appendChild(m);},bottom:function(m,l){l.appendChild(m);
+},top:function(m,l){var n=l.firstChild;(n)?l.insertBefore(m,n):l.appendChild(m);}};a.inside=a.bottom;Hash.each(a,function(l,m){m=m.capitalize();Element.implement("inject"+m,function(n){l(this,document.id(n,true));
+return this;});Element.implement("grab"+m,function(n){l(document.id(n,true),this);return this;});});Element.implement({set:function(o,m){switch($type(o)){case"object":for(var n in o){this.set(n,o[n]);
+}break;case"string":var l=Element.Properties.get(o);(l&&l.set)?l.set.apply(this,Array.slice(arguments,1)):this.setProperty(o,m);}return this;},get:function(m){var l=Element.Properties.get(m);
+return(l&&l.get)?l.get.apply(this,Array.slice(arguments,1)):this.getProperty(m);},erase:function(m){var l=Element.Properties.get(m);(l&&l.erase)?l.erase.apply(this):this.removeProperty(m);
+return this;},setProperty:function(m,n){var l=e[m];if(n==undefined){return this.removeProperty(m);}if(l&&b[m]){n=!!n;}(l)?this[l]=n:this.setAttribute(m,""+n);
+return this;},setProperties:function(l){for(var m in l){this.setProperty(m,l[m]);}return this;},getProperty:function(m){var l=e[m];var n=(l)?this[l]:this.getAttribute(m,2);
+return(b[m])?!!n:(l)?n:n||null;},getProperties:function(){var l=$A(arguments);return l.map(this.getProperty,this).associate(l);},removeProperty:function(m){var l=e[m];
+(l)?this[l]=(l&&b[m])?false:"":this.removeAttribute(m);return this;},removeProperties:function(){Array.each(arguments,this.removeProperty,this);return this;
+},hasClass:function(l){return this.className.contains(l," ");},addClass:function(l){if(!this.hasClass(l)){this.className=(this.className+" "+l).clean();
+}return this;},removeClass:function(l){this.className=this.className.replace(new RegExp("(^|\\s)"+l+"(?:\\s|$)"),"$1");return this;},toggleClass:function(l){return this.hasClass(l)?this.removeClass(l):this.addClass(l);
+},adopt:function(){Array.flatten(arguments).each(function(l){l=document.id(l,true);if(l){this.appendChild(l);}},this);return this;},appendText:function(m,l){return this.grab(this.getDocument().newTextNode(m),l);
+},grab:function(m,l){a[l||"bottom"](document.id(m,true),this);return this;},inject:function(m,l){a[l||"bottom"](this,document.id(m,true));return this;},replaces:function(l){l=document.id(l,true);
+l.parentNode.replaceChild(this,l);return this;},wraps:function(m,l){m=document.id(m,true);return this.replaces(m).grab(m,l);},getPrevious:function(l,m){return j(this,"previousSibling",null,l,false,m);
+},getAllPrevious:function(l,m){return j(this,"previousSibling",null,l,true,m);},getNext:function(l,m){return j(this,"nextSibling",null,l,false,m);},getAllNext:function(l,m){return j(this,"nextSibling",null,l,true,m);
+},getFirst:function(l,m){return j(this,"nextSibling","firstChild",l,false,m);},getLast:function(l,m){return j(this,"previousSibling","lastChild",l,false,m);
+},getParent:function(l,m){return j(this,"parentNode",null,l,false,m);},getParents:function(l,m){return j(this,"parentNode",null,l,true,m);},getSiblings:function(l,m){return this.getParent().getChildren(l,m).erase(this);
+},getChildren:function(l,m){return j(this,"nextSibling","firstChild",l,true,m);},getWindow:function(){return this.ownerDocument.window;},getDocument:function(){return this.ownerDocument;
+},getElementById:function(o,n){var m=this.ownerDocument.getElementById(o);if(!m){return null;}for(var l=m.parentNode;l!=this;l=l.parentNode){if(!l){return null;
+}}return document.id(m,n);},getSelected:function(){return new Elements($A(this.options).filter(function(l){return l.selected;}));},getComputedStyle:function(m){if(this.currentStyle){return this.currentStyle[m.camelCase()];
+}var l=this.getDocument().defaultView.getComputedStyle(this,null);return(l)?l.getPropertyValue([m.hyphenate()]):null;},toQueryString:function(){var l=[];
+this.getElements("input, select, textarea",true).each(function(m){if(!m.name||m.disabled||m.type=="submit"||m.type=="reset"||m.type=="file"){return;}var n=(m.tagName.toLowerCase()=="select")?Element.getSelected(m).map(function(o){return o.value;
+}):((m.type=="radio"||m.type=="checkbox")&&!m.checked)?null:m.value;$splat(n).each(function(o){if(typeof o!="undefined"){l.push(m.name+"="+encodeURIComponent(o));
+}});});return l.join("&");},clone:function(o,l){o=o!==false;var r=this.cloneNode(o);var n=function(v,u){if(!l){v.removeAttribute("id");}if(Browser.Engine.trident){v.clearAttributes();
+v.mergeAttributes(u);v.removeAttribute("uid");if(v.options){var w=v.options,s=u.options;for(var t=w.length;t--;){w[t].selected=s[t].selected;}}}var x=i[u.tagName.toLowerCase()];
+if(x&&u[x]){v[x]=u[x];}};if(o){var p=r.getElementsByTagName("*"),q=this.getElementsByTagName("*");for(var m=p.length;m--;){n(p[m],q[m]);}}n(r,this);return document.id(r);
+},destroy:function(){Element.empty(this);Element.dispose(this);g(this,true);return null;},empty:function(){$A(this.childNodes).each(function(l){Element.destroy(l);
+});return this;},dispose:function(){return(this.parentNode)?this.parentNode.removeChild(this):this;},hasChild:function(l){l=document.id(l,true);if(!l){return false;
+}if(Browser.Engine.webkit&&Browser.Engine.version<420){return $A(this.getElementsByTagName(l.tagName)).contains(l);}return(this.contains)?(this!=l&&this.contains(l)):!!(this.compareDocumentPosition(l)&16);
+},match:function(l){return(!l||(l==this)||(Element.get(this,"tag")==l));}});Native.implement([Element,Window,Document],{addListener:function(o,n){if(o=="unload"){var l=n,m=this;
+n=function(){m.removeListener("unload",n);l();};}else{h[this.uid]=this;}if(this.addEventListener){this.addEventListener(o,n,false);}else{this.attachEvent("on"+o,n);
+}return this;},removeListener:function(m,l){if(this.removeEventListener){this.removeEventListener(m,l,false);}else{this.detachEvent("on"+m,l);}return this;
+},retrieve:function(m,l){var o=c(this.uid),n=o[m];if(l!=undefined&&n==undefined){n=o[m]=l;}return $pick(n);},store:function(m,l){var n=c(this.uid);n[m]=l;
+return this;},eliminate:function(l){var m=c(this.uid);delete m[l];return this;}});window.addListener("unload",d);})();Element.Properties=new Hash;Element.Properties.style={set:function(a){this.style.cssText=a;
+},get:function(){return this.style.cssText;},erase:function(){this.style.cssText="";}};Element.Properties.tag={get:function(){return this.tagName.toLowerCase();
+}};Element.Properties.html=(function(){var c=document.createElement("div");var a={table:[1,"<table>","</table>"],select:[1,"<select>","</select>"],tbody:[2,"<table><tbody>","</tbody></table>"],tr:[3,"<table><tbody><tr>","</tr></tbody></table>"]};
+a.thead=a.tfoot=a.tbody;var b={set:function(){var e=Array.flatten(arguments).join("");var f=Browser.Engine.trident&&a[this.get("tag")];if(f){var g=c;g.innerHTML=f[1]+e+f[2];
+for(var d=f[0];d--;){g=g.firstChild;}this.empty().adopt(g.childNodes);}else{this.innerHTML=e;}}};b.erase=b.set;return b;})();if(Browser.Engine.webkit&&Browser.Engine.version<420){Element.Properties.text={get:function(){if(this.innerText){return this.innerText;
+}var a=this.ownerDocument.newElement("div",{html:this.innerHTML}).inject(this.ownerDocument.body);var b=a.innerText;a.destroy();return b;}};}Element.Properties.events={set:function(a){this.addEvents(a);
+}};Native.implement([Element,Window,Document],{addEvent:function(e,g){var h=this.retrieve("events",{});h[e]=h[e]||{keys:[],values:[]};if(h[e].keys.contains(g)){return this;
+}h[e].keys.push(g);var f=e,a=Element.Events.get(e),c=g,i=this;if(a){if(a.onAdd){a.onAdd.call(this,g);}if(a.condition){c=function(j){if(a.condition.call(this,j)){return g.call(this,j);
+}return true;};}f=a.base||f;}var d=function(){return g.call(i);};var b=Element.NativeEvents[f];if(b){if(b==2){d=function(j){j=new Event(j,i.getWindow());
+if(c.call(i,j)===false){j.stop();}};}this.addListener(f,d);}h[e].values.push(d);return this;},removeEvent:function(c,b){var a=this.retrieve("events");if(!a||!a[c]){return this;
+}var f=a[c].keys.indexOf(b);if(f==-1){return this;}a[c].keys.splice(f,1);var e=a[c].values.splice(f,1)[0];var d=Element.Events.get(c);if(d){if(d.onRemove){d.onRemove.call(this,b);
+}c=d.base||c;}return(Element.NativeEvents[c])?this.removeListener(c,e):this;},addEvents:function(a){for(var b in a){this.addEvent(b,a[b]);}return this;
+},removeEvents:function(a){var c;if($type(a)=="object"){for(c in a){this.removeEvent(c,a[c]);}return this;}var b=this.retrieve("events");if(!b){return this;
+}if(!a){for(c in b){this.removeEvents(c);}this.eliminate("events");}else{if(b[a]){while(b[a].keys[0]){this.removeEvent(a,b[a].keys[0]);}b[a]=null;}}return this;
+},fireEvent:function(d,b,a){var c=this.retrieve("events");if(!c||!c[d]){return this;}c[d].keys.each(function(e){e.create({bind:this,delay:a,"arguments":b})();
+},this);return this;},cloneEvents:function(d,a){d=document.id(d);var c=d.retrieve("events");if(!c){return this;}if(!a){for(var b in c){this.cloneEvents(d,b);
+}}else{if(c[a]){c[a].keys.each(function(e){this.addEvent(a,e);},this);}}return this;}});Element.NativeEvents={click:2,dblclick:2,mouseup:2,mousedown:2,contextmenu:2,mousewheel:2,DOMMouseScroll:2,mouseover:2,mouseout:2,mousemove:2,selectstart:2,selectend:2,keydown:2,keypress:2,keyup:2,focus:2,blur:2,change:2,reset:2,select:2,submit:2,load:1,unload:1,beforeunload:2,resize:1,move:1,DOMContentLoaded:1,readystatechange:1,error:1,abort:1,scroll:1};
+(function(){var a=function(b){var c=b.relatedTarget;if(c==undefined){return true;}if(c===false){return false;}return($type(this)!="document"&&c!=this&&c.prefix!="xul"&&!this.hasChild(c));
+};Element.Events=new Hash({mouseenter:{base:"mouseover",condition:a},mouseleave:{base:"mouseout",condition:a},mousewheel:{base:(Browser.Engine.gecko)?"DOMMouseScroll":"mousewheel"}});
+})();Element.Properties.styles={set:function(a){this.setStyles(a);}};Element.Properties.opacity={set:function(a,b){if(!b){if(a==0){if(this.style.visibility!="hidden"){this.style.visibility="hidden";
+}}else{if(this.style.visibility!="visible"){this.style.visibility="visible";}}}if(!this.currentStyle||!this.currentStyle.hasLayout){this.style.zoom=1;}if(Browser.Engine.trident){this.style.filter=(a==1)?"":"alpha(opacity="+a*100+")";
+}this.style.opacity=a;this.store("opacity",a);},get:function(){return this.retrieve("opacity",1);}};Element.implement({setOpacity:function(a){return this.set("opacity",a,true);
+},getOpacity:function(){return this.get("opacity");},setStyle:function(b,a){switch(b){case"opacity":return this.set("opacity",parseFloat(a));case"float":b=(Browser.Engine.trident)?"styleFloat":"cssFloat";
+}b=b.camelCase();if($type(a)!="string"){var c=(Element.Styles.get(b)||"@").split(" ");a=$splat(a).map(function(e,d){if(!c[d]){return"";}return($type(e)=="number")?c[d].replace("@",Math.round(e)):e;
+}).join(" ");}else{if(a==String(Number(a))){a=Math.round(a);}}this.style[b]=a;return this;},getStyle:function(g){switch(g){case"opacity":return this.get("opacity");
+case"float":g=(Browser.Engine.trident)?"styleFloat":"cssFloat";}g=g.camelCase();var a=this.style[g];if(!$chk(a)){a=[];for(var f in Element.ShortStyles){if(g!=f){continue;
+}for(var e in Element.ShortStyles[f]){a.push(this.getStyle(e));}return a.join(" ");}a=this.getComputedStyle(g);}if(a){a=String(a);var c=a.match(/rgba?\([\d\s,]+\)/);
+if(c){a=a.replace(c[0],c[0].rgbToHex());}}if(Browser.Engine.presto||(Browser.Engine.trident&&!$chk(parseInt(a,10)))){if(g.test(/^(height|width)$/)){var b=(g=="width")?["left","right"]:["top","bottom"],d=0;
+b.each(function(h){d+=this.getStyle("border-"+h+"-width").toInt()+this.getStyle("padding-"+h).toInt();},this);return this["offset"+g.capitalize()]-d+"px";
+}if((Browser.Engine.presto)&&String(a).test("px")){return a;}if(g.test(/(border(.+)Width|margin|padding)/)){return"0px";}}return a;},setStyles:function(b){for(var a in b){this.setStyle(a,b[a]);
+}return this;},getStyles:function(){var a={};Array.flatten(arguments).each(function(b){a[b]=this.getStyle(b);},this);return a;}});Element.Styles=new Hash({left:"@px",top:"@px",bottom:"@px",right:"@px",width:"@px",height:"@px",maxWidth:"@px",maxHeight:"@px",minWidth:"@px",minHeight:"@px",backgroundColor:"rgb(@, @, @)",backgroundPosition:"@px @px",color:"rgb(@, @, @)",fontSize:"@px",letterSpacing:"@px",lineHeight:"@px",clip:"rect(@px @px @px @px)",margin:"@px @px @px @px",padding:"@px @px @px @px",border:"@px @ rgb(@, @, @) @px @ rgb(@, @, @) @px @ rgb(@, @, @)",borderWidth:"@px @px @px @px",borderStyle:"@ @ @ @",borderColor:"rgb(@, @, @) rgb(@, @, @) rgb(@, @, @) rgb(@, @, @)",zIndex:"@",zoom:"@",fontWeight:"@",textIndent:"@px",opacity:"@"});
+Element.ShortStyles={margin:{},padding:{},border:{},borderWidth:{},borderStyle:{},borderColor:{}};["Top","Right","Bottom","Left"].each(function(g){var f=Element.ShortStyles;
+var b=Element.Styles;["margin","padding"].each(function(h){var i=h+g;f[h][i]=b[i]="@px";});var e="border"+g;f.border[e]=b[e]="@px @ rgb(@, @, @)";var d=e+"Width",a=e+"Style",c=e+"Color";
+f[e]={};f.borderWidth[d]=f[e][d]=b[d]="@px";f.borderStyle[a]=f[e][a]=b[a]="@";f.borderColor[c]=f[e][c]=b[c]="rgb(@, @, @)";});(function(){Element.implement({scrollTo:function(h,i){if(b(this)){this.getWindow().scrollTo(h,i);
+}else{this.scrollLeft=h;this.scrollTop=i;}return this;},getSize:function(){if(b(this)){return this.getWindow().getSize();}return{x:this.offsetWidth,y:this.offsetHeight};
+},getScrollSize:function(){if(b(this)){return this.getWindow().getScrollSize();}return{x:this.scrollWidth,y:this.scrollHeight};},getScroll:function(){if(b(this)){return this.getWindow().getScroll();
+}return{x:this.scrollLeft,y:this.scrollTop};},getScrolls:function(){var i=this,h={x:0,y:0};while(i&&!b(i)){h.x+=i.scrollLeft;h.y+=i.scrollTop;i=i.parentNode;
+}return h;},getOffsetParent:function(){var h=this;if(b(h)){return null;}if(!Browser.Engine.trident){return h.offsetParent;}while((h=h.parentNode)&&!b(h)){if(d(h,"position")!="static"){return h;
+}}return null;},getOffsets:function(){if(this.getBoundingClientRect){var j=this.getBoundingClientRect(),m=document.id(this.getDocument().documentElement),p=m.getScroll(),k=this.getScrolls(),i=this.getScroll(),h=(d(this,"position")=="fixed");
+return{x:j.left.toInt()+k.x-i.x+((h)?0:p.x)-m.clientLeft,y:j.top.toInt()+k.y-i.y+((h)?0:p.y)-m.clientTop};}var l=this,n={x:0,y:0};if(b(this)){return n;
+}while(l&&!b(l)){n.x+=l.offsetLeft;n.y+=l.offsetTop;if(Browser.Engine.gecko){if(!f(l)){n.x+=c(l);n.y+=g(l);}var o=l.parentNode;if(o&&d(o,"overflow")!="visible"){n.x+=c(o);
+n.y+=g(o);}}else{if(l!=this&&Browser.Engine.webkit){n.x+=c(l);n.y+=g(l);}}l=l.offsetParent;}if(Browser.Engine.gecko&&!f(this)){n.x-=c(this);n.y-=g(this);
+}return n;},getPosition:function(k){if(b(this)){return{x:0,y:0};}var l=this.getOffsets(),i=this.getScrolls();var h={x:l.x-i.x,y:l.y-i.y};var j=(k&&(k=document.id(k)))?k.getPosition():{x:0,y:0};
+return{x:h.x-j.x,y:h.y-j.y};},getCoordinates:function(j){if(b(this)){return this.getWindow().getCoordinates();}var h=this.getPosition(j),i=this.getSize();
+var k={left:h.x,top:h.y,width:i.x,height:i.y};k.right=k.left+k.width;k.bottom=k.top+k.height;return k;},computePosition:function(h){return{left:h.x-e(this,"margin-left"),top:h.y-e(this,"margin-top")};
+},setPosition:function(h){return this.setStyles(this.computePosition(h));}});Native.implement([Document,Window],{getSize:function(){if(Browser.Engine.presto||Browser.Engine.webkit){var i=this.getWindow();
+return{x:i.innerWidth,y:i.innerHeight};}var h=a(this);return{x:h.clientWidth,y:h.clientHeight};},getScroll:function(){var i=this.getWindow(),h=a(this);
+return{x:i.pageXOffset||h.scrollLeft,y:i.pageYOffset||h.scrollTop};},getScrollSize:function(){var i=a(this),h=this.getSize();return{x:Math.max(i.scrollWidth,h.x),y:Math.max(i.scrollHeight,h.y)};
+},getPosition:function(){return{x:0,y:0};},getCoordinates:function(){var h=this.getSize();return{top:0,left:0,bottom:h.y,right:h.x,height:h.y,width:h.x};
+}});var d=Element.getComputedStyle;function e(h,i){return d(h,i).toInt()||0;}function f(h){return d(h,"-moz-box-sizing")=="border-box";}function g(h){return e(h,"border-top-width");
+}function c(h){return e(h,"border-left-width");}function b(h){return(/^(?:body|html)$/i).test(h.tagName);}function a(h){var i=h.getDocument();return(!i.compatMode||i.compatMode=="CSS1Compat")?i.html:i.body;
+}})();Element.alias("setPosition","position");Native.implement([Window,Document,Element],{getHeight:function(){return this.getSize().y;},getWidth:function(){return this.getSize().x;
+},getScrollTop:function(){return this.getScroll().y;},getScrollLeft:function(){return this.getScroll().x;},getScrollHeight:function(){return this.getScrollSize().y;
+},getScrollWidth:function(){return this.getScrollSize().x;},getTop:function(){return this.getPosition().y;},getLeft:function(){return this.getPosition().x;
+}});Native.implement([Document,Element],{getElements:function(h,g){h=h.split(",");var c,e={};for(var d=0,b=h.length;d<b;d++){var a=h[d],f=Selectors.Utils.search(this,a,e);
+if(d!=0&&f.item){f=$A(f);}c=(d==0)?f:(c.item)?$A(c).concat(f):c.concat(f);}return new Elements(c,{ddup:(h.length>1),cash:!g});}});Element.implement({match:function(b){if(!b||(b==this)){return true;
+}var d=Selectors.Utils.parseTagAndID(b);var a=d[0],e=d[1];if(!Selectors.Filters.byID(this,e)||!Selectors.Filters.byTag(this,a)){return false;}var c=Selectors.Utils.parseSelector(b);
+return(c)?Selectors.Utils.filter(this,c,{}):true;}});var Selectors={Cache:{nth:{},parsed:{}}};Selectors.RegExps={id:(/#([\w-]+)/),tag:(/^(\w+|\*)/),quick:(/^(\w+|\*)$/),splitter:(/\s*([+>~\s])\s*([a-zA-Z#.*:\[])/g),combined:(/\.([\w-]+)|\[(\w+)(?:([!*^$~|]?=)(["']?)([^\4]*?)\4)?\]|:([\w-]+)(?:\(["']?(.*?)?["']?\)|$)/g)};
+Selectors.Utils={chk:function(b,c){if(!c){return true;}var a=$uid(b);if(!c[a]){return c[a]=true;}return false;},parseNthArgument:function(h){if(Selectors.Cache.nth[h]){return Selectors.Cache.nth[h];
+}var e=h.match(/^([+-]?\d*)?([a-z]+)?([+-]?\d*)?$/);if(!e){return false;}var g=parseInt(e[1],10);var d=(g||g===0)?g:1;var f=e[2]||false;var c=parseInt(e[3],10)||0;
+if(d!=0){c--;while(c<1){c+=d;}while(c>=d){c-=d;}}else{d=c;f="index";}switch(f){case"n":e={a:d,b:c,special:"n"};break;case"odd":e={a:2,b:0,special:"n"};
+break;case"even":e={a:2,b:1,special:"n"};break;case"first":e={a:0,special:"index"};break;case"last":e={special:"last-child"};break;case"only":e={special:"only-child"};
+break;default:e={a:(d-1),special:"index"};}return Selectors.Cache.nth[h]=e;},parseSelector:function(e){if(Selectors.Cache.parsed[e]){return Selectors.Cache.parsed[e];
+}var d,h={classes:[],pseudos:[],attributes:[]};while((d=Selectors.RegExps.combined.exec(e))){var i=d[1],g=d[2],f=d[3],b=d[5],c=d[6],j=d[7];if(i){h.classes.push(i);
+}else{if(c){var a=Selectors.Pseudo.get(c);if(a){h.pseudos.push({parser:a,argument:j});}else{h.attributes.push({name:c,operator:"=",value:j});}}else{if(g){h.attributes.push({name:g,operator:f,value:b});
+}}}}if(!h.classes.length){delete h.classes;}if(!h.attributes.length){delete h.attributes;}if(!h.pseudos.length){delete h.pseudos;}if(!h.classes&&!h.attributes&&!h.pseudos){h=null;
+}return Selectors.Cache.parsed[e]=h;},parseTagAndID:function(b){var a=b.match(Selectors.RegExps.tag);var c=b.match(Selectors.RegExps.id);return[(a)?a[1]:"*",(c)?c[1]:false];
+},filter:function(f,c,e){var d;if(c.classes){for(d=c.classes.length;d--;d){var g=c.classes[d];if(!Selectors.Filters.byClass(f,g)){return false;}}}if(c.attributes){for(d=c.attributes.length;
+d--;d){var b=c.attributes[d];if(!Selectors.Filters.byAttribute(f,b.name,b.operator,b.value)){return false;}}}if(c.pseudos){for(d=c.pseudos.length;d--;d){var a=c.pseudos[d];
+if(!Selectors.Filters.byPseudo(f,a.parser,a.argument,e)){return false;}}}return true;},getByTagAndID:function(b,a,d){if(d){var c=(b.getElementById)?b.getElementById(d,true):Element.getElementById(b,d,true);
+return(c&&Selectors.Filters.byTag(c,a))?[c]:[];}else{return b.getElementsByTagName(a);}},search:function(o,h,t){var b=[];var c=h.trim().replace(Selectors.RegExps.splitter,function(k,j,i){b.push(j);
+return":)"+i;}).split(":)");var p,e,A;for(var z=0,v=c.length;z<v;z++){var y=c[z];if(z==0&&Selectors.RegExps.quick.test(y)){p=o.getElementsByTagName(y);
+continue;}var a=b[z-1];var q=Selectors.Utils.parseTagAndID(y);var B=q[0],r=q[1];if(z==0){p=Selectors.Utils.getByTagAndID(o,B,r);}else{var d={},g=[];for(var x=0,w=p.length;
+x<w;x++){g=Selectors.Getters[a](g,p[x],B,r,d);}p=g;}var f=Selectors.Utils.parseSelector(y);if(f){e=[];for(var u=0,s=p.length;u<s;u++){A=p[u];if(Selectors.Utils.filter(A,f,t)){e.push(A);
+}}p=e;}}return p;}};Selectors.Getters={" ":function(h,g,j,a,e){var d=Selectors.Utils.getByTagAndID(g,j,a);for(var c=0,b=d.length;c<b;c++){var f=d[c];if(Selectors.Utils.chk(f,e)){h.push(f);
+}}return h;},">":function(h,g,j,a,f){var c=Selectors.Utils.getByTagAndID(g,j,a);for(var e=0,d=c.length;e<d;e++){var b=c[e];if(b.parentNode==g&&Selectors.Utils.chk(b,f)){h.push(b);
+}}return h;},"+":function(c,b,a,e,d){while((b=b.nextSibling)){if(b.nodeType==1){if(Selectors.Utils.chk(b,d)&&Selectors.Filters.byTag(b,a)&&Selectors.Filters.byID(b,e)){c.push(b);
+}break;}}return c;},"~":function(c,b,a,e,d){while((b=b.nextSibling)){if(b.nodeType==1){if(!Selectors.Utils.chk(b,d)){break;}if(Selectors.Filters.byTag(b,a)&&Selectors.Filters.byID(b,e)){c.push(b);
+}}}return c;}};Selectors.Filters={byTag:function(b,a){return(a=="*"||(b.tagName&&b.tagName.toLowerCase()==a));},byID:function(a,b){return(!b||(a.id&&a.id==b));
+},byClass:function(b,a){return(b.className&&b.className.contains&&b.className.contains(a," "));},byPseudo:function(a,d,c,b){return d.call(a,c,b);},byAttribute:function(c,d,b,e){var a=Element.prototype.getProperty.call(c,d);
+if(!a){return(b=="!=");}if(!b||e==undefined){return true;}switch(b){case"=":return(a==e);case"*=":return(a.contains(e));case"^=":return(a.substr(0,e.length)==e);
+case"$=":return(a.substr(a.length-e.length)==e);case"!=":return(a!=e);case"~=":return a.contains(e," ");case"|=":return a.contains(e,"-");}return false;
+}};Selectors.Pseudo=new Hash({checked:function(){return this.checked;},empty:function(){return !(this.innerText||this.textContent||"").length;},not:function(a){return !Element.match(this,a);
+},contains:function(a){return(this.innerText||this.textContent||"").contains(a);},"first-child":function(){return Selectors.Pseudo.index.call(this,0);},"last-child":function(){var a=this;
+while((a=a.nextSibling)){if(a.nodeType==1){return false;}}return true;},"only-child":function(){var b=this;while((b=b.previousSibling)){if(b.nodeType==1){return false;
+}}var a=this;while((a=a.nextSibling)){if(a.nodeType==1){return false;}}return true;},"nth-child":function(g,e){g=(g==undefined)?"n":g;var c=Selectors.Utils.parseNthArgument(g);
+if(c.special!="n"){return Selectors.Pseudo[c.special].call(this,c.a,e);}var f=0;e.positions=e.positions||{};var d=$uid(this);if(!e.positions[d]){var b=this;
+while((b=b.previousSibling)){if(b.nodeType!=1){continue;}f++;var a=e.positions[$uid(b)];if(a!=undefined){f=a+f;break;}}e.positions[d]=f;}return(e.positions[d]%c.a==c.b);
+},index:function(a){var b=this,c=0;while((b=b.previousSibling)){if(b.nodeType==1&&++c>a){return false;}}return(c==a);},even:function(b,a){return Selectors.Pseudo["nth-child"].call(this,"2n+1",a);
+},odd:function(b,a){return Selectors.Pseudo["nth-child"].call(this,"2n",a);},selected:function(){return this.selected;},enabled:function(){return(this.disabled===false);
+}});Element.Events.domready={onAdd:function(a){if(Browser.loaded){a.call(this);}}};(function(){var b=function(){if(Browser.loaded){return;}Browser.loaded=true;
+window.fireEvent("domready");document.fireEvent("domready");};window.addEvent("load",b);if(Browser.Engine.trident){var a=document.createElement("div");
+(function(){($try(function(){a.doScroll();return document.id(a).inject(document.body).set("html","temp").dispose();}))?b():arguments.callee.delay(50);})();
+}else{if(Browser.Engine.webkit&&Browser.Engine.version<525){(function(){(["loaded","complete"].contains(document.readyState))?b():arguments.callee.delay(50);
+})();}else{document.addEvent("DOMContentLoaded",b);}}})();var JSON=new Hash(this.JSON&&{stringify:JSON.stringify,parse:JSON.parse}).extend({$specialChars:{"\b":"\\b","\t":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},$replaceChars:function(a){return JSON.$specialChars[a]||"\\u00"+Math.floor(a.charCodeAt()/16).toString(16)+(a.charCodeAt()%16).toString(16);
+},encode:function(b){switch($type(b)){case"string":return'"'+b.replace(/[\x00-\x1f\\"]/g,JSON.$replaceChars)+'"';case"array":return"["+String(b.map(JSON.encode).clean())+"]";
+case"object":case"hash":var a=[];Hash.each(b,function(e,d){var c=JSON.encode(e);if(c){a.push(JSON.encode(d)+":"+c);}});return"{"+a+"}";case"number":case"boolean":return String(b);
+case false:return"null";}return null;},decode:function(string,secure){if($type(string)!="string"||!string.length){return null;}if(secure&&!(/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(string.replace(/\\./g,"@").replace(/"[^"\\\n\r]*"/g,""))){return null;
+}return eval("("+string+")");}});Native.implement([Hash,Array,String,Number],{toJSON:function(){return JSON.encode(this);}});var Fx=new Class({Implements:[Chain,Events,Options],options:{fps:50,unit:false,duration:500,link:"ignore"},initialize:function(a){this.subject=this.subject||this;
+this.setOptions(a);this.options.duration=Fx.Durations[this.options.duration]||this.options.duration.toInt();var b=this.options.wait;if(b===false){this.options.link="cancel";
+}},getTransition:function(){return function(a){return -(Math.cos(Math.PI*a)-1)/2;};},step:function(){var a=$time();if(a<this.time+this.options.duration){var b=this.transition((a-this.time)/this.options.duration);
+this.set(this.compute(this.from,this.to,b));}else{this.set(this.compute(this.from,this.to,1));this.complete();}},set:function(a){return a;},compute:function(c,b,a){return Fx.compute(c,b,a);
+},check:function(){if(!this.timer){return true;}switch(this.options.link){case"cancel":this.cancel();return true;case"chain":this.chain(this.caller.bind(this,arguments));
+return false;}return false;},start:function(b,a){if(!this.check(b,a)){return this;}this.from=b;this.to=a;this.time=0;this.transition=this.getTransition();
+this.startTimer();this.onStart();return this;},complete:function(){if(this.stopTimer()){this.onComplete();}return this;},cancel:function(){if(this.stopTimer()){this.onCancel();
+}return this;},onStart:function(){this.fireEvent("start",this.subject);},onComplete:function(){this.fireEvent("complete",this.subject);if(!this.callChain()){this.fireEvent("chainComplete",this.subject);
+}},onCancel:function(){this.fireEvent("cancel",this.subject).clearChain();},pause:function(){this.stopTimer();return this;},resume:function(){this.startTimer();
+return this;},stopTimer:function(){if(!this.timer){return false;}this.time=$time()-this.time;this.timer=$clear(this.timer);return true;},startTimer:function(){if(this.timer){return false;
+}this.time=$time()-this.time;this.timer=this.step.periodical(Math.round(1000/this.options.fps),this);return true;}});Fx.compute=function(c,b,a){return(b-c)*a+c;
+};Fx.Durations={"short":250,normal:500,"long":1000};Fx.CSS=new Class({Extends:Fx,prepare:function(d,e,b){b=$splat(b);var c=b[1];if(!$chk(c)){b[1]=b[0];
+b[0]=d.getStyle(e);}var a=b.map(this.parse);return{from:a[0],to:a[1]};},parse:function(a){a=$lambda(a)();a=(typeof a=="string")?a.split(" "):$splat(a);
+return a.map(function(c){c=String(c);var b=false;Fx.CSS.Parsers.each(function(f,e){if(b){return;}var d=f.parse(c);if($chk(d)){b={value:d,parser:f};}});
+b=b||{value:c,parser:Fx.CSS.Parsers.String};return b;});},compute:function(d,c,b){var a=[];(Math.min(d.length,c.length)).times(function(e){a.push({value:d[e].parser.compute(d[e].value,c[e].value,b),parser:d[e].parser});
+});a.$family={name:"fx:css:value"};return a;},serve:function(c,b){if($type(c)!="fx:css:value"){c=this.parse(c);}var a=[];c.each(function(d){a=a.concat(d.parser.serve(d.value,b));
+});return a;},render:function(a,d,c,b){a.setStyle(d,this.serve(c,b));},search:function(a){if(Fx.CSS.Cache[a]){return Fx.CSS.Cache[a];}var b={};Array.each(document.styleSheets,function(e,d){var c=e.href;
+if(c&&c.contains("://")&&!c.contains(document.domain)){return;}var f=e.rules||e.cssRules;Array.each(f,function(j,g){if(!j.style){return;}var h=(j.selectorText)?j.selectorText.replace(/^\w+/,function(i){return i.toLowerCase();
+}):null;if(!h||!h.test("^"+a+"$")){return;}Element.Styles.each(function(k,i){if(!j.style[i]||Element.ShortStyles[i]){return;}k=String(j.style[i]);b[i]=(k.test(/^rgb/))?k.rgbToHex():k;
+});});});return Fx.CSS.Cache[a]=b;}});Fx.CSS.Cache={};Fx.CSS.Parsers=new Hash({Color:{parse:function(a){if(a.match(/^#[0-9a-f]{3,6}$/i)){return a.hexToRgb(true);
+}return((a=a.match(/(\d+),\s*(\d+),\s*(\d+)/)))?[a[1],a[2],a[3]]:false;},compute:function(c,b,a){return c.map(function(e,d){return Math.round(Fx.compute(c[d],b[d],a));
+});},serve:function(a){return a.map(Number);}},Number:{parse:parseFloat,compute:Fx.compute,serve:function(b,a){return(a)?b+a:b;}},String:{parse:$lambda(false),compute:$arguments(1),serve:$arguments(0)}});
+Fx.Tween=new Class({Extends:Fx.CSS,initialize:function(b,a){this.element=this.subject=document.id(b);this.parent(a);},set:function(b,a){if(arguments.length==1){a=b;
+b=this.property||this.options.property;}this.render(this.element,b,a,this.options.unit);return this;},start:function(c,e,d){if(!this.check(c,e,d)){return this;
+}var b=Array.flatten(arguments);this.property=this.options.property||b.shift();var a=this.prepare(this.element,this.property,b);return this.parent(a.from,a.to);
+}});Element.Properties.tween={set:function(a){var b=this.retrieve("tween");if(b){b.cancel();}return this.eliminate("tween").store("tween:options",$extend({link:"cancel"},a));
+},get:function(a){if(a||!this.retrieve("tween")){if(a||!this.retrieve("tween:options")){this.set("tween",a);}this.store("tween",new Fx.Tween(this,this.retrieve("tween:options")));
+}return this.retrieve("tween");}};Element.implement({tween:function(a,c,b){this.get("tween").start(arguments);return this;},fade:function(c){var e=this.get("tween"),d="opacity",a;
+c=$pick(c,"toggle");switch(c){case"in":e.start(d,1);break;case"out":e.start(d,0);break;case"show":e.set(d,1);break;case"hide":e.set(d,0);break;case"toggle":var b=this.retrieve("fade:flag",this.get("opacity")==1);
+e.start(d,(b)?0:1);this.store("fade:flag",!b);a=true;break;default:e.start(d,arguments);}if(!a){this.eliminate("fade:flag");}return this;},highlight:function(c,a){if(!a){a=this.retrieve("highlight:original",this.getStyle("background-color"));
+a=(a=="transparent")?"#fff":a;}var b=this.get("tween");b.start("background-color",c||"#ffff88",a).chain(function(){this.setStyle("background-color",this.retrieve("highlight:original"));
+b.callChain();}.bind(this));return this;}});Fx.Morph=new Class({Extends:Fx.CSS,initialize:function(b,a){this.element=this.subject=document.id(b);this.parent(a);
+},set:function(a){if(typeof a=="string"){a=this.search(a);}for(var b in a){this.render(this.element,b,a[b],this.options.unit);}return this;},compute:function(e,d,c){var a={};
+for(var b in e){a[b]=this.parent(e[b],d[b],c);}return a;},start:function(b){if(!this.check(b)){return this;}if(typeof b=="string"){b=this.search(b);}var e={},d={};
+for(var c in b){var a=this.prepare(this.element,c,b[c]);e[c]=a.from;d[c]=a.to;}return this.parent(e,d);}});Element.Properties.morph={set:function(a){var b=this.retrieve("morph");
+if(b){b.cancel();}return this.eliminate("morph").store("morph:options",$extend({link:"cancel"},a));},get:function(a){if(a||!this.retrieve("morph")){if(a||!this.retrieve("morph:options")){this.set("morph",a);
+}this.store("morph",new Fx.Morph(this,this.retrieve("morph:options")));}return this.retrieve("morph");}};Element.implement({morph:function(a){this.get("morph").start(a);
+return this;}});var Request=new Class({Implements:[Chain,Events,Options],options:{url:"",data:"",headers:{"X-Requested-With":"XMLHttpRequest",Accept:"text/javascript, text/html, application/xml, text/xml, */*"},async:true,format:false,method:"post",link:"ignore",isSuccess:null,emulation:true,urlEncoded:true,encoding:"utf-8",evalScripts:false,evalResponse:false,noCache:false},initialize:function(a){this.xhr=new Browser.Request();
+this.setOptions(a);this.options.isSuccess=this.options.isSuccess||this.isSuccess;this.headers=new Hash(this.options.headers);},onStateChange:function(){if(this.xhr.readyState!=4||!this.running){return;
+}this.running=false;this.status=0;$try(function(){this.status=this.xhr.status;}.bind(this));this.xhr.onreadystatechange=$empty;if(this.options.isSuccess.call(this,this.status)){this.response={text:this.xhr.responseText,xml:this.xhr.responseXML};
+this.success(this.response.text,this.response.xml);}else{this.response={text:null,xml:null};this.failure();}},isSuccess:function(){return((this.status>=200)&&(this.status<300));
+},processScripts:function(a){if(this.options.evalResponse||(/(ecma|java)script/).test(this.getHeader("Content-type"))){return $exec(a);}return a.stripScripts(this.options.evalScripts);
+},success:function(b,a){this.onSuccess(this.processScripts(b),a);},onSuccess:function(){this.fireEvent("complete",arguments).fireEvent("success",arguments).callChain();
+},failure:function(){this.onFailure();},onFailure:function(){this.fireEvent("complete").fireEvent("failure",this.xhr);},setHeader:function(a,b){this.headers.set(a,b);
+return this;},getHeader:function(a){return $try(function(){return this.xhr.getResponseHeader(a);}.bind(this));},check:function(){if(!this.running){return true;
+}switch(this.options.link){case"cancel":this.cancel();return true;case"chain":this.chain(this.caller.bind(this,arguments));return false;}return false;},send:function(k){if(!this.check(k)){return this;
+}this.running=true;var i=$type(k);if(i=="string"||i=="element"){k={data:k};}var d=this.options;k=$extend({data:d.data,url:d.url,method:d.method},k);var g=k.data,b=String(k.url),a=k.method.toLowerCase();
+switch($type(g)){case"element":g=document.id(g).toQueryString();break;case"object":case"hash":g=Hash.toQueryString(g);}if(this.options.format){var j="format="+this.options.format;
+g=(g)?j+"&"+g:j;}if(this.options.emulation&&!["get","post"].contains(a)){var h="_method="+a;g=(g)?h+"&"+g:h;a="post";}if(this.options.urlEncoded&&a=="post"){var c=(this.options.encoding)?"; charset="+this.options.encoding:"";
+this.headers.set("Content-type","application/x-www-form-urlencoded"+c);}if(this.options.noCache){var f="noCache="+new Date().getTime();g=(g)?f+"&"+g:f;
+}var e=b.lastIndexOf("/");if(e>-1&&(e=b.indexOf("#"))>-1){b=b.substr(0,e);}if(g&&a=="get"){b=b+(b.contains("?")?"&":"?")+g;g=null;}this.xhr.open(a.toUpperCase(),b,this.options.async);
+this.xhr.onreadystatechange=this.onStateChange.bind(this);this.headers.each(function(m,l){try{this.xhr.setRequestHeader(l,m);}catch(n){this.fireEvent("exception",[l,m]);
+}},this);this.fireEvent("request");this.xhr.send(g);if(!this.options.async){this.onStateChange();}return this;},cancel:function(){if(!this.running){return this;
+}this.running=false;this.xhr.abort();this.xhr.onreadystatechange=$empty;this.xhr=new Browser.Request();this.fireEvent("cancel");return this;}});(function(){var a={};
+["get","post","put","delete","GET","POST","PUT","DELETE"].each(function(b){a[b]=function(){var c=Array.link(arguments,{url:String.type,data:$defined});
+return this.send($extend(c,{method:b}));};});Request.implement(a);})();Element.Properties.send={set:function(a){var b=this.retrieve("send");if(b){b.cancel();
+}return this.eliminate("send").store("send:options",$extend({data:this,link:"cancel",method:this.get("method")||"post",url:this.get("action")},a));},get:function(a){if(a||!this.retrieve("send")){if(a||!this.retrieve("send:options")){this.set("send",a);
+}this.store("send",new Request(this.retrieve("send:options")));}return this.retrieve("send");}};Element.implement({send:function(a){var b=this.get("send");
+b.send({data:this,url:a||b.options.url});return this;}});Request.HTML=new Class({Extends:Request,options:{update:false,append:false,evalScripts:true,filter:false},processHTML:function(c){var b=c.match(/<body[^>]*>([\s\S]*?)<\/body>/i);
+c=(b)?b[1]:c;var a=new Element("div");return $try(function(){var d="<root>"+c+"</root>",g;if(Browser.Engine.trident){g=new ActiveXObject("Microsoft.XMLDOM");
+g.async=false;g.loadXML(d);}else{g=new DOMParser().parseFromString(d,"text/xml");}d=g.getElementsByTagName("root")[0];if(!d){return null;}for(var f=0,e=d.childNodes.length;
+f<e;f++){var h=Element.clone(d.childNodes[f],true,true);if(h){a.grab(h);}}return a;})||a.set("html",c);},success:function(d){var c=this.options,b=this.response;
+b.html=d.stripScripts(function(e){b.javascript=e;});var a=this.processHTML(b.html);b.tree=a.childNodes;b.elements=a.getElements("*");if(c.filter){b.tree=b.elements.filter(c.filter);
+}if(c.update){document.id(c.update).empty().set("html",b.html);}else{if(c.append){document.id(c.append).adopt(a.getChildren());}}if(c.evalScripts){$exec(b.javascript);
+}this.onSuccess(b.tree,b.elements,b.html,b.javascript);}});Element.Properties.load={set:function(a){var b=this.retrieve("load");if(b){b.cancel();}return this.eliminate("load").store("load:options",$extend({data:this,link:"cancel",update:this,method:"get"},a));
+},get:function(a){if(a||!this.retrieve("load")){if(a||!this.retrieve("load:options")){this.set("load",a);}this.store("load",new Request.HTML(this.retrieve("load:options")));
+}return this.retrieve("load");}};Element.implement({load:function(){this.get("load").send(Array.link(arguments,{data:Object.type,url:String.type}));return this;
+}});Request.JSON=new Class({Extends:Request,options:{secure:true},initialize:function(a){this.parent(a);this.headers.extend({Accept:"application/json","X-Request":"JSON"});
+},success:function(a){this.response.json=JSON.decode(a,this.options.secure);this.onSuccess(this.response.json,a);}});
\ No newline at end of file
diff --git a/module/web/media/default/js/mootools-1.2.4.2-more.js b/module/web/media/default/js/mootools-1.2.4.2-more.js
new file mode 100644
index 000000000..eb04477df
--- /dev/null
+++ b/module/web/media/default/js/mootools-1.2.4.2-more.js
@@ -0,0 +1,134 @@
+//MooTools More, <http://mootools.net/more>. Copyright (c) 2006-2009 Aaron Newton <http://clientcide.com/>, Valerio Proietti <http://mad4milk.net> & the MooTools team <http://mootools.net/developers>, MIT Style License.
+
+MooTools.More={version:"1.2.4.2",build:"bd5a93c0913cce25917c48cbdacde568e15e02ef"};Class.refactor=function(b,a){$each(a,function(e,d){var c=b.prototype[d];
+if(c&&(c=c._origin)&&typeof e=="function"){b.implement(d,function(){var f=this.previous;this.previous=c;var g=e.apply(this,arguments);this.previous=f;return g;
+});}else{b.implement(d,e);}});return b;};Class.Mutators.Binds=function(a){return a;};Class.Mutators.initialize=function(a){return function(){$splat(this.Binds).each(function(b){var c=this[b];
+if(c){this[b]=c.bind(this);}},this);return a.apply(this,arguments);};};Class.Occlude=new Class({occlude:function(c,b){b=document.id(b||this.element);var a=b.retrieve(c||this.property);
+if(a&&!$defined(this.occluded)){return this.occluded=a;}this.occluded=false;b.store(c||this.property,this);return this.occluded;}});String.implement({parseQueryString:function(){var b=this.split(/[&;]/),a={};
+if(b.length){b.each(function(g){var c=g.indexOf("="),d=c<0?[""]:g.substr(0,c).match(/[^\]\[]+/g),e=decodeURIComponent(g.substr(c+1)),f=a;d.each(function(j,h){var k=f[j];
+if(h<d.length-1){f=f[j]=k||{};}else{if($type(k)=="array"){k.push(e);}else{f[j]=$defined(k)?[k,e]:e;}}});});}return a;},cleanQueryString:function(a){return this.split("&").filter(function(e){var b=e.indexOf("="),c=b<0?"":e.substr(0,b),d=e.substr(b+1);
+return a?a.run([c,d]):$chk(d);}).join("&");}});Element.implement({measure:function(e){var g=function(h){return !!(!h||h.offsetHeight||h.offsetWidth);};
+if(g(this)){return e.apply(this);}var d=this.getParent(),f=[],b=[];while(!g(d)&&d!=document.body){b.push(d.expose());d=d.getParent();}var c=this.expose();
+var a=e.apply(this);c();b.each(function(h){h();});return a;},expose:function(){if(this.getStyle("display")!="none"){return $empty;}var a=this.style.cssText;
+this.setStyles({display:"block",position:"absolute",visibility:"hidden"});return function(){this.style.cssText=a;}.bind(this);},getDimensions:function(a){a=$merge({computeSize:false},a);
+var f={};var d=function(g,e){return(e.computeSize)?g.getComputedSize(e):g.getSize();};var b=this.getParent("body");if(b&&this.getStyle("display")=="none"){f=this.measure(function(){return d(this,a);
+});}else{if(b){try{f=d(this,a);}catch(c){}}else{f={x:0,y:0};}}return $chk(f.x)?$extend(f,{width:f.x,height:f.y}):$extend(f,{x:f.width,y:f.height});},getComputedSize:function(a){a=$merge({styles:["padding","border"],plains:{height:["top","bottom"],width:["left","right"]},mode:"both"},a);
+var c={width:0,height:0};switch(a.mode){case"vertical":delete c.width;delete a.plains.width;break;case"horizontal":delete c.height;delete a.plains.height;
+break;}var b=[];$each(a.plains,function(g,f){g.each(function(h){a.styles.each(function(i){b.push((i=="border")?i+"-"+h+"-width":i+"-"+h);});});});var e={};
+b.each(function(f){e[f]=this.getComputedStyle(f);},this);var d=[];$each(a.plains,function(g,f){var h=f.capitalize();c["total"+h]=c["computed"+h]=0;g.each(function(i){c["computed"+i.capitalize()]=0;
+b.each(function(k,j){if(k.test(i)){e[k]=e[k].toInt()||0;c["total"+h]=c["total"+h]+e[k];c["computed"+i.capitalize()]=c["computed"+i.capitalize()]+e[k];}if(k.test(i)&&f!=k&&(k.test("border")||k.test("padding"))&&!d.contains(k)){d.push(k);
+c["computed"+h]=c["computed"+h]-e[k];}});});});["Width","Height"].each(function(g){var f=g.toLowerCase();if(!$chk(c[f])){return;}c[f]=c[f]+this["offset"+g]+c["computed"+g];
+c["total"+g]=c[f]+c["total"+g];delete c["computed"+g];},this);return $extend(e,c);}});(function(){var a=Element.prototype.position;Element.implement({position:function(h){if(h&&($defined(h.x)||$defined(h.y))){return a?a.apply(this,arguments):this;
+}$each(h||{},function(w,u){if(!$defined(w)){delete h[u];}});h=$merge({relativeTo:document.body,position:{x:"center",y:"center"},edge:false,offset:{x:0,y:0},returnPos:false,relFixedPosition:false,ignoreMargins:false,ignoreScroll:false,allowNegative:false},h);
+var s={x:0,y:0},f=false;var c=this.measure(function(){return document.id(this.getOffsetParent());});if(c&&c!=this.getDocument().body){s=c.measure(function(){return this.getPosition();
+});f=c!=document.id(h.relativeTo);h.offset.x=h.offset.x-s.x;h.offset.y=h.offset.y-s.y;}var t=function(u){if($type(u)!="string"){return u;}u=u.toLowerCase();
+var v={};if(u.test("left")){v.x="left";}else{if(u.test("right")){v.x="right";}else{v.x="center";}}if(u.test("upper")||u.test("top")){v.y="top";}else{if(u.test("bottom")){v.y="bottom";
+}else{v.y="center";}}return v;};h.edge=t(h.edge);h.position=t(h.position);if(!h.edge){if(h.position.x=="center"&&h.position.y=="center"){h.edge={x:"center",y:"center"};
+}else{h.edge={x:"left",y:"top"};}}this.setStyle("position","absolute");var g=document.id(h.relativeTo)||document.body,d=g==document.body?window.getScroll():g.getPosition(),n=d.y,i=d.x;
+var e=g.getScrolls();n+=e.y;i+=e.x;var o=this.getDimensions({computeSize:true,styles:["padding","border","margin"]});var k={},p=h.offset.y,r=h.offset.x,l=window.getSize();
+switch(h.position.x){case"left":k.x=i+r;break;case"right":k.x=i+r+g.offsetWidth;break;default:k.x=i+((g==document.body?l.x:g.offsetWidth)/2)+r;break;}switch(h.position.y){case"top":k.y=n+p;
+break;case"bottom":k.y=n+p+g.offsetHeight;break;default:k.y=n+((g==document.body?l.y:g.offsetHeight)/2)+p;break;}if(h.edge){var b={};switch(h.edge.x){case"left":b.x=0;
+break;case"right":b.x=-o.x-o.computedRight-o.computedLeft;break;default:b.x=-(o.totalWidth/2);break;}switch(h.edge.y){case"top":b.y=0;break;case"bottom":b.y=-o.y-o.computedTop-o.computedBottom;
+break;default:b.y=-(o.totalHeight/2);break;}k.x+=b.x;k.y+=b.y;}k={left:((k.x>=0||f||h.allowNegative)?k.x:0).toInt(),top:((k.y>=0||f||h.allowNegative)?k.y:0).toInt()};
+var j={left:"x",top:"y"};["minimum","maximum"].each(function(u){["left","top"].each(function(v){var w=h[u]?h[u][j[v]]:null;if(w!=null&&k[v]<w){k[v]=w;}});
+});if(g.getStyle("position")=="fixed"||h.relFixedPosition){var m=window.getScroll();k.top+=m.y;k.left+=m.x;}if(h.ignoreScroll){var q=g.getScroll();k.top-=q.y;
+k.left-=q.x;}if(h.ignoreMargins){k.left+=(h.edge.x=="right"?o["margin-right"]:h.edge.x=="center"?-o["margin-left"]+((o["margin-right"]+o["margin-left"])/2):-o["margin-left"]);
+k.top+=(h.edge.y=="bottom"?o["margin-bottom"]:h.edge.y=="center"?-o["margin-top"]+((o["margin-bottom"]+o["margin-top"])/2):-o["margin-top"]);}k.left=Math.ceil(k.left);
+k.top=Math.ceil(k.top);if(h.returnPos){return k;}else{this.setStyles(k);}return this;}});})();Element.implement({isDisplayed:function(){return this.getStyle("display")!="none";
+},isVisible:function(){var a=this.offsetWidth,b=this.offsetHeight;return(a==0&&b==0)?false:(a>0&&b>0)?true:this.isDisplayed();},toggle:function(){return this[this.isDisplayed()?"hide":"show"]();
+},hide:function(){var b;try{if((b=this.getStyle("display"))=="none"){b=null;}}catch(a){}return this.store("originalDisplay",b||"block").setStyle("display","none");
+},show:function(a){return this.setStyle("display",a||this.retrieve("originalDisplay")||"block");},swapClass:function(a,b){return this.removeClass(a).addClass(b);
+}});if(!window.Form){window.Form={};}(function(){Form.Request=new Class({Binds:["onSubmit","onFormValidate"],Implements:[Options,Events,Class.Occlude],options:{requestOptions:{evalScripts:true,useSpinner:true,emulation:false,link:"ignore"},extraData:{},resetForm:true},property:"form.request",initialize:function(b,c,a){this.element=document.id(b);
+if(this.occlude()){return this.occluded;}this.update=document.id(c);this.setOptions(a);this.makeRequest();if(this.options.resetForm){this.request.addEvent("success",function(){$try(function(){this.element.reset();
+}.bind(this));if(window.OverText){OverText.update();}}.bind(this));}this.attach();},toElement:function(){return this.element;},makeRequest:function(){this.request=new Request.HTML($merge({url:this.element.get("action"),update:this.update,emulation:false,spinnerTarget:this.element,method:this.element.get("method")||"post"},this.options.requestOptions)).addEvents({success:function(b,a){["success","complete"].each(function(c){this.fireEvent(c,[this.update,b,a]);
+},this);}.bind(this),failure:function(a){this.fireEvent("failure",a);}.bind(this),exception:function(){this.fireEvent("failure",xhr);}.bind(this)});},attach:function(a){a=$pick(a,true);
+method=a?"addEvent":"removeEvent";var b=this.element.retrieve("validator");if(b){b[method]("onFormValidate",this.onFormValidate);}if(!b||!a){this.element[method]("submit",this.onSubmit);
+}},detach:function(){this.attach(false);},enable:function(){this.attach();},disable:function(){this.detach();},onFormValidate:function(b,a,c){if(b||!fv.options.stopOnFailure){if(c&&c.stop){c.stop();
+}this.send();}},onSubmit:function(a){if(this.element.retrieve("validator")){this.detach();this.addFormEvent();return;}a.stop();this.send();},send:function(){var b=this.element.toQueryString().trim();
+var a=$H(this.options.extraData).toQueryString();if(b){b+="&"+a;}else{b=a;}this.fireEvent("send",[this.element,b]);this.request.send({data:b});return this;
+}});Element.Properties.formRequest={set:function(){var a=Array.link(arguments,{options:Object.type,update:Element.type,updateId:String.type});var c=a.update||a.updateId;
+var b=this.retrieve("form.request");if(c){if(b){b.update=document.id(c);}this.store("form.request:update",c);}if(a.options){if(b){b.setOptions(a.options);
+}this.store("form.request:options",a.options);}return this;},get:function(){var a=Array.link(arguments,{options:Object.type,update:Element.type,updateId:String.type});
+var b=a.update||a.updateId;if(a.options||b||!this.retrieve("form.request")){if(a.options||!this.retrieve("form.request:options")){this.set("form.request",a.options);
+}if(b){this.set("form.request",b);}this.store("form.request",new Form.Request(this,this.retrieve("form.request:update"),this.retrieve("form.request:options")));
+}return this.retrieve("form.request");}};Element.implement({formUpdate:function(b,a){this.get("form.request",b,a).send();return this;}});})();Fx.Reveal=new Class({Extends:Fx.Morph,options:{link:"cancel",styles:["padding","border","margin"],transitionOpacity:!Browser.Engine.trident4,mode:"vertical",display:"block",hideInputs:Browser.Engine.trident?"select, input, textarea, object, embed":false},dissolve:function(){try{if(!this.hiding&&!this.showing){if(this.element.getStyle("display")!="none"){this.hiding=true;
+this.showing=false;this.hidden=true;this.cssText=this.element.style.cssText;var d=this.element.getComputedSize({styles:this.options.styles,mode:this.options.mode});
+this.element.setStyle("display","block");if(this.options.transitionOpacity){d.opacity=1;}var b={};$each(d,function(f,e){b[e]=[f,0];},this);this.element.setStyle("overflow","hidden");
+var a=this.options.hideInputs?this.element.getElements(this.options.hideInputs):null;this.$chain.unshift(function(){if(this.hidden){this.hiding=false;$each(d,function(f,e){d[e]=f;
+},this);this.element.style.cssText=this.cssText;this.element.setStyle("display","none");if(a){a.setStyle("visibility","visible");}}this.fireEvent("hide",this.element);
+this.callChain();}.bind(this));if(a){a.setStyle("visibility","hidden");}this.start(b);}else{this.callChain.delay(10,this);this.fireEvent("complete",this.element);
+this.fireEvent("hide",this.element);}}else{if(this.options.link=="chain"){this.chain(this.dissolve.bind(this));}else{if(this.options.link=="cancel"&&!this.hiding){this.cancel();
+this.dissolve();}}}}catch(c){this.hiding=false;this.element.setStyle("display","none");this.callChain.delay(10,this);this.fireEvent("complete",this.element);
+this.fireEvent("hide",this.element);}return this;},reveal:function(){try{if(!this.showing&&!this.hiding){if(this.element.getStyle("display")=="none"||this.element.getStyle("visiblity")=="hidden"||this.element.getStyle("opacity")==0){this.showing=true;
+this.hiding=this.hidden=false;var d;this.cssText=this.element.style.cssText;this.element.measure(function(){d=this.element.getComputedSize({styles:this.options.styles,mode:this.options.mode});
+}.bind(this));$each(d,function(f,e){d[e]=f;});if($chk(this.options.heightOverride)){d.height=this.options.heightOverride.toInt();}if($chk(this.options.widthOverride)){d.width=this.options.widthOverride.toInt();
+}if(this.options.transitionOpacity){this.element.setStyle("opacity",0);d.opacity=1;}var b={height:0,display:this.options.display};$each(d,function(f,e){b[e]=0;
+});this.element.setStyles($merge(b,{overflow:"hidden"}));var a=this.options.hideInputs?this.element.getElements(this.options.hideInputs):null;if(a){a.setStyle("visibility","hidden");
+}this.start(d);this.$chain.unshift(function(){this.element.style.cssText=this.cssText;this.element.setStyle("display",this.options.display);if(!this.hidden){this.showing=false;
+}if(a){a.setStyle("visibility","visible");}this.callChain();this.fireEvent("show",this.element);}.bind(this));}else{this.callChain();this.fireEvent("complete",this.element);
+this.fireEvent("show",this.element);}}else{if(this.options.link=="chain"){this.chain(this.reveal.bind(this));}else{if(this.options.link=="cancel"&&!this.showing){this.cancel();
+this.reveal();}}}}catch(c){this.element.setStyles({display:this.options.display,visiblity:"visible",opacity:1});this.showing=false;this.callChain.delay(10,this);
+this.fireEvent("complete",this.element);this.fireEvent("show",this.element);}return this;},toggle:function(){if(this.element.getStyle("display")=="none"||this.element.getStyle("visiblity")=="hidden"||this.element.getStyle("opacity")==0){this.reveal();
+}else{this.dissolve();}return this;},cancel:function(){this.parent.apply(this,arguments);this.element.style.cssText=this.cssText;this.hidding=false;this.showing=false;
+}});Element.Properties.reveal={set:function(a){var b=this.retrieve("reveal");if(b){b.cancel();}return this.eliminate("reveal").store("reveal:options",a);
+},get:function(a){if(a||!this.retrieve("reveal")){if(a||!this.retrieve("reveal:options")){this.set("reveal",a);}this.store("reveal",new Fx.Reveal(this,this.retrieve("reveal:options")));
+}return this.retrieve("reveal");}};Element.Properties.dissolve=Element.Properties.reveal;Element.implement({reveal:function(a){this.get("reveal",a).reveal();
+return this;},dissolve:function(a){this.get("reveal",a).dissolve();return this;},nix:function(){var a=Array.link(arguments,{destroy:Boolean.type,options:Object.type});
+this.get("reveal",a.options).dissolve().chain(function(){this[a.destroy?"destroy":"dispose"]();}.bind(this));return this;},wink:function(){var b=Array.link(arguments,{duration:Number.type,options:Object.type});
+var a=this.get("reveal",b.options);a.reveal().chain(function(){(function(){a.dissolve();}).delay(b.duration||2000);});}});Request.implement({options:{initialDelay:5000,delay:5000,limit:60000},startTimer:function(b){var a=function(){if(!this.running){this.send({data:b});
+}};this.timer=a.delay(this.options.initialDelay,this);this.lastDelay=this.options.initialDelay;this.completeCheck=function(c){$clear(this.timer);this.lastDelay=(c)?this.options.delay:(this.lastDelay+this.options.delay).min(this.options.limit);
+this.timer=a.delay(this.lastDelay,this);};return this.addEvent("complete",this.completeCheck);},stopTimer:function(){$clear(this.timer);return this.removeEvent("complete",this.completeCheck);
+}});var Color=new Native({initialize:function(b,c){if(arguments.length>=3){c="rgb";b=Array.slice(arguments,0,3);}else{if(typeof b=="string"){if(b.match(/rgb/)){b=b.rgbToHex().hexToRgb(true);
+}else{if(b.match(/hsb/)){b=b.hsbToRgb();}else{b=b.hexToRgb(true);}}}}c=c||"rgb";switch(c){case"hsb":var a=b;b=b.hsbToRgb();b.hsb=a;break;case"hex":b=b.hexToRgb(true);
+break;}b.rgb=b.slice(0,3);b.hsb=b.hsb||b.rgbToHsb();b.hex=b.rgbToHex();return $extend(b,this);}});Color.implement({mix:function(){var a=Array.slice(arguments);
+var c=($type(a.getLast())=="number")?a.pop():50;var b=this.slice();a.each(function(d){d=new Color(d);for(var e=0;e<3;e++){b[e]=Math.round((b[e]/100*(100-c))+(d[e]/100*c));
+}});return new Color(b,"rgb");},invert:function(){return new Color(this.map(function(a){return 255-a;}));},setHue:function(a){return new Color([a,this.hsb[1],this.hsb[2]],"hsb");
+},setSaturation:function(a){return new Color([this.hsb[0],a,this.hsb[2]],"hsb");},setBrightness:function(a){return new Color([this.hsb[0],this.hsb[1],a],"hsb");
+}});var $RGB=function(d,c,a){return new Color([d,c,a],"rgb");};var $HSB=function(d,c,a){return new Color([d,c,a],"hsb");};var $HEX=function(a){return new Color(a,"hex");
+};Array.implement({rgbToHsb:function(){var b=this[0],c=this[1],j=this[2],g=0;var i=Math.max(b,c,j),e=Math.min(b,c,j);var k=i-e;var h=i/255,f=(i!=0)?k/i:0;
+if(f!=0){var d=(i-b)/k;var a=(i-c)/k;var l=(i-j)/k;if(b==i){g=l-a;}else{if(c==i){g=2+d-l;}else{g=4+a-d;}}g/=6;if(g<0){g++;}}return[Math.round(g*360),Math.round(f*100),Math.round(h*100)];
+},hsbToRgb:function(){var c=Math.round(this[2]/100*255);if(this[1]==0){return[c,c,c];}else{var a=this[0]%360;var e=a%60;var g=Math.round((this[2]*(100-this[1]))/10000*255);
+var d=Math.round((this[2]*(6000-this[1]*e))/600000*255);var b=Math.round((this[2]*(6000-this[1]*(60-e)))/600000*255);switch(Math.floor(a/60)){case 0:return[c,b,g];
+case 1:return[d,c,g];case 2:return[g,c,b];case 3:return[g,d,c];case 4:return[b,g,c];case 5:return[c,g,d];}}return false;}});String.implement({rgbToHsb:function(){var a=this.match(/\d{1,3}/g);
+return(a)?a.rgbToHsb():null;},hsbToRgb:function(){var a=this.match(/\d{1,3}/g);return(a)?a.hsbToRgb():null;}});var IframeShim=new Class({Implements:[Options,Events,Class.Occlude],options:{className:"iframeShim",src:'javascript:false;document.write("");',display:false,zIndex:null,margin:0,offset:{x:0,y:0},browsers:(Browser.Engine.trident4||(Browser.Engine.gecko&&!Browser.Engine.gecko19&&Browser.Platform.mac))},property:"IframeShim",initialize:function(b,a){this.element=document.id(b);
+if(this.occlude()){return this.occluded;}this.setOptions(a);this.makeShim();return this;},makeShim:function(){if(this.options.browsers){var c=this.element.getStyle("zIndex").toInt();
+if(!c){c=1;var b=this.element.getStyle("position");if(b=="static"||!b){this.element.setStyle("position","relative");}this.element.setStyle("zIndex",c);
+}c=($chk(this.options.zIndex)&&c>this.options.zIndex)?this.options.zIndex:c-1;if(c<0){c=1;}this.shim=new Element("iframe",{src:this.options.src,scrolling:"no",frameborder:0,styles:{zIndex:c,position:"absolute",border:"none",filter:"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)"},"class":this.options.className}).store("IframeShim",this);
+var a=(function(){this.shim.inject(this.element,"after");this[this.options.display?"show":"hide"]();this.fireEvent("inject");}).bind(this);if(IframeShim.ready){window.addEvent("load",a);
+}else{a();}}else{this.position=this.hide=this.show=this.dispose=$lambda(this);}},position:function(){if(!IframeShim.ready||!this.shim){return this;}var a=this.element.measure(function(){return this.getSize();
+});if(this.options.margin!=undefined){a.x=a.x-(this.options.margin*2);a.y=a.y-(this.options.margin*2);this.options.offset.x+=this.options.margin;this.options.offset.y+=this.options.margin;
+}this.shim.set({width:a.x,height:a.y}).position({relativeTo:this.element,offset:this.options.offset});return this;},hide:function(){if(this.shim){this.shim.setStyle("display","none");
+}return this;},show:function(){if(this.shim){this.shim.setStyle("display","block");}return this.position();},dispose:function(){if(this.shim){this.shim.dispose();
+}return this;},destroy:function(){if(this.shim){this.shim.destroy();}return this;}});window.addEvent("load",function(){IframeShim.ready=true;});var Mask=new Class({Implements:[Options,Events],Binds:["resize"],options:{style:{},"class":"mask",maskMargins:false,useIframeShim:true},initialize:function(b,a){this.target=document.id(b)||document.body;
+this.target.store("mask",this);this.setOptions(a);this.render();this.inject();},render:function(){this.element=new Element("div",{"class":this.options["class"],id:this.options.id||"mask-"+$time(),styles:$merge(this.options.style,{display:"none"}),events:{click:function(){this.fireEvent("click");
+if(this.options.hideOnClick){this.hide();}}.bind(this)}});this.hidden=true;},toElement:function(){return this.element;},inject:function(b,a){a=a||this.options.inject?this.options.inject.where:""||this.target==document.body?"inside":"after";
+b=b||this.options.inject?this.options.inject.target:""||this.target;this.element.inject(b,a);if(this.options.useIframeShim){this.shim=new IframeShim(this.element);
+this.addEvents({show:this.shim.show.bind(this.shim),hide:this.shim.hide.bind(this.shim),destroy:this.shim.destroy.bind(this.shim)});}},position:function(){this.resize(this.options.width,this.options.height);
+this.element.position({relativeTo:this.target,position:"topLeft",ignoreMargins:!this.options.maskMargins,ignoreScroll:this.target==document.body});return this;
+},resize:function(a,e){var b={styles:["padding","border"]};if(this.options.maskMargins){b.styles.push("margin");}var d=this.target.getComputedSize(b);if(this.target==document.body){var c=window.getSize();
+if(d.totalHeight<c.y){d.totalHeight=c.y;}if(d.totalWidth<c.x){d.totalWidth=c.x;}}this.element.setStyles({width:$pick(a,d.totalWidth,d.x),height:$pick(e,d.totalHeight,d.y)});
+return this;},show:function(){if(!this.hidden){return this;}this.target.addEvent("resize",this.resize);if(this.target!=document.body){document.id(document.body).addEvent("resize",this.resize);
+}this.position();this.showMask.apply(this,arguments);return this;},showMask:function(){this.element.setStyle("display","block");this.hidden=false;this.fireEvent("show");
+},hide:function(){if(this.hidden){return this;}this.target.removeEvent("resize",this.resize);this.hideMask.apply(this,arguments);if(this.options.destroyOnHide){return this.destroy();
+}return this;},hideMask:function(){this.element.setStyle("display","none");this.hidden=true;this.fireEvent("hide");},toggle:function(){this[this.hidden?"show":"hide"]();
+},destroy:function(){this.hide();this.element.destroy();this.fireEvent("destroy");this.target.eliminate("mask");}});Element.Properties.mask={set:function(b){var a=this.retrieve("mask");
+return this.eliminate("mask").store("mask:options",b);},get:function(a){if(a||!this.retrieve("mask")){if(this.retrieve("mask")){this.retrieve("mask").destroy();
+}if(a||!this.retrieve("mask:options")){this.set("mask",a);}this.store("mask",new Mask(this,this.retrieve("mask:options")));}return this.retrieve("mask");
+}};Element.implement({mask:function(a){this.get("mask",a).show();return this;},unmask:function(){this.get("mask").hide();return this;}});var Spinner=new Class({Extends:Mask,options:{"class":"spinner",containerPosition:{},content:{"class":"spinner-content"},messageContainer:{"class":"spinner-msg"},img:{"class":"spinner-img"},fxOptions:{link:"chain"}},initialize:function(){this.parent.apply(this,arguments);
+this.target.store("spinner",this);var a=function(){this.active=false;}.bind(this);this.addEvents({hide:a,show:a});},render:function(){this.parent();this.element.set("id",this.options.id||"spinner-"+$time());
+this.content=document.id(this.options.content)||new Element("div",this.options.content);this.content.inject(this.element);if(this.options.message){this.msg=document.id(this.options.message)||new Element("p",this.options.messageContainer).appendText(this.options.message);
+this.msg.inject(this.content);}if(this.options.img){this.img=document.id(this.options.img)||new Element("div",this.options.img);this.img.inject(this.content);
+}this.element.set("tween",this.options.fxOptions);},show:function(a){if(this.active){return this.chain(this.show.bind(this));}if(!this.hidden){this.callChain.delay(20,this);
+return this;}this.active=true;return this.parent(a);},showMask:function(a){var b=function(){this.content.position($merge({relativeTo:this.element},this.options.containerPosition));
+}.bind(this);if(a){this.parent();b();}else{this.element.setStyles({display:"block",opacity:0}).tween("opacity",this.options.style.opacity||0.9);b();this.hidden=false;
+this.fireEvent("show");this.callChain();}},hide:function(a){if(this.active){return this.chain(this.hide.bind(this));}if(this.hidden){this.callChain.delay(20,this);
+return this;}this.active=true;return this.parent(a);},hideMask:function(a){if(a){return this.parent();}this.element.tween("opacity",0).get("tween").chain(function(){this.element.setStyle("display","none");
+this.hidden=true;this.fireEvent("hide");this.callChain();}.bind(this));},destroy:function(){this.content.destroy();this.parent();this.target.eliminate("spinner");
+}});Spinner.implement(new Chain);if(window.Request){Request=Class.refactor(Request,{options:{useSpinner:false,spinnerOptions:{},spinnerTarget:false},initialize:function(a){this._send=this.send;
+this.send=function(c){if(this.spinner){this.spinner.chain(this._send.bind(this,c)).show();}else{this._send(c);}return this;};this.previous(a);var b=document.id(this.options.spinnerTarget)||document.id(this.options.update);
+if(this.options.useSpinner&&b){this.spinner=b.get("spinner",this.options.spinnerOptions);["onComplete","onException","onCancel"].each(function(c){this.addEvent(c,this.spinner.hide.bind(this.spinner));
+},this);}},getSpinner:function(){return this.spinner;}});}Element.Properties.spinner={set:function(a){var b=this.retrieve("spinner");return this.eliminate("spinner").store("spinner:options",a);
+},get:function(a){if(a||!this.retrieve("spinner")){if(this.retrieve("spinner")){this.retrieve("spinner").destroy();}if(a||!this.retrieve("spinner:options")){this.set("spinner",a);
+}new Spinner(this,this.retrieve("spinner:options"));}return this.retrieve("spinner");}};Element.implement({spin:function(a){this.get("spinner",a).show();
+return this;},unspin:function(){var a=Array.link(arguments,{options:Object.type,callback:Function.type});this.get("spinner",a.options).hide(a.callback);
+return this;}});
\ No newline at end of file
diff --git a/module/web/media/default/js/sprintf.js b/module/web/media/default/js/sprintf.js
new file mode 100644
index 000000000..30d9046de
--- /dev/null
+++ b/module/web/media/default/js/sprintf.js
@@ -0,0 +1,123 @@
+// JavaScript Document

+sprintfWrapper = {

+ 

+	init : function () {

+ 

+		if (typeof arguments == "undefined") { return null; }

+		if (arguments.length < 1) { return null; }

+		if (typeof arguments[0] != "string") { return null; }

+		if (typeof RegExp == "undefined") { return null; }

+ 

+		var string = arguments[0];

+		var exp = new RegExp(/(%([%]|(\-)?(\+|\x20)?(0)?(\d+)?(\.(\d)?)?([bcdfosxX])))/g);

+		var matches = new Array();

+		var strings = new Array();

+		var convCount = 0;

+		var stringPosStart = 0;

+		var stringPosEnd = 0;

+		var matchPosEnd = 0;

+		var newString = '';

+		var match = null;

+ 

+		while (match = exp.exec(string)) {

+			if (match[9]) { convCount += 1; }

+ 

+			stringPosStart = matchPosEnd;

+			stringPosEnd = exp.lastIndex - match[0].length;

+			strings[strings.length] = string.substring(stringPosStart, stringPosEnd);

+ 

+			matchPosEnd = exp.lastIndex;

+			matches[matches.length] = {

+				match: match[0],

+				left: match[3] ? true : false,

+				sign: match[4] || '',

+				pad: match[5] || ' ',

+				min: match[6] || 0,

+				precision: match[8],

+				code: match[9] || '%',

+				negative: parseInt(arguments[convCount]) < 0 ? true : false,

+				argument: String(arguments[convCount])

+			};

+		}

+		strings[strings.length] = string.substring(matchPosEnd);

+ 

+		if (matches.length == 0) { return string; }

+		if ((arguments.length - 1) < convCount) { return null; }

+ 

+		var code = null;

+		var match = null;

+		var i = null;

+ 

+		for (i=0; i<matches.length; i++) {

+ 

+			if (matches[i].code == '%') { substitution = '%' }

+			else if (matches[i].code == 'b') {

+				matches[i].argument = String(Math.abs(parseInt(matches[i].argument)).toString(2));

+				substitution = sprintfWrapper.convert(matches[i], true);

+			}

+			else if (matches[i].code == 'c') {

+				matches[i].argument = String(String.fromCharCode(parseInt(Math.abs(parseInt(matches[i].argument)))));

+				substitution = sprintfWrapper.convert(matches[i], true);

+			}

+			else if (matches[i].code == 'd') {

+				matches[i].argument = String(Math.abs(parseInt(matches[i].argument)));

+				substitution = sprintfWrapper.convert(matches[i]);

+			}

+			else if (matches[i].code == 'f') {

+				matches[i].argument = String(Math.abs(parseFloat(matches[i].argument)).toFixed(matches[i].precision ? matches[i].precision : 6));

+				substitution = sprintfWrapper.convert(matches[i]);

+			}

+			else if (matches[i].code == 'o') {

+				matches[i].argument = String(Math.abs(parseInt(matches[i].argument)).toString(8));

+				substitution = sprintfWrapper.convert(matches[i]);

+			}

+			else if (matches[i].code == 's') {

+				matches[i].argument = matches[i].argument.substring(0, matches[i].precision ? matches[i].precision : matches[i].argument.length)

+				substitution = sprintfWrapper.convert(matches[i], true);

+			}

+			else if (matches[i].code == 'x') {

+				matches[i].argument = String(Math.abs(parseInt(matches[i].argument)).toString(16));

+				substitution = sprintfWrapper.convert(matches[i]);

+			}

+			else if (matches[i].code == 'X') {

+				matches[i].argument = String(Math.abs(parseInt(matches[i].argument)).toString(16));

+				substitution = sprintfWrapper.convert(matches[i]).toUpperCase();

+			}

+			else {

+				substitution = matches[i].match;

+			}

+ 

+			newString += strings[i];

+			newString += substitution;

+ 

+		}

+		newString += strings[i];

+ 

+		return newString;

+ 

+	},

+ 

+	convert : function(match, nosign){

+		if (nosign) {

+			match.sign = '';

+		} else {

+			match.sign = match.negative ? '-' : match.sign;

+		}

+		var l = match.min - match.argument.length + 1 - match.sign.length;

+		var pad = new Array(l < 0 ? 0 : l).join(match.pad);

+		if (!match.left) {

+			if (match.pad == "0" || nosign) {

+				return match.sign + pad + match.argument;

+			} else {

+				return pad + match.sign + match.argument;

+			}

+		} else {

+			if (match.pad == "0" || nosign) {

+				return match.sign + match.argument + pad.replace(/0/g, ' ');

+			} else {

+				return match.sign + match.argument + pad;

+			}

+		}

+	}

+}

+sprintf = sprintfWrapper.init;
\ No newline at end of file
diff --git a/module/web/static/default/status.js b/module/web/media/default/js/status.js
index 31a4e0032..3923e80ca 100644
--- a/module/web/static/default/status.js
+++ b/module/web/media/default/js/status.js
@@ -39,11 +39,11 @@ window.addEvent('domready', function(){
 
         new Request({
             method: 'post',
-            url: '/json/addlinks',
+            url: '/json/addpackage',
             onSuccess: function(){
                 document.id('linkarea').value = ""
             }
-            }).send('links='+document.id('linkarea').value)
+            }).send('links='+document.id('linkarea').value+"&name="+document.id('pname').value)
 
 
     })
diff --git a/module/web/static/favicon.ico b/module/web/media/img/favicon.ico
index 58b1f4b89..58b1f4b89 100644
--- a/module/web/static/favicon.ico
+++ b/module/web/media/img/favicon.ico
diff --git a/module/web/pyload/__init__.py b/module/web/pyload/__init__.py
new file mode 100644
index 000000000..e69de29bb
--- /dev/null
+++ b/module/web/pyload/__init__.py
diff --git a/module/web/pyload/admin.py b/module/web/pyload/admin.py
new file mode 100644
index 000000000..99cb28836
--- /dev/null
+++ b/module/web/pyload/admin.py
@@ -0,0 +1,15 @@
+# -*- coding: utf-8 -*-
+from django.contrib import admin
+from models import Prefs
+from django.contrib.auth.models import User
+from django.contrib.auth.admin import UserAdmin as RealUserAdmin
+
+
+class UserProfileInline(admin.StackedInline):
+    model = Prefs
+
+class UserAdmin(RealUserAdmin):
+    inlines = [ UserProfileInline ]
+
+admin.site.unregister(User)
+admin.site.register(User, UserAdmin)
\ No newline at end of file
diff --git a/module/web/pyload/models.py b/module/web/pyload/models.py
new file mode 100644
index 000000000..86962f23c
--- /dev/null
+++ b/module/web/pyload/models.py
@@ -0,0 +1,31 @@
+# -*- coding: utf-8 -*-
+from django.db import models
+from django.contrib.auth.models import User
+# Create your models here.
+
+class Prefs(models.Model):
+    """ Permissions setting """
+    
+    user = models.ForeignKey(User, unique=True)
+    template = models.CharField(max_length=30, default='default', null=False, blank=False) #@TODO: currently unused
+        
+    class Meta:
+        permissions = (
+            ('can_see_dl', 'User can see Downloads'),
+            ('can_change_status', 'User can change Status'),
+            ('can_download', 'User can download'),
+            ('can_add', 'User can add Links'),
+            ('can_delete', 'User can delete Links'),
+            ('can_see_logs', 'User can see Logs'),
+        )
+        verbose_name = "Preferences"
+        verbose_name_plural = "Preferences"
+    
+    def __unicode__(self):
+        return "Preferences for %s" % self.user
+
+
+def user_post_save(sender, instance, **kwargs):
+    profile, new = Prefs.objects.get_or_create(user=instance)
+
+models.signals.post_save.connect(user_post_save, User)
\ No newline at end of file
diff --git a/module/web/pyload/tests.py b/module/web/pyload/tests.py
new file mode 100644
index 000000000..2247054b3
--- /dev/null
+++ b/module/web/pyload/tests.py
@@ -0,0 +1,23 @@
+"""
+This file demonstrates two different styles of tests (one doctest and one
+unittest). These will both pass when you run "manage.py test".
+
+Replace these with more appropriate tests for your application.
+"""
+
+from django.test import TestCase
+
+class SimpleTest(TestCase):
+    def test_basic_addition(self):
+        """
+        Tests that 1 + 1 always equals 2.
+        """
+        self.failUnlessEqual(1 + 1, 2)
+
+__test__ = {"doctest": """
+Another way to test that 1 + 1 is equal to 2.
+
+>>> 1 + 1 == 2
+True
+"""}
+
diff --git a/module/web/pyload/urls.py b/module/web/pyload/urls.py
new file mode 100644
index 000000000..73ba08c21
--- /dev/null
+++ b/module/web/pyload/urls.py
@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+
+from os.path import join
+
+from django.conf import settings
+from django.conf.urls.defaults import *
+
+
+urlpatterns = patterns('pyload',
+                       (r'^home/$', 'views.home'),
+                       (r'^downloads/$', 'views.downloads',{},'downloads'),
+                       (r'^download/(?P<path>[a-zA-z\.0-9\-/_%]+)$', 'views.download',{},'download'),
+                       (r'^queue/$', 'views.queue',{}, 'queue'),
+                       (r'^logs/$', 'views.logs',{}, 'logs'),
+                       (r'^logs/(?P<page>\d+)$', 'views.logs',{}, 'logs'),
+                       (r'^$', 'views.home',{}, 'home'),
+                       )
+
+urlpatterns += patterns('django.contrib.auth',
+                        (r'^login/$', 'views.login', {'template_name': join(settings.TEMPLATE, 'login.html')}),
+                        (r'^logout/$', 'views.logout', {'template_name': join(settings.TEMPLATE, 'logout.html')}, 'logout'),
+)
\ No newline at end of file
diff --git a/module/web/pyload/views.py b/module/web/pyload/views.py
new file mode 100644
index 000000000..ea9d5f1be
--- /dev/null
+++ b/module/web/pyload/views.py
@@ -0,0 +1,153 @@
+# -*- coding: utf-8 -*-
+
+# Create your views here.
+import mimetypes
+from os import listdir
+from os import stat
+from os.path import isdir
+from os.path import isfile
+from os.path import join
+
+from django.conf import settings
+from django.contrib.auth.decorators import login_required
+from django.http import HttpResponse
+from django.http import HttpResponseNotFound
+from django.shortcuts import render_to_response
+from django.template import RequestContext
+
+
+def check_server(function):
+    def _dec(view_func):
+        def _view(request, * args, ** kwargs):
+            try:
+                version = settings.PYLOAD.get_server_version()
+            except Exception, e:
+                return base(request, messages=['Can\'t connect to pyLoad. Please check your configuration and make sure pyLoad is running.', str(e)])
+            return view_func(request, * args, ** kwargs)
+        
+        _view.__name__ = view_func.__name__
+        _view.__dict__ = view_func.__dict__
+        _view.__doc__ = view_func.__doc__
+
+        return _view
+
+    if function is None:
+        return _dec
+    else:
+        return _dec(function)
+        
+        
+def permission(perm):
+    def _dec(view_func):
+        def _view(request, * args, ** kwargs):
+            if request.user.has_perm(perm) and request.user.is_authenticated():
+                return view_func(request, * args, ** kwargs)
+            else:
+                return base(request, messages=['You don\'t have permission to view this page.'])
+        
+        _view.__name__ = view_func.__name__
+        _view.__dict__ = view_func.__dict__
+        _view.__doc__ = view_func.__doc__
+
+        return _view
+
+    return _dec
+
+
+
+def status_proc(request):
+    return {'status': settings.PYLOAD.status_server()}
+
+
+def base(request, messages):
+    return render_to_response(join(settings.TEMPLATE, 'base.html'), {'messages': messages}, RequestContext(request))
+
+@login_required
+@permission('pyload.can_see_dl')
+@check_server
+def home(request):
+    return render_to_response(join(settings.TEMPLATE, 'home.html'), RequestContext(request, {'content': settings.PYLOAD.status_downloads()}, [status_proc]))
+    
+
+@login_required
+@permission('pyload.can_see_dl')
+@check_server
+def queue(request):
+    queue = settings.PYLOAD.get_queue()
+    for pack in queue:
+        pack["children"] = map(settings.PYLOAD.get_file_info, settings.PYLOAD.get_package_files(pack["id"]))
+    return render_to_response(join(settings.TEMPLATE, 'queue.html'), RequestContext(request, {'content': queue}, [status_proc]))
+
+
+@login_required
+@permission('pyload.can_download')
+@check_server
+def downloads(request):
+    if not isdir(settings.DL_ROOT):
+        return base(request, ['Download directory not found.'])
+    data = {
+        'folder': [],
+        'files': []
+    }
+    
+    for item in listdir(settings.DL_ROOT):
+        if isdir(join(settings.DL_ROOT, item)):
+            folder = {
+                'name': item,
+                'files': []
+            }
+            for file in listdir(join(settings.DL_ROOT, item)):
+                if isfile(join(settings.DL_ROOT, item, file)):
+                    folder['files'].append(file)
+            
+            data['folder'].append(folder)
+        elif isfile(join(settings.DL_ROOT, item)):
+            data['files'].append(item)
+    
+    
+    return render_to_response(join(settings.TEMPLATE, 'downloads.html'), RequestContext(request, {'files': data}, [status_proc]))
+    
+@login_required
+@permission('pyload.can_download')
+@check_server
+def download(request, path):
+    path = path.split("/")
+    
+    dir = join(settings.DL_ROOT, path[1].replace('..', ''))
+    if isdir(dir) or isfile(dir):
+        if isdir(dir): filepath = join(dir, path[2])
+        elif isfile(dir): filepath = dir
+        
+        print filepath
+        if isfile(filepath):
+            try:
+                type, encoding = mimetypes.guess_type(filepath)
+                if type is None:
+                    type = 'application/octet-stream'
+            
+                response = HttpResponse(mimetype=type)
+                response['Content-Length'] = str(stat(filepath).st_size)
+            
+                if encoding is not None:
+                    response['Content-Encoding'] = encoding
+                     
+                response.write(file(filepath, "rb").read())
+                return response
+            
+            except Exception, e:
+                return HttpResponseNotFound("File not Found. %s" % str(e))
+    
+    return HttpResponseNotFound("File not Found.")
+
+@login_required
+@permission('pyload.can_see_logs')
+@check_server
+def logs(request, page=0):
+    
+    log = file(join(settings.LOG_ROOT, "log.txt")).readlines()
+    data = []
+    page = int(page)
+    for i in range(page, page + 20):
+        data.append({'line': i + 1, 'content':log[i]})
+    
+    return render_to_response(join(settings.TEMPLATE, 'logs.html'), RequestContext(request, {'log': data, 'next': str(page + 20), 'prev': 0 if page-20 < 0 else page-20}, [status_proc]))
diff --git a/module/web/run_unix.py b/module/web/run_unix.py
new file mode 100755
index 000000000..09c67b282
--- /dev/null
+++ b/module/web/run_unix.py
@@ -0,0 +1,21 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+from __future__ import with_statement
+import os
+
+pid = os.fork()
+if pid:
+    with open("webserver.pid", "w") as f:
+        f.write(str(pid))
+else:
+    from django.core.management import execute_manager
+
+    try:
+        import settings # Assumed to be in the same directory.
+    except ImportError:
+        import sys
+        sys.stderr.write("Error: Can't find the file 'settings.py' in the directory containing %r. It appears you've customized things.\nYou'll have to run django-admin.py, passing it your settings module.\n(If the file settings.py does indeed exist, it's causing an ImportError somehow.)\n" % __file__)
+        sys.exit(1)
+
+    if __name__ == "__main__":
+        execute_manager(settings)
\ No newline at end of file
diff --git a/module/web/settings.py b/module/web/settings.py
new file mode 100644
index 000000000..dff1dc29d
--- /dev/null
+++ b/module/web/settings.py
@@ -0,0 +1,135 @@
+# -*- coding: utf-8 -*-

+# Django settings for pyload project.

+

+DEBUG = True

+TEMPLATE_DEBUG = DEBUG

+

+import os.path

+import sys

+import xmlrpclib

+

+SERVER_VERSION = "0.3"

+

+PROJECT_DIR = os.path.dirname(__file__)

+

+#chdir(dirname(abspath(__file__)) + sep)

+

+PYLOAD_DIR = os.path.join(PROJECT_DIR,"..","..")

+

+sys.path.append(os.path.join(PYLOAD_DIR, "module"))

+from XMLConfigParser import XMLConfigParser

+config = XMLConfigParser(os.path.join(PYLOAD_DIR,"module","config","core.xml"))

+

+#DEBUG = config.get("general","debug")

+

+

+ssl = ""

+

+if config.get("ssl", "activated") == "True":

+    ssl = "s"

+

+server_url = "http%s://%s:%s@%s:%s/" % (

+                                        ssl,

+                                        config.get("remote", "username"),

+                                        config.get("remote", "password"),

+                                        config.get("remote", "listenaddr"),

+                                        config.get("remote", "port")

+                                        )

+

+PYLOAD = xmlrpclib.ServerProxy(server_url, allow_none=True)

+

+TEMPLATE = config.get('webinterface','template')

+DL_ROOT = os.path.join(PYLOAD_DIR, config.get('general','download_folder'))

+LOG_ROOT = os.path.join(PYLOAD_DIR, config.get('log','log_folder'))

+

+ADMINS = (

+          # ('Your Name', 'your_email@domain.com'),

+          )

+

+MANAGERS = ADMINS

+

+DATABASE_ENGINE = 'sqlite3'           # 'postgresql_psycopg2', 'postgresql', 'mysql', 'sqlite3' or 'oracle'.

+DATABASE_NAME = os.path.join(PROJECT_DIR, 'pyload.db')             # Or path to database file if using sqlite3.

+DATABASE_USER = ''             # Not used with sqlite3.

+DATABASE_PASSWORD = ''         # Not used with sqlite3.

+DATABASE_HOST = ''             # Set to empty string for localhost. Not used with sqlite3.

+DATABASE_PORT = ''             # Set to empty string for default. Not used with sqlite3.

+

+# Local time zone for this installation. Choices can be found here:

+# http://en.wikipedia.org/wiki/List_of_tz_zones_by_name

+# although not all choices may be available on all operating systems.

+# If running in a Windows environment this must be set to the same as your

+# system time zone.

+TIME_ZONE = 'Europe'

+

+# Language code for this installation. All choices can be found here:

+# http://www.i18nguy.com/unicode/language-identifiers.html

+LANGUAGE_CODE = 'en-us'

+

+SITE_ID = 1

+

+# If you set this to False, Django will make some optimizations so as not

+# to load the internationalization machinery.

+USE_I18N = True

+

+# Absolute path to the directory that holds media.

+# Example: "/home/media/media.lawrence.com/"

+MEDIA_ROOT = os.path.join(PROJECT_DIR, "media/")

+

+

+# URL that handles the media served from MEDIA_ROOT. Make sure to use a

+# trailing slash if there is a path component (optional in other cases).

+# Examples: "http://media.lawrence.com", "http://example.com/media/"

+

+#MEDIA_URL = 'http://localhost:8000/media'

+MEDIA_URL = '/media/' + config.get('webinterface','template') + '/'

+#MEDIA_URL = os.path.join(PROJECT_DIR, "media/")

+

+LOGIN_REDIRECT_URL = "/"

+

+# URL prefix for admin media -- CSS, JavaScript and images. Make sure to use a

+# trailing slash.

+# Examples: "http://foo.com/media/", "/media/".

+ADMIN_MEDIA_PREFIX = '/media/admin/'

+

+# Make this unique, and don't share it with anybody.

+SECRET_KEY = '+u%%1t&c7!e$0$*gu%w2$@to)h0!&x-r*9e+-=wa4*zxat%x^t'

+

+# List of callables that know how to import templates from various sources.

+TEMPLATE_LOADERS = (

+                    'django.template.loaders.filesystem.load_template_source',

+                    'django.template.loaders.app_directories.load_template_source',

+                    #     'django.template.loaders.eggs.load_template_source',

+                    )

+

+

+MIDDLEWARE_CLASSES = (

+                    'django.middleware.gzip.GZipMiddleware',

+                    'django.middleware.http.ConditionalGetMiddleware',

+                      'django.middleware.common.CommonMiddleware',

+                      'django.contrib.sessions.middleware.SessionMiddleware',

+                      'django.contrib.auth.middleware.AuthenticationMiddleware',

+                      )

+

+ROOT_URLCONF = 'urls'

+

+TEMPLATE_DIRS = (

+                 # Put strings here, like "/home/html/django_templates" or "C:/www/django/templates".

+                 # Always use forward slashes, even on Windows.

+                 # Don't forget to use absolute paths, not relative paths.

+                 os.path.join(PROJECT_DIR, "templates"),

+                 )

+

+INSTALLED_APPS = (

+                  'django.contrib.auth',

+                  'django.contrib.contenttypes',

+                  'django.contrib.sessions',

+                  #'django.contrib.sites',

+                  'django.contrib.admin',

+                  'pyload',

+                  'ajax',

+                  )

+

+

+AUTH_PROFILE_MODULE = 'pyload.UserProfile'

+LOGIN_URL = '/login'
\ No newline at end of file
diff --git a/module/web/static/default.css b/module/web/static/default.css
deleted file mode 100644
index fd2e85eb9..000000000
--- a/module/web/static/default.css
+++ /dev/null
@@ -1,189 +0,0 @@
-a.interwiki{background:transparent url(static/default/interwiki.png) 0px 1px no-repeat;padding-left:16px;}
-a.iw_wp{background-image:url(static/default/interwiki/wp.gif)}
-a.iw_wpde{background-image:url(static/default/interwiki/wpde.gif)}
-a.iw_wpmeta{background-image:url(static/default/interwiki/wpmeta.gif)}
-a.iw_doku{background-image:url(static/default/interwiki/doku.gif)}
-a.iw_dokubug{background-image:url(static/default/interwiki/dokubug.gif)}
-a.iw_amazon{background-image:url(static/default/interwiki/amazon.gif)}
-a.iw_amazon_de{background-image:url(static/default/interwiki/amazon.de.gif)}
-a.iw_amazon_uk{background-image:url(static/default/interwiki/amazon.uk.gif)}
-a.iw_phpfn{background-image:url(static/default/interwiki/phpfn.gif)}
-a.iw_coral{background-image:url(static/default/interwiki/coral.gif)}
-a.iw_sb{background-image:url(static/default/interwiki/sb.gif)}
-a.iw_google{background-image:url(static/default/interwiki/google.gif)}
-a.iw_meatball{background-image:url(static/default/interwiki/meatball.gif)}
-a.iw_wiki{background-image:url(static/default/interwiki/wiki.gif)}
-a.mediafile{background:transparent url(static/default/file.png) 0px 1px no-repeat;padding-left:18px;padding-bottom:1px;}
-a.mf_jpg{background-image:url(static/default/jpg.png)}
-a.mf_jpeg{background-image:url(static/default/jpeg.png)}
-a.mf_gif{background-image:url(static/default/gif.png)}
-a.mf_png{background-image:url(static/default/png.png)}
-a.mf_tgz{background-image:url(static/default/tgz.png)}
-a.mf_tar{background-image:url(static/default/tar.png)}
-a.mf_gz{background-image:url(static/default/gz.png)}
-a.mf_bz2{background-image:url(static/default/bz2.png)}
-a.mf_zip{background-image:url(static/default/zip.png)}
-a.mf_rar{background-image:url(static/default/rar.png)}
-a.mf_pdf{background-image:url(static/default/pdf.png)}
-a.mf_ps{background-image:url(static/default/ps.png)}
-a.mf_doc{background-image:url(static/default/doc.png)}
-a.mf_xls{background-image:url(static/default/xls.png)}
-a.mf_ppt{background-image:url(static/default/ppt.png)}
-a.mf_rtf{background-image:url(static/default/rtf.png)}
-a.mf_swf{background-image:url(static/default/swf.png)}
-a.mf_rpm{background-image:url(static/default/rpm.png)}
-a.mf_deb{background-image:url(static/default/deb.png)}
-a.mf_sxw{background-image:url(static/default/sxw.png)}
-a.mf_sxc{background-image:url(static/default/sxc.png)}
-a.mf_sxi{background-image:url(static/default/sxi.png)}
-a.mf_sxd{background-image:url(static/default/sxd.png)}
-a.mf_odc{background-image:url(static/default/odc.png)}
-a.mf_odf{background-image:url(static/default/odf.png)}
-a.mf_odg{background-image:url(static/default/odg.png)}a.mf_odi{background-image:url(static/default/odi.png)}
-a.mf_odp{background-image:url(static/default/odp.png)}a.mf_ods{background-image:url(static/default/ods.png)}
-a.mf_odt{background-image:url(static/default/odt.png)}div.clearer{clear:both;line-height:0;height:0;overflow:hidden;}
-div.no{display:inline;margin:0;padding:0;}.hidden{display:none;}
-div.error{background:#fcc url(static/default/error.png) 0.5em 0px no-repeat;color:#000;border-bottom:1px solid #faa;font-size:90%;margin:0;padding-left:3em;overflow:hidden;}
-div.info{background:#ccf url(static/default/info.png) 0.5em 0px no-repeat;color:#000;border-bottom:1px solid #aaf;font-size:90%;margin:0;padding-left:3em;overflow:hidden;}
-div.success{background:#cfc url(static/default/success.png) 0.5em 0px no-repeat;color:#000;border-bottom:1px solid #afa;font-size:90%;margin:0;padding-left:3em;overflow:hidden;}
-div.notify{background:#ffc url(static/default/notify.png) 0.5em 0px no-repeat;color:#000;border-bottom:1px solid #ffa;font-size:90%;margin:0;padding-left:3em;overflow:hidden;}
-.medialeft{float:left;}.mediaright{float:right;}
-.mediacenter{display:block;margin-left:auto;margin-right:auto;}
-.leftalign{text-align:left;}
-.centeralign{text-align:center;}
-.rightalign{text-align:right;}
-em.u{font-style:normal;text-decoration:underline;}
-em em.u{font-style:italic;}
-.code .br0{color:#6c6;}
-.code .co1{color:#808080;font-style:italic;}
-.code .co2{color:#808080;font-style:italic;}
-.code .co3{color:#808080;}
-.code .coMULTI{color:#808080;font-style:italic;}
-.code .es0{color:#009;font-weight:bold;}.code .kw1{color:#b1b100;}
-.code .kw2{color:#000;font-weight:bold;}.code .kw3{color:#006;}
-.code .kw4{color:#933;}.code .kw5{color:#00f;}.code .me1{color:#060;}.code .me2{color:#060;}
-.code .nu0{color:#c6c;}.code .re0{color:#00f;}.code .re1{color:#00f;}.code .re2{color:#00f;}.code .re3{color:#f33;font-weight:bold;}.code .re4{color:#099;}.code .st0{color:#f00;}.code .sy0{color:#6c6;}
-div.dokuwiki table.pagelist,div.dokuwiki table.ul{border:0;padding:0;border-spacing:0;margin-bottom:1em;border-collapse:collapse;}
-div.dokuwiki table.pagelist tr{border-top:1px solid #8cacbb;border-bottom:1px solid #8cacbb;}
-div.dokuwiki table.pagelist th,div.dokuwiki table.pagelist td{padding:1px 1em 1px 0;}
-div.dokuwiki table.ul th,div.dokuwiki table.ul td{padding:0 1em 0 0;}
-div.dokuwiki table.ul ul{margin:0 0 0 1.5em;}
-div.dokuwiki table.pagelist th,div.dokuwiki table.ul th{background-color:#dee7ec;}
-div.dokuwiki th.page,div.dokuwiki th.date,div.dokuwiki th.user,div.dokuwiki th.desc,div.dokuwiki th.comments,div.dokuwiki th.linkbacks,div.dokuwiki th.tags,div.dokuwiki td.date,div.dokuwiki td.user,div.dokuwiki td.desc,div.dokuwiki td.comments,div.dokuwiki td.linkbacks,div.dokuwiki td.tags{color:#666;font-size:80%;}
-div.dokuwiki td.date{text-align:right;}div.dokuwiki div.include div.secedit{float:right;margin-left:1em;margin-top:-18px;}
-div.dokuwiki div.inclmeta{border-top:1px dotted #8cacbb;padding-top:0.2em;color:#666;font-size:80%;line-height:1.25;margin-top:0.5em;margin-bottom:2em;}
-div.dokuwiki div.inclmeta a.permalink{background:transparent url(static/default/link.gif) 0px 1px no-repeat;padding:1px 0px 1px 16px;}
-div.dokuwiki div.inclmeta abbr.published{background:transparent url(static/default/date.gif) 0px 1px no-repeat;padding:1px 0px 1px 16px;border-bottom:0;}
-div.dokuwiki div.inclmeta span.author{background:transparent url(static/default/user.gif) 0px 1px no-repeat;padding:1px 0px 1px 16px;}
-div.dokuwiki div.inclmeta span.comment{background:transparent url(static/default/comment.gif) 0px 1px no-repeat;padding:1px 0px 1px 16px;}
-div.dokuwiki div.inclmeta div.tags{border-top:0;font-size:100%;float:right;clear:none;}#plugin__manager{}#plugin__manager h2{margin-left:0;}
-#plugin__manager form{display:block;margin:0;padding:0;}
-#plugin__manager legend{display:none;}
-#plugin__manager fieldset{width:auto;}
-#plugin__manager .button{margin:0;}
-#plugin__manager p,#plugin__manager label{text-align:left;}
-#plugin__manager .hidden{display:none;}#plugin__manager .new{background:#dee7ec;}
-#plugin__manager input[disabled]{color:#ccc;border-color:#ccc;}
-#plugin__manager .pm_menu,#plugin__manager .pm_info{margin-left:0;text-align:left;}
-#plugin__manager .pm_menu{float:left;width:48%;}
-#plugin__manager .pm_info{float:right;width:50%;}
-#plugin__manager .common{}#plugin__manager .common form{}
-#plugin__manager .common fieldset{margin:0;padding:0 0 1.0em 0;text-align:left;border:none;}
-#plugin__manager .common label{padding:0 0 0.5em 0;}
-#plugin__manager .common input{}
-#plugin__manager .common input.edit{width:24em;margin:0.5em;}
-#plugin__manager .common .button{}
-#plugin__manager form.plugins{}
-#plugin__manager .plugins fieldset{color:#000;background:#fff;text-align:right;border-top:none;border-right:none;border-left:none;}
-#plugin__manager .plugins fieldset.protected{background:#fdd;color:#000;}
-#plugin__manager .plugins fieldset.disabled{background:#e0e0e0;color:#a8a8a8;}
-#plugin__manager .plugins .legend{color:#000;background:inherit;display:block;margin:0;padding:0;font-size:1em;line-height:1.4em;font-weight:normal;text-align:left;float:left;padding:0;clear:none;}
-#plugin__manager .plugins .button{font-size:95%;}#plugin__manager .plugins fieldset.buttons{border:none;}
-#plugin__manager .plugins fieldset.buttons .button{float:left;}
-#plugin__manager .pm_info h3{margin-left:0;}#plugin__manager .pm_info dl{margin:1em 0;padding:0;}
-#plugin__manager .pm_info dt{width:6em;float:left;clear:left;margin:0;padding:0;}
-#plugin__manager .pm_info dd{margin:0 0 0 7em;padding:0;background:none;}
-#plugin__manager .plugins .enable{float:left;width:auto;margin-right:0.5em;}
-#config__manager div.success,#config__manager div.error,#config__manager div.info{background-position:0.5em;padding:0.5em;text-align:center;}
-#config__manager fieldset{margin:1em;width:auto;margin-bottom:2em;background-color:#dee7ec;color:#000;padding:0 1em;}
-#config__manager legend{font-size:1.25em;}
-#config__manager form{}#config__manager table{margin:1em 0;width:100%;}#config__manager fieldset td{text-align:left;}
-#config__manager fieldset td.value{width:31em;}#config__manager td.label{padding:0.8em 0 0.6em 1em;vertical-align:top;
-}#config__manager td.label label{clear:left;display:block;}
-#config__manager td.label img{padding:0 10px;vertical-align:middle;float:right;}
-#config__manager td.label span.outkey{font-size:70%;margin-top:-1.7em;margin-left:-1em;display:block;background-color:#fff;color:#666;float:left;padding:0 0.1em;position:relative;z-index:1;}
-#config__manager td input.edit{width:30em;}#config__manager td .input{width:30.8em;}
-#config__manager td select.edit{}#config__manager td textarea.edit{width:27.5em;height:4em;}
-#config__manager tr .input,#config__manager tr input,#config__manager tr textarea,#config__manager tr select{background-color:#fff;color:#000;}
-#config__manager tr.default .input,#config__manager tr.default input,#config__manager tr.default textarea,#config__manager tr.default select,#config__manager .selectiondefault{background-color:#cdf;color:#000;}
-#config__manager tr.protected .input,#config__manager tr.protected input,#config__manager tr.protected textarea,#config__manager tr.protected select,#config__manager tr.protected .selection{background-color:#fcc!important;color:#000 !important;}
-#config__manager td.error{background-color:red;color:#000;}#config__manager .selection{width:14.8em;float:left;margin:0 0.3em 2px 0;}#config__manager .selection label{float:right;width:14em;font-size:90%;}
-* html #config__manager .selection label{padding-top:2px;}
-#config__manager .selection input.checkbox{padding-left:0.7em;}
-#config__manager .other{clear:both;padding-top:0.5em;}
-#config__manager .other label{padding-left:2px;font-size:90%;}.dokuwiki div.plugin_translation{float:right;font-size:95%;}
-.dokuwiki div.plugin_translation ul{display:inline;padding:0;margin:0;}
-.dokuwiki div.plugin_translation ul li{float:left;list-style-type:none;padding:0;margin:0;}
-.dokuwiki div.plugin_translation ul li a.wikilink1:link,.dokuwiki div.plugin_translation ul li a.wikilink1:hover,.dokuwiki div.plugin_translation ul li a.wikilink1:active,.dokuwiki div.plugin_translation ul li a.wikilink1:visited{background-color:#000080;color:#fff !important;text-decoration:none;padding:0 0.2em;margin:0.1em 0.2em;border:none !important;}
-.dokuwiki div.plugin_translation ul li a.wikilink2:link,.dokuwiki div.plugin_translation ul li a.wikilink2:hover,.dokuwiki div.plugin_translation ul li a.wikilink2:active,.dokuwiki div.plugin_translation ul li a.wikilink2:visited{background-color:#808080;color:#fff !important;text-decoration:none;padding:0 0.2em;margin:0.1em 0.2em;border:none !important;}
-.dokuwiki div.plugin_translation ul li a img{opacity:0.5;border:0;}
-.dokuwiki div.plugin_translation ul li a.wikilink2 img{}.dokuwiki div.plugin_translation span.curid a img{opacity:1.0;height:15px;}
-.dokuwiki div.plugin_translation ul li a:hover img{opacity:1.0;height:15px;}#user__manager tr.disabled{color:#6f6f6f;background:#e4e4e4;}
-#user__manager tr.user_info{vertical-align:top;}
-#user__manager div.edit_user{width:46%;float:left;}#user__manager table{margin-bottom:1em;}#user__manager input.button[disabled]{color:#ccc!important;border-color:#ccc!important;}div.dokuwiki div.newentry_form{clear:both;text-align:center;margin-bottom:1em;}
-div.dokuwiki #blog__newentry_form input.edit{width:95%;}div.dokuwiki tr.draft,div.dokuwiki div.draft{opacity:0.5;}
-div.dokuwiki div.autoarchive_selector ul{list-style-type:none;clear:left;margin:0 0.5em 0 0;}
-div.dokuwiki div.autoarchive_selector ul div.li{float:left;margin:0 1em 0 0;}
-div.dokuwiki div.autoarchive_selector ul ul{float:left;clear:none;}div.dokuwiki div.autoarchive_selector ul ul div.li{margin:0;}div#acl_manager div#acl__tree{font-size:90%;width:25%;height:300px;float:left;overflow:auto;border:1px solid #8cacbb;text-align:left;}
-div#acl_manager div#acl__tree a.cur{background-color:#ff9;font-weight:bold;}
-div#acl_manager div#acl__tree ul{list-style-type:none;margin:0;padding:0;}div#acl_manager div#acl__tree li{padding-left:1em;}div#acl_manager div#acl__tree ul img{margin-right:0.25em;cursor:pointer;}
-div#acl_manager div#acl__detail{width:73%;height:300px;float:right;overflow:auto;}
-div#acl_manager div#acl__detail fieldset{width:90%;}
-div#acl_manager div#acl__detail div#acl__user{border:1px solid #8cacbb;padding:0.5em;margin-bottom:0.6em;}
-div#acl_manager table.inline{width:100%;margin:0;}
-div#acl_manager .aclgroup{background:transparent url(static/default/group.png) 0px 1px no-repeat;padding:1px 0px 1px 18px;}
-div#acl_manager .acluser{background:transparent url(static/default/user.png) 0px 1px no-repeat;padding:1px 0px 1px 18px;}
-div#acl_manager .aclpage{background:transparent url(static/default/page.png) 0px 1px no-repeat;padding:1px 0px 1px 18px;}
-div#acl_manager .aclns{background:transparent url(static/default/ns.png) 0px 1px no-repeat;padding:1px 0px 1px 18px;}
-div#acl_manager label.disabled{color:#666!important;}
-#acl_manager label{text-align:left;font-weight:normal;display:inline;}
-#acl_manager table{margin-left:10%;width:80%;}#acl_manager table tr{background-color:inherit;}
-#acl_manager table tr:hover{background-color:#dee7ec;}
-
-
-a.interwiki{background:transparent url(/lib/images/interwiki.png) 0px 1px no-repeat;padding-left:16px;}
-a.iw_wp{background-image:url(/static/default/wp.gif)}
-a.iw_wpde{background-image:url(/static/default/wpde.gif)}
-a.iw_wpmeta{background-image:url(/static/default/wpmeta.gif)}
-a.iw_doku{background-image:url(/static/default/doku.gif)}
-a.iw_dokubug{background-image:url(/static/default/dokubug.gif)}
-a.iw_amazon{background-image:url(/static/default/amazon.gif)}
-a.iw_amazon_de{background-image:url(/static/default/amazon.de.gif)}
-a.iw_amazon_uk{background-image:url(/static/default/amazon.uk.gif)}
-a.iw_phpfn{background-image:url(/static/default/phpfn.gif)}
-a.iw_coral{background-image:url(/static/default/coral.gif)}
-a.iw_sb{background-image:url(/static/default/sb.gif)}
-a.iw_google{background-image:url(/static/default/google.gif)}
-a.iw_meatball{background-image:url(/static/default/meatball.gif)}
-a.iw_wiki{background-image:url(/static/default/wiki.gif)}
-a.mediafile{background:transparent url(/static/default/file.png) 0px 1px no-repeat;padding-left:18px;padding-bottom:1px;}a.mf_jpg{background-image:url(/static/default/jpg.png)}a.mf_jpeg{background-image:url(/static/default/jpeg.png)}a.mf_gif{background-image:url(/static/default/gif.png)}a.mf_png{background-image:url(/static/default/png.png)}a.mf_tgz{background-image:url(/static/default/tgz.png)}a.mf_tar{background-image:url(/static/default/tar.png)}a.mf_gz{background-image:url(/static/default/gz.png)}a.mf_bz2{background-image:url(/static/default/bz2.png)}
-a.mf_zip{background-image:url(/static/default/zip.png)}a.mf_rar{background-image:url(/static/default/rar.png)}a.mf_pdf{background-image:url(/static/default/pdf.png)}a.mf_ps{background-image:url(/static/default/ps.png)}a.mf_doc{background-image:url(/static/default/doc.png)}a.mf_xls{background-image:url(/static/default/xls.png)}a.mf_ppt{background-image:url(/static/default/ppt.png)}a.mf_rtf{background-image:url(/static/default/rtf.png)}a.mf_swf{background-image:url(/static/default/swf.png)}a.mf_rpm{background-image:url(/static/default/rpm.png)}a.mf_deb{background-image:url(/static/default/deb.png)}a.mf_sxw{background-image:url(/static/default/sxw.png)}a.mf_sxc{background-image:url(/static/default/sxc.png)}a.mf_sxi{background-image:url(/static/default/sxi.png)}a.mf_sxd{background-image:url(/static/default/sxd.png)}a.mf_odc{background-image:url(/static/default/odc.png)}a.mf_odf{background-image:url(/static/default/odf.png)}a.mf_odg{background-image:url(/static/default/odg.png)}
-a.mf_odi{background-image:url(/static/default/odi.png)}a.mf_odp{background-image:url(/static/default/odp.png)}a.mf_ods{background-image:url(/static/default/ods.png)}a.mf_odt{background-image:url(/static/default/odt.png)}body{margin:0px;padding:0px;background-color:white;color:black;font-size:12px;font-family:Verdana,Helvetica,"Lucida Grande",Lucida,Arial,sans-serif;font-family:sans-serif;font-size:99,96%;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;}hr{border-width:0px;border-bottom:1px #aaa dotted;}img{border:none;}form{margin:0px;padding:0px;border:none;display:inline;background:transparent;}ul li{margin:5px;}textarea{font-family:monospace;}table{margin:0.5em 0;border-collapse:collapse;}td{padding:0.25em;border:1pt solid #ADB9CC;}a{color:#3465a4;text-decoration:none;}a:hover{text-decoration:underline;}
-a.wikilink2{color:#a40000 !important;}.dokuwiki h1 a,.dokuwiki h2 a,.dokuwiki h3 a,.dokuwiki h4 a,.dokuwiki h5 a,.dokuwiki a.nolink{color:#000 !important;text-decoration:none !important;}
-option{border:0px none #fff;}strong.highlight{background-color:#fc9;padding:1pt;}#pagebottom{clear:both;}hr{height:1px;color:#c0c0c0;background-color:#c0c0c0;border:none;margin:.2em 0 .2em 0;}pre{padding:0.5em;font-family:courier,monospace;border:1px solid #c0c0c0;background:#F0ECE6;white-space:pre;white-space:pre-wrap;word-wrap:break-word;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;}.invisible{margin:0px;border:0px;padding:0px;height:0px;visibility:hidden;}.left{float:left !important;}.right{float:right !important;}.center{text-align:center;}div#body-wrapper{padding:40px 40px 10px 40px;font-size:127%;}
-div#content{margin-top:-20px;padding:0;font-size:14px;color:black;line-height:1.5em;}h1,h2,h3,h4,h5,h6{background:transparent none repeat scroll 0 0;border-bottom:1px solid #aaa;color:black;font-weight:normal;margin:0;padding:0;padding-bottom:0.17em;padding-top:0.5em;}h1{font-size:188%;line-height:1.2em;margin-bottom:0.1em;padding-bottom:0;}h2{font-size:150%;}h3,h4,h5,h6{border-bottom:none;font-weight:bold;}h3{font-size:132%;}h4{font-size:116%;}h5{font-size:100%;}h6{font-size:80%;}ul#page-actions{float:right;margin:10px 10px 0 10px;padding:6px;color:black;background-color:#ececec;list-style-type:none;-moz-border-radius:5px;}ul#user-actions{padding:5px;margin:0;display:inline;color:black;background-color:#ececec;list-style-type:none;-moz-border-radius:3px;}ul#page-actions li,ul#user-actions li{display:inline;}ul#page-actions a,ul#user-actions a{text-decoration:none;color:black;display:inline;margin:0 3px;padding:2px 0px 2px 18px;}
-ul#page-actions a:hover,ul#page-actions a:focus,ul#user-actions a:hover,ul#user-actions a:focus{text-decoration:underline;}.hidden{display:none;}a.urlextern{color:#36B;background:transparent url(/static/default/external-10.2.png) no-repeat scroll right center;padding:0 13px 0 0;}a[href^="http://www.pyload.org"]:after,a.noextlink:after{background:none;padding:0;}a.action.index{background:transparent url(/static/default/wiki-tools-index.png) 0px 1px no-repeat;}a.action.recent{background:transparent url(/static/default/wiki-tools-recent.png) 0px 1px no-repeat;}a.logout{background:transparent url(/static/default/user-actions-logout.png) 0px 1px no-repeat;}
-a.admin{background:transparent url(/static/default/user-actions-admin.png) 0px 1px no-repeat;}a.profile{background:transparent url(/static/default/user-actions-profile.png) 0px 1px no-repeat;}a.create,a.edit{background:transparent url(/static/default/page-tools-edit.png) 0px 1px no-repeat;}a.source,a.show{background:transparent url(/static/default/page-tools-source.png) 0px 1px no-repeat;}a.revisions{background:transparent url(/static/default/page-tools-revisions.png) 0px 1px no-repeat;}a.subscribe,a.unsubscribe{background:transparent url(/static/default/page-tools-subscribe.png) 0px 1px no-repeat;}a.backlink{background:transparent url(/static/default/page-tools-backlinks.png) 0px 1px no-repeat;}#head-panel{background:#525252 url(/static/default/head_bg1.png) bottom left repeat-x;}#head-panel h1{display:none;margin:0;text-decoration:none;padding-top:0.8em;padding-left:3.3em;font-size:2.6em;color:#eeeeec;}#head-panel #head-logo{float:left;margin:5px 0 -15px 5px;padding:0;overflow:visible;}#head-menu{background:transparent url(/static/default/tabs-border-bottom.png) 0 100% repeat-x;width:100%;float:left;margin:0;padding:0;padding-top:0.8em;}
-#head-menu ul{list-style:none;margin:0 1em 0 2em;}#head-menu ul li{float:left;margin:0;margin-left:0.3em;font-size:14px;margin-bottom:4px;}#head-menu ul li.selected,#head-menu ul li:hover{margin-bottom:0px;}#head-menu ul li a img{height:22px;width:22px;vertical-align:middle;}#head-menu ul li a,#head-menu ul li a:link{float:left;text-decoration:none;color:#555;background:#eaeaea url(/static/default/tab-background.png) 0 100% repeat-x;padding:3px 7px 3px 7px;border:2px solid #ccc;border-bottom:0px solid transparent;padding-bottom:3px;-moz-border-radius:5px;}#head-menu ul li a:hover,#head-menu ul li a:focus{color:#111;padding-bottom:7px;border-bottom:0px none transparent;outline:none;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;}#head-menu ul li a:focus{margin-bottom:-4px;}#head-menu ul li.selected a{color:#3566A5;background:#fff;padding-bottom:7px;border-bottom:0px none transparent;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;}#head-menu ul li.selected a:hover,#head-menu ul li.selected a:focus{color:#111;}div#head-search-and-login{float:right;margin:0 1em 0 0;background-color:#222;padding:4px;color:white;-moz-border-radius-bottomright:6px;-moz-border-radius-bottomleft:6px;}div#head-search-and-login form{display:inline;padding:0 3px;}div#head-search-and-login form input{border:2px solid #888;background:#eee;font-size:14px;padding:2px;-moz-border-radius:3px;}div#head-search-and-login form input:focus{background:#fff;}#head-search{font-size:14px;}#head-username,#head-password{width:80px;font-size:14px;}#pageinfo{clear:both;color:#888;padding:0.6em 0;margin:0;}#foot{font-style:normal;color:#888;text-align:center;}#foot a{color:#aaf;}#foot img{vertical-align:middle;}ul.toc{padding:0;padding-left:20px;margin-left:0;margin-right:10px;list-style:none;}ul.toc li{list-style:circle;}ul.toc li a{text-decoration:none;color:black;}ul.toc li a:hover{text-decoration:underline;}div.toc{border:1px dotted #888;background:#f0f0f0;margin:1em 0 1em 1em;float:right;font-size:95%;}div.toc .tocheader{font-weight:bold;margin:0.5em 1em;}div.toc ol{margin:1em 0.5em 1em 1em;padding:0;}div.toc ol li{margin:0;padding:0;margin-left:1em;}div.toc ol ol{margin:0.5em 0.5em 0.5em 1em;padding:0;}div.recentchanges table{clear:both;}div#editor-help{font-size:90%;border:1px dotted #888;padding:0ex 1ex 1ex 1ex;background:#f7f6f2;}div#preview{margin-top:1em;}label.block{display:block;text-align:right;font-weight:bold;}label.simple{display:block;text-align:left;font-weight:normal;}label.block input.edit{width:50%;}fieldset{width:300px;text-align:center;padding:0.5em;margin:auto;}div.editor{margin:0 0 0 0;}table{margin:0.5em 0;border-collapse:collapse;}td{padding:0.25em;border:1pt solid #ADB9CC;}td p{margin:0;padding:0;}.u{text-decoration:underline;}.footnotes ul{padding:0 2em;margin:0 0 1em;}.footnotes li{list-style:none;}.recentchanges p{margin:0.25em;}.recentchanges td{vertical-align:top;border:none;border-bottom:1pt solid #F0ECE6;background:#F7F6F2;}.rcdaybreak td{background:#729fcf;border:none;}.rcdaybreak td a{font-size:0.88em;}.rcicon1,.rcicon2{text-align:center;}.rcpagelink{width:33%;}.rctime{font-size:0.88em;white-space:nowrap;}.rceditor{white-space:nowrap;font-size:0.88em;}.rccomment{width:66%;color:gray;font-size:0.88em;}.rcrss{float:right;}.recentchanges[dir="rtl"] .rcrss{float:left;}.userpref table,.userpref td{border:none;}div.codearea{margin:0.5em 0;padding:0;border:1pt solid #AEBDCC;background-color:#F3F5F7;color:black;}div.codearea pre{margin:0;padding:10pt;border:none;}a.codenumbers{margin:0 10pt;font-size:0.85em;color:gray;}div.codearea pre span.LineNumber{color:gray;}div.codearea pre span.ID{color:#000;}div.codearea pre span.Operator{color:#0000c0;}div.codearea pre span.Char{color:#004080;}div.codearea pre span.Comment{color:#008000;}div.codearea pre span.Number{color:#0080c0;}div.codearea pre span.String{color:#004080;}div.codearea pre span.SPChar{color:#0000c0;}div.codearea pre span.ResWord{color:#a00000;}div.codearea pre span.ConsWord{color:#008080;font-weight:bold;}div.codearea pre span.Error{color:#ff8080;border:solid 1.5pt #f00;}div.codearea pre span.ResWord2{color:#0080ff;font-weight:bold;}div.codearea pre span.Special{color:#00f;}div.codearea pre span.Preprc{color:#803999;}#message{clear:both;padding:5px 10px;background-color:#eee;border-bottom:2px solid #ccc;}#message p{margin:5px 0;padding:0;font-weight:bold;}#message div.buttons{font-weight:normal;}.diff{width:99%;}.diff-title{background-color:#C0C0C0;}.searchresult dd span{font-weight:bold;}.diff{width:100%;border:none;}.diff-blockheader{font-weight:bold;background:#e5e5e5;font-size:1.2em;border-top:2px solid #444;padding:5px;}.diff th{font-size:120%;width:50%;font-weight:normal;text-align:left;padding-bottom:3px;}.diff td{font-family:monospace;font-size:100%;border:none;}.diff-addedline{background-color:#dfd;}.diff-deletedline{background-color:#ffb;}.diff-context{color:#888;}.diff-addedline{background-color:#E0FFE0;vertical-align:sub;}.diff-deletedline{background-color:#FFFFE0;background-color:#f4cece;vertical-align:sub;}
-.diff-addedline strong{background-color:#80FF80;background-color:#8ae234;}
-.diff-deletedline strong{background-color:#FFFF80;background-color:#ef2929;background-color:#d78383;}
-
-
-
-.box{ background:url(/static/default/progress-bar-back.gif) right center no-repeat; width:200px; height:20px; float:left; }
-.perc{ background:url(/static/default/progress-bar.gif) right center no-repeat; height:20px; }
-.boxtext{ font-family:tahoma, arial, sans-serif; font-size:11px; color:#000; float:none; padding:3px 0 0 10px; }
-.statusbutton{width:32px;height:32px;float:left;margin-left:-32px;margin-right:5px;opacity:0;cursor:pointer}
-
-.dlsize{float:left; padding-right: 8px;}
-.dlspeed{float:left; padding-right: 8px;}
\ No newline at end of file
diff --git a/module/web/static/default/home.js b/module/web/static/default/home.js
deleted file mode 100644
index 0d74aa17a..000000000
--- a/module/web/static/default/home.js
+++ /dev/null
@@ -1,212 +0,0 @@
-var dwProgressBar = new Class({
-
-    //implements
-    Implements: [Options],
-
-    //options
-    options: {
-        container: $$('body')[0],
-        boxID:'',
-        percentageID:'',
-        displayID:'',
-        startPercentage: 0,
-        displayText: false,
-        speed:10
-    },
-
-    //initialization
-    initialize: function(options) {
-        //set options
-        this.setOptions(options);
-        //create elements
-        this.createElements();
-    },
-
-    //creates the box and percentage elements
-    createElements: function() {
-        var box = new Element('div', {
-            id:this.options.boxID + this.options.id,
-            'class' : this.options.boxID
-        });
-        var perc = new Element('div', {
-            id:this.options.percentageID + this.options.id,
-            'style':'width:0px;',
-            'class' : this.options.percentageID
-        });
-        perc.inject(box);
-        box.inject(this.options.container);
-        if(this.options.displayText) {
-            var text = new Element('div', {
-                id:this.options.displayID + this.options.id,
-                'class' : this.options.displayID
-            });
-            text.inject(this.options.container);
-        }
-        this.set(this.options.startPercentage);
-    },
-
-    //calculates width in pixels from percentage
-    calculate: function(percentage) {
-        return (document.id(this.options.boxID+ this.options.id).getStyle('width').replace('px','') * (percentage / 100)).toInt();
-    },
-
-    //animates the change in percentage
-    animate: function(to) {
-        document.id(this.options.percentageID+ this.options.id).set('morph', {
-            duration: this.options.speed,
-            link:'cancel'
-        }).morph({
-            width:this.calculate(to.toInt())
-        });
-        if(this.options.displayText) {
-            document.id(this.options.displayID+ this.options.id).set('text', to.toInt() + '%');
-        }
-    },
-
-    //sets the percentage from its current state to desired percentage
-    set: function(to) {
-        this.animate(to);
-    }
-
-});
-
-
-req = new Request.JSON({
-    onSuccess: renderTable,
-    method: 'get',
-    url: '/json/links',
-    initialDelay: 0,
-    delay: 1000,
-    limit: 20000
-});
-
-
-var dls = []
-var pbs = []
-
-function renderTable(data){
-
-    data.downloads.each(function(dl){
-
-        if (dls.contains(dl.id)){
-
-            var div = $('dl'+dl.id)
-
-            pbs[dl.id].set(dl.percent)
-
-            div.getChildren("b")[0].textContent = dl.name
-
-            if (dl.status == "downloading"){
-
-                size = Math.round((dl.size - dl.kbleft) / 1024) + "/" + Math.round(dl.size / 1024) + " MB"
-                speed = Math.round(dl.speed) + " kb/s"
-                eta = dl.eta
-                
-
-            }else if (dl.status == "waiting"){
-
-                size = "waiting "+ dl.wait
-                speed = ""
-                eta = ""
-
-            }
-            div.getChildren(".dlsize")[0].textContent = size
-            div.getChildren(".dlspeed")[0].textContent = speed
-            div.getChildren(".dltime")[0].textContent = eta
-
-        }else{
-
-            dls.push(dl.id)
-
-            container = $("dlcontainer")
-
-            dldiv = new Element('div', {
-                'id' : 'dl'+dl.id,
-                'class': 'download',
-                'styles': {
-                    'display': 'None'
-                }
-            })
-
-            new Element('p').inject(dldiv)
-
-            new Element('b', {
-                'html': dl.name
-            }).inject(dldiv)
-
-            new Element('br').inject(dldiv)
-
-            dldiv.inject(container)
-
-            pbs[dl.id] = new dwProgressBar({
-                container: $(dldiv),
-                startPercentage: 0,
-                speed: 1000,
-                id: dl.id,
-                boxID: 'box',
-                percentageID: 'perc',
-                displayText: true,
-                displayID: 'boxtext'
-            });
-
-            new Element('div', {
-                'class': 'dlsize',
-                'html': Math.round((dl.size - dl.kbleft) / 1024) + "/" + Math.round(dl.size / 1024) + " MB"
-            }).inject(dldiv)
-
-            new Element('div', {
-                'class': 'dlspeed',
-                'html': Math.round(dl.speed) + " kb/s"
-            }).inject(dldiv)
-            
-            new Element('div', {
-                'class': 'dltime',
-                'html': dl.eta
-            }).inject(dldiv)
-
-            //dldiv.dissolve({duration : 0})
-
-            dldiv.reveal()
-
-        }
-    })
-
-    dls.each(function(id, index){
-
-        if (data.ids.contains(id)){
-
-        }else{
-
-            //$("dl"+id).reveal()
-            dls.erase(id)
-            $('dl'+id).nix()
-
-        }
-
-    })
-
-}
-
-window.addEvent('domready', function(){
-
-    /*
-//create the progress bar for example 1
-pb = new dwProgressBar({
-        container: $$('.level1 p')[0],
-        startPercentage: 25,
-        speed: 1000,
-        id: 1,
-        boxID: 'box',
-        percentageID: 'perc',
-        displayText: true,
-        displayID: 'boxtext'
-});
-*/
-
-    req.startTimer();
-
-
-});
-
-
-
diff --git a/module/web/static/default/progress-bar-back.gif b/module/web/static/default/progress-bar-back.gif
deleted file mode 100644
index 0c8f68211..000000000
--- a/module/web/static/default/progress-bar-back.gif
+++ /dev/null
diff --git a/module/web/static/default/progress-bar.gif b/module/web/static/default/progress-bar.gif
deleted file mode 100644
index 746f77175..000000000
--- a/module/web/static/default/progress-bar.gif
+++ /dev/null
diff --git a/module/web/static/window.css b/module/web/static/window.css
deleted file mode 100644
index aaccae082..000000000
--- a/module/web/static/window.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.SWclearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
-.SWclearfix {display: inline-table;}
-* html .SWclearfix {height: 1%;}
-.SWclearfix {display: block;}
-
-div.DefaultStickyWin div.body{font-family:verdana; font-size:11px; line-height: 13px;}
-div.DefaultStickyWin div.top_ul{background:url(/static/window/full.png) top left no-repeat; height:30px; width:15px; float:left}
-div.DefaultStickyWin div.top_ur{position:relative; left:0px !important; left:-4px; background:url(/static/window/full.png) top right !important; height:30px; margin:0px 0px 0px 15px !important; margin-right:-4px; padding:0px}
-div.DefaultStickyWin h1.caption{clear: none !important; margin:0px !important; overflow: hidden; padding:0 !important; font-weight:bold; color:#555; font-size:14px !important; position:relative; top:8px !important; left:5px !important; float: left; height: 22px !important;}
-div.DefaultStickyWin div.middle, div.DefaultStickyWin div.closeBody {background:url(/static/window/body.png) top left repeat-y; margin:0px 20px 0px 0px !important;	margin-bottom: -3px; position: relative;	top: 0px !important; top: -3px;}
-div.DefaultStickyWin div.body{background:url(/static/window/body.png) top right repeat-y; padding:8px 30px 8px 0px !important; margin-left:5px !important; position:relative; right:-20px !important;}
-div.DefaultStickyWin div.bottom{clear:both}div.DefaultStickyWin div.bottom_ll{background:url(/static/window/full.png) bottom left no-repeat; width:15px; height:15px; float:left}
-div.DefaultStickyWin div.bottom_lr{background:url(/static/window/full.png) bottom right; position:relative; left:0px !important; left:-4px; margin:0px 0px 0px 15px !important; margin-right:-4px; height:15px}
-div.DefaultStickyWin div.closeButtons{text-align: center; background:url(/static/window/body.png) top right repeat-y; padding: 0px 30px 8px 0px; margin-left:5px; position:relative; right:-20px}
-div.DefaultStickyWin a.button:hover{background:url(/static/window/big_button_over.gif) repeat-x}div.DefaultStickyWin a.button {background:url(/static/window/big_button.gif) repeat-x; margin: 2px 8px 2px 8px; padding: 2px 12px; cursor:pointer; border: 1px solid #999 !important; text-decoration:none; color: #000 !important;}
-div.DefaultStickyWin div.closeButton{width:13px; height:13px; background:url(/static/window/closebtn.gif) no-repeat; position: absolute; right: 0px; margin:10px 15px 0px 0px !important; cursor:pointer;top:0px}
-div.DefaultStickyWin div.dragHandle {	width: 11px;	height: 25px;	position: relative;	top: 5px;	left: -3px;	cursor: move;	background: url(/static/window/drag_corner.gif); float: left;}
\ No newline at end of file
diff --git a/module/web/templates/default.tpl b/module/web/templates/default.tpl
deleted file mode 100644
index 13be260b6..000000000
--- a/module/web/templates/default.tpl
+++ /dev/null
@@ -1,230 +0,0 @@
-%header =  'pyLoad Webinterface'
-%js = ['mootools-1.2.3-core.js','mootools-1.2.3.1-more.js']
-
-%if page== "home": js.append('default/home.js')
-%end
-%if page== "loggedin": red=True
-%else: red=False
-%end
-%if page != "loggedin" and page != "login": js.append('default/status.js')
-%end
-
-%include header title=header, use_js=js, use_css=['default.css','window.css'], redirect=red
-
-%include window id="addlinks", width=400, caption="Add links", body="<textarea rows=10 style='width: 345px;' id='linkarea'></textarea>", button="Add"
-
-<a class="anchor" name="top" id="top"></a>
-
-<div id="head-panel">
-
-
-	<div id="head-search-and-login">
-
-%if page != "login":
-				<img src="static/default/head-login.png" alt="User:" style="vertical-align:middle; margin:2px" /><span style="padding-right: 2px;">{{user}}</span>
-					<ul id="user-actions">
-				<li><a href="/logout"  class="action logout" rel="nofollow">Logout</a></li>
-				<li></li>
-				<li></li>
-			</ul>
-%else:
-    <span style="padding-right: 2px;">Please Login!</span>
-	
-
-%end
-	</div>
-
-	<a href="/"><img id="head-logo" src="/static/default/pyload-logo-edited3.5-new-font-small.png" alt="pyLoad" /></a>
-
-	<div id="head-menu">
-		<ul>
-	<li class="
-        %if page == "home" or page == "login":
-        selected
-        %endif
-        "><a href="/" title=""><img src="static/default/head-menu-home.png" alt="" /> Home</a></li>
-        <li class=" 
-        %if page == "queue":
-        selected
-        %endif
-        "><a href="/queue" title=""><img src="static/default/head-menu-download.png" alt="" /> Queue</a></li>
-        <li class="
-        %if page == "downloads":
-        selected
-        %endif
-        "><a href="/downloads" title=""><img src="static/default/head-menu-development.png" alt="" /> Downloads</a></li>
-        <li class="right"><a href="/logs"  class="action index" accesskey="x" rel="nofollow"><img src="static/default/head-menu-index.png" alt="" />Logs</a></li>		</ul>
-	</div>
-
-	<div style="clear:both;"></div>
-</div>
-
-<ul id="page-actions">
-	<li><a href=""  class="action revisions" accesskey="o" rel="nofollow">Reload page</a></li>
-
-</ul>
-
-<div id="body-wrapper" class="dokuwiki">
-
-	<div id="content" lang="en" dir="ltr">
-
-
-<h1><a name="pyload_download_manager_for_1_click_hoster" id="pyload_download_manager_for_1_click_hoster">pyLoad — Webinterface</a>
-</h1>
-
-
-%if page != "loggedin" and page != "login":
-
-<div id="statusbar">
-  <div id="status" style="float: left;padding: 8px;">
-Status:
-</div>
-  <div id="speed" style="float: left;padding: 8px">
-Speed: 
-</div>
-
- <div id="queue" style="float: left;padding: 8px">
-Files in queue: 
-</div>
-
-<div style="padding-top:2px">
-
-<div style="background-image:url(static/default/Button-Play.png);width:32px;height:32px;float:left"></div>
-<div class= "statusbutton" style="background-image:url(static/default/Button-Play-grey.png); visibility: visible; opacity: 0.01"></div>
-<div style="background-image:url(static/default/Button-Pause.png);width:32px;height:32px;float:left"></div>
-<div class= "statusbutton" style="background-image:url(static/default/Button-Pause-grey.png); visibility: visible; opacity: 0.01"></div>
-<div style="background-image:url(static/default/Button-Add.png);width:32px;height:32px;float:left"></div>
-<div class= "statusbutton" style="background-image:url(static/default/Button-Add-grey.png); visibility: visible; opacity: 0.01"></div>
-
-
-</div>
-
-</div>
-
-%end
-
-
-<br>
-
-<div class="level1" style="clear:both">
-
-%if page == "login":
-
-</div>
-<div class="centeralign">
-<form action="" method="post" accept-charset="utf-8" id="login"><div class="no">
-<input type="hidden" name="do" value="login" /><fieldset ><legend>Login</legend>
-<label class="block" for="focus__this"><span>Username</span> <input type="text" id="focus__this" name="u" class="edit" /></label><br />
-<label class="block"><span>Password</span> <input type="password" name="p" class="edit" /></label><br />
-<input type="submit" value="Login" class="button" />
-</fieldset>
-</div></form>
-</div>
-<br>
-
-%elif page== "home":
-<h2>Downloads:</h2>
-
-<div id="dlcontainer">
-
-% for link in links:
-
-
-<div class="download" id="dl{{link['id']}}" style="color: #000">
-<p></p>
-
-<b>{{link['name']}}</b>
-<br>
-<script type="text/javascript">
-pbs[{{link['id']}}] = new dwProgressBar({
-        container: document.id('dl{{link['id']}}'),
-        startPercentage: {{link['percent']}},
-        speed: 1000,
-        id: {{link['id']}},
-        boxID: 'box',
-        percentageID: 'perc',
-        displayText: true,
-        displayID: 'boxtext'
-});
-
-dls.push({{link['id']}})
-
-</script>
-
-
-<div class="dlsize">
-{{int((link['size'] - link['kbleft']) / 1024)}}/{{int(link['size']) / 1024}} MB
-</div>
-
-
-<div class="dlspeed">
-{{int(link['speed'])}} kb/s
-</div>
-
-
-<div class="dltime">
-{{link['eta']}}
-</div>
-
-
-</div>
-
-
-<script type="text/javascript">
-$$("#dl{{link['id']}}")[0].hover(function(e){
-
-this.morph({'color': '#f00'});
-
-}, function(e){
-
-this.morph({'color': '#000'});
-
-});
-
-
-</script>
-
-
-%end
-
-</div>
-
-
-%elif page=="loggedin":
-
-
-<b>You were successfully logged in</b>
-
-%elif page=="queue":
-
-<ul>
-
-%for id in links['order']:
-
-<li>{{links[id].url}}</li>
-
-%end
-
-</ul>
-
-Currently in Development
-
-%elif page=="downloads":
-
-Currently in Development
-
-
-%end
-	<hr style="clear: both;" />
-
-<div id="foot">© 2008-2009 the pyLoad Team
-
-	<a href="#top" class="action top" accesskey="x"><span>Back to top</span></a><br />
-	<!--<div class="breadcrumbs"></div>-->
-
-
-</div>
-
-</div>
-
-%include footer use_js=[]
\ No newline at end of file
diff --git a/module/web/templates/default/add.html b/module/web/templates/default/add.html
new file mode 100644
index 000000000..525cb99bd
--- /dev/null
+++ b/module/web/templates/default/add.html
@@ -0,0 +1,12 @@
+{% extends 'default/base.html' %}

+

+{% block subtitle %}

+Add Links / Container

+{% endblock %}

+

+

+

+{% block content %}

+<textarea rows="5" style=" width: 100%;"></textarea>

+<input type="file" />

+{% endblock %}
\ No newline at end of file
diff --git a/module/web/templates/default/base.html b/module/web/templates/default/base.html
new file mode 100644
index 000000000..2a2490088
--- /dev/null
+++ b/module/web/templates/default/base.html
@@ -0,0 +1,213 @@
+<?xml version="1.0" ?>

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

+<html xmlns="http://www.w3.org/1999/xhtml">

+<head>

+

+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

+<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/default.css">

+<!--<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/jquery-ui-1.7.2.custom.css">-->

+<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/window.css">

+<!--<script src="{{ MEDIA_URL }}js/jquery-1.3.2.min.js"></script>-->

+<script src="{{ MEDIA_URL }}js/sprintf.js"></script>

+<script src="{{ MEDIA_URL }}js/funktions.js"></script>

+<script src="{{ MEDIA_URL }}js/mootools-1.2.4-core.js"></script>

+<script src="{{ MEDIA_URL }}js/mootools-1.2.4.2-more.js"></script>

+

+<!--<script src="{{ MEDIA_URL }}js/jquery.progressbar.js"></script>-->

+<!--<script src="{{ MEDIA_URL }}js/jquery.form.js"></script>-->

+

+<title>{% block title %}pyLoad Webinterface{% endblock %}</title>

+

+<script type="text/javascript">

+var add_bg,add_box

+document.addEvent("domready", function(){

+

+	add_bg = new Fx.Tween($('add_bg'));

+	add_box = new Fx.Tween($('add_box'));

+	

+	$('add_form').onsubmit=function() {

+		$('add_form').target = 'upload_target'; //'upload_target' is the name of the iframe

+		out();

+	}

+

+	$('add_reset').addEvent('click', function(){

+		out();

+	});

+	

+	var jsonStatus = new Request.JSON({

+		url: "/json/status",

+		onSuccess: LoadJsonToContent,

+		secure: false,

+                async: true,

+		initialDelay: 0,

+		delay: 4000,

+		limit: 30000

+	})

+	

+	$('action_play').addEvent('click', function(){

+		new Request({method: 'get', url: '/json/unpause'}).send();	

+	});

+	

+	

+	$('action_cancel').addEvent('click', function(){

+		new Request({method: 'get', url: '/json/cancel'}).send();	

+	});

+	

+	

+	$('action_stop').addEvent('click', function(){

+		new Request({method: 'get', url: '/json/pause'}).send();	

+	});

+	

+	jsonStatus.startTimer();

+	

+});

+

+/*function UpdateLinks( SetInver, index )

+{

+	$("#aktiv_percent").text(parseInt($("#aktiv_percent").text)+1)

+	setTimeout( UpdateLinks( SetInver, index+1 ), SetInver[index]*1000);

+}*/

+

+function LoadJsonToContent(data)

+{

+	$("speed").set('text', Math.round(data.speed*100)/100);

+	$("aktiv").set('text', data.activ);

+	$("aktiv_from").set('text', data.queue);

+}

+function show(){

+	add_bg.set('opacity', 0);

+	$("add_bg").setStyle('display', 'block');

+	add_bg.start('opacity',0.8);

+	

+	add_box.set('opacity', 0)

+	$("add_box").setStyle('display', 'block');

+	add_box.start('opacity',1)

+}

+

+function out(){

+	add_bg.start('opacity',0).chain(function(){

+		$('add_bg').setStyle('display', 'none');

+	});

+	

+	add_box.start('opacity',0).chain(function(){

+		$('add_box').setStyle('display', 'none');

+	});

+}

+

+function AddBox()

+{

+	if ($("add_box").getStyle("display") == "hidden" || $("add_box").getStyle("display") == "none" || $("add_box").getStyle("opacity" == 0))

+	{

+		show();

+	}

+	else

+	{

+		out();

+	}

+}

+

+</script>

+

+{% block head %}

+{% endblock %}

+</head>

+

+<a class="anchor" name="top" id="top"></a>

+

+<div id="head-panel">

+

+<div id="head-search-and-login">

+

+{% if user.is_authenticated %}

+<img src="{{ MEDIA_URL }}img/head-login.png" alt="User:" style="vertical-align:middle; margin:2px" /><span style="padding-right: 2px;">{{user.username}}</span>

+	<ul id="user-actions">

+		<li><a href="/logout"  class="action logout" rel="nofollow">Logout</a></li>

+		{% if user.is_staff %}

+		<li><a href="/admin" class="action profile" rel="nofollow">Administrate</a></li>

+		{% endif %}

+		<li></li>

+		<li></li>

+	</ul>

+{% else %}

+    <span style="padding-right: 2px;">Please Login!</span>

+{% endif %}

+

+	</div>

+

+	<a href="/"><img id="head-logo" src="{{ MEDIA_URL }}img/pyload-logo-edited3.5-new-font-small.png" alt="pyLoad" /></a>

+

+	<div id="head-menu">

+		<ul>

+			

+		{% block menu %}

+		<li class="selected">

+		    <a href="/" title=""><img src="{{ MEDIA_URL }}img/head-menu-home.png" alt="" /> Home</a>

+		</li>

+		<li>

+		    <a href="/queue/" title=""><img src="{{ MEDIA_URL }}img/head-menu-download.png" alt="" /> Queue</a></li>

+		<li>

+		    <a href="/downloads/" title=""><img src="{{ MEDIA_URL }}img/head-menu-development.png" alt="" /> Downloads</a></li>

+		<li class="right">

+		    <a href="/logs/"  class="action index" accesskey="x" rel="nofollow"><img src="{{ MEDIA_URL }}img/head-menu-index.png" alt="" />Logs</a>

+		</li>

+		{% endblock %}

+		

+		</ul>

+	</div>

+

+	<div style="clear:both;"></div>

+</div>

+

+{% if perms.pyload.can_change_status %}

+<ul id="page-actions2">

+	<li id="action_play"><a href="#"  class="action play" accesskey="o" rel="nofollow">Play</a></li>

+    <li id="action_cancel"><a href="#"  class="action cancel" accesskey="o" rel="nofollow">Cancel</a></li>

+    <li id="action_stop"><a href="#"  class="action stop" accesskey="o" rel="nofollow">Stop</a></li>

+    <li id="action_add"><a href="javascript:AddBox();"  class="action stop" accesskey="o" rel="nofollow" >Add</a></li>

+</ul>

+{% endif %}

+

+{% if perms.pyload.can_see_dl %}

+<ul id="page-actions">

+	<li><a class="action backlink">Speed: <b id="speed">{{ status.speed }}</b> kb/s</a></li>

+    <li><a class="action cog">Active: <b id="aktiv">{{ status.activ }}</b> / <b id="aktiv_from">{{ status.queue }}</b></a></li>

+    <li><a href=""  class="action revisions" accesskey="o" rel="nofollow">Reload page</a></li>

+</ul><br />

+{% endif %}

+

+<div id="body-wrapper" class="dokuwiki">

+

+<div id="content" lang="en" dir="ltr">

+

+<h1>{% block subtitle %}pyLoad - Webinterface{% endblock %}</h1>

+

+{% block statusbar %}

+{% endblock %}

+

+

+<br>

+

+<div class="level1" style="clear:both">

+</div>

+

+{% for message in messages %}

+	<b><p>{{message}}</p></b>

+{% endfor %}

+

+{% block content %}

+{% endblock content %}

+

+	<hr style="clear: both;" />

+

+<div id="foot">© 2008-2010 the pyLoad Team

+

+	<a href="#top" class="action top" accesskey="x"><span>Back to top</span></a><br />

+	<!--<div class="breadcrumbs"></div>-->

+

+

+</div>

+</div>

+

+{% include "default/window.html" %}

+<body>

diff --git a/module/web/templates/default/downloads.html b/module/web/templates/default/downloads.html
new file mode 100644
index 000000000..3f07bec47
--- /dev/null
+++ b/module/web/templates/default/downloads.html
@@ -0,0 +1,44 @@
+{% extends 'default/base.html' %}
+
+{% block title %}Downloads - {{block.super}} {% endblock %}
+
+{% block menu %}
+<li>
+    <a href="{% url home %}" title=""><img src="{{ MEDIA_URL }}img/head-menu-home.png" alt="" /> Home</a>
+</li>
+<li>
+    <a href="{% url queue %}" title=""><img src="{{ MEDIA_URL }}img/head-menu-download.png" alt="" /> Queue</a></li>
+<li class="selected">
+    <a href="{% url downloads %}" title=""><img src="{{ MEDIA_URL }}img/head-menu-development.png" alt="" /> Downloads</a></li>
+<li class="right">
+    <a href="{% url logs %}"  class="action index" accesskey="x" rel="nofollow"><img src="{{ MEDIA_URL }}img/head-menu-index.png" alt="" />Logs</a>
+</li>
+{% endblock %}
+
+{% block subtitle %}
+Downloads
+{% endblock %}
+
+{% block content %}
+
+It's recommend not to download Files bigger than ~10MB from here.
+
+<ul>
+    {% for folder in files.folder %}
+    <li>
+        {{ folder.name }}
+        <ul>
+        {% for file in folder.files %}
+        <li><a href='{% url download 'get/' %}{{ folder.name }}/{{ file }}'>{{ file }}</a></li>
+        {% endfor %}
+        </ul>
+    </li>
+    {% endfor %}
+    
+    {% for file in files.files %}
+    <li> <a href={% url download 'get/' %}{{ file }}>{{ file }}</a></li>
+    {% endfor %}
+
+</ul>
+
+{% endblock %}
\ No newline at end of file
diff --git a/module/web/templates/default/home.html b/module/web/templates/default/home.html
new file mode 100644
index 000000000..ab2135800
--- /dev/null
+++ b/module/web/templates/default/home.html
@@ -0,0 +1,233 @@
+{% extends 'default/base.html' %}

+

+{% block head %}

+

+<script type="text/javascript">

+

+/*function UpdateLinks( SetInver, index )

+{

+	$("#aktiv_percent").text(parseInt($("#aktiv_percent").text)+1)

+	setTimeout( UpdateLinks( SetInver, index+1 ), SetInver[index]*1000);

+}*/

+var em;

+

+document.addEvent("domready", function(){

+	em = new EntryManager();

+});

+

+var EntryManager = new Class({

+    initialize: function(){

+        this.json = new Request.JSON({

+		url: "json/links",

+                secure: false,

+                async: true,

+		onSuccess: this.update.bind(this),

+		initialDelay: 0,

+		delay: 2500,

+		limit: 30000

+	});

+	

+        this.ids = [{% for link in content %}

+        {% if forloop.last %}

+            {{ link.id }}

+        {% else %}

+         {{ link.id }},

+        {% endif %}

+        {% endfor %}];

+        

+        this.entries = [];

+        this.container = $('LinksAktiv');

+        

+        this.parseFromContent();

+            

+        this.json.startTimer();

+    },

+    parseFromContent: function(){

+        this.ids.each(function(id,index){

+            entry = new LinkEntry(id)

+            entry.parse()

+            this.entries.push(entry)

+            }, this);

+    },

+    update: function(data){

+        

+        try{

+        this.ids = this.entries.map(function(item){

+            return item.id

+            });

+        

+        this.ids.filter(function(id){

+            return !this.ids.contains(id)

+        },data).each(function(id){

+            index = this.ids.indexOf(id);

+            this.entries[index].remove();

+            this.entries = this.entries.filter(function(item){return item.id != this},id);

+            this.ids = this.ids.erase(id)

+            }, this);

+        

+        data.links.each(function(link, i){

+            if (this.ids.contains(link.id)){

+                

+                index = this.ids.indexOf(link.id)

+                this.entries[index].update(link)

+            

+            }else{

+                entry = new LinkEntry(link.id);

+                entry.insert(link);

+                this.entries.push(entry);

+                this.ids.push(link.id);

+                this.container.adopt(entry.elements.tr,entry.elements.pgbTr);

+                entry.fade.start('opacity', 1);

+                entry.fadeBar.start('opacity', 1);

+                

+            }

+            }, this)

+        }catch(e){alert(e)}

+    }

+})

+

+

+var LinkEntry = new Class({

+        initialize: function(id){

+            this.id = id

+        },

+        parse: function(){

+            this.elements = {

+                tr: $("link_{id}".substitute({id: this.id})),

+                name: $("link_{id}_name".substitute({id: this.id})),

+                status: $("link_{id}_status".substitute({id: this.id})),

+                info: $("link_{id}_info".substitute({id: this.id})),

+                kbleft: $("link_{id}_kbleft".substitute({id: this.id})),

+                percent: $("link_{id}_percent".substitute({id: this.id})),

+                remove: $("link_{id}_remove".substitute({id: this.id})),

+                pgbTr: $("link_{id}_pgb_tr".substitute({id: this.id})),

+                pgb: $("link_{id}_pgb".substitute({id: this.id}))

+            }

+            this.initEffects();

+        },

+        insert: function(item){

+            try{

+            info = SecToRightTime(item.eta) +' @ '+ Math.round(item.speed*100)/100+' kb/s' ;

+            

+            this.elements = {

+                tr: new Element('tr', {

+                'html': '',

+                'styles':{

+                    'opacity': 0

+                }

+                }),

+                name: new Element('td', {

+                'html': item.name

+                }),

+                status: new Element('td', {

+                'html': item.status

+                }),

+                info: new Element('td', {

+                'html': info

+                }),

+                kbleft: new Element('td', {

+                'html': HumanFileSize(item.size)

+                }),

+                percent: new Element('font', {

+                'html': item.percent+ '% / '+ HumanFileSize(item.size-item.kbleft)

+                }),

+                remove: new Element('img',{

+                'html': '',

+                'src': 'media/default/img/control_cancel.png',

+                'styles':{

+                    'vertical-align': 'middle',

+                    'margin-right': '-20px',

+                    'margin-left': '5px',

+                    'margin-top': '-2px',

+                    'cursor': 'pointer'

+                }

+                }),

+                pgbTr: new Element('tr', {

+                'html':''

+                }),

+                pgb: new Element('div', {

+                'html': '&nbsp;',

+                'styles':{

+                    'height': '4px',

+                    'width': item.percent+'%',

+                    'background-color': '#ddd',

+                }

+                })

+            }

+            

+            this.elements.tr.adopt(this.elements.name,this.elements.status,this.elements.info,this.elements.kbleft,new Element('td').adopt(this.elements.percent,this.elements.remove));

+            this.elements.pgbTr.adopt(new Element('td',{'colspan':5}).adopt(this.elements.pgb));

+            this.initEffects();

+            }catch(e){

+                alert(e)

+            }

+        },

+        initEffects: function(){

+            this.bar = new Fx.Morph(this.elements.pgb, {unit: '%', duration: 5000, link: 'link', fps:30});

+            this.fade = new Fx.Tween(this.elements.tr);

+            this.fadeBar = new Fx.Tween(this.elements.pgbTr);

+            

+            this.elements.remove.addEvent('click', function(){

+                new Request({method: 'get', url: '/json/abort_link/'+this.id}).send();

+            }.bind(this));

+            

+        },

+        update: function(item){

+                this.elements.name.set('text', item.name);

+                this.elements.status.set('text', item.status);

+                this.elements.info.set('text', SecToRightTime(item.eta)+' @ '+Math.round(item.speed*100)/100+' kb/s');

+                this.elements.kbleft.set('text', HumanFileSize(item.size));

+                this.elements.percent.set('text', item.percent+ '% / '+ HumanFileSize(item.size-item.kbleft));

+                this.bar.start({

+                    'width': item.percent,

+                    'background-color': [Math.round(120/100*item.percent),100,100].hsbToRgb().rgbToHex()

+                });

+        },

+        remove: function(){

+                this.fade.start('opacity',0).chain(function(){this.elements.tr.dispose();}.bind(this));

+                this.fadeBar.start('opacity',0).chain(function(){this.elements.pgbTr.dispose();}.bind(this));

+

+        }

+    });

+</script>

+

+{% endblock %}

+

+{% block subtitle %}

+Active Downloads

+{% endblock %}

+

+{% block content %}

+<table width="100%" class="queue">

+    <thead>

+  <tr class="header">

+    <th>Name</th>

+    <th>Status</th>

+    <th>Infos</th>

+    <th>Size</th>

+    <th>Progress</th>

+  </tr>

+    </thead>

+  <tbody id="LinksAktiv">

+  

+  {% for link in content %}

+  <tr id="link_{{ link.id }}">

+    <td id="link_{{ link.id }}_name">{{ link.name }}</td>

+    <td id="link_{{ link.id }}_status">{{ link.status }}</td>

+    <td id="link_{{ link.id }}_info">{{ link.info }}</td>

+    <td id="link_{{ link.id }}_kbleft">{{ link.size }}</td>

+    <td>

+        <font id="link_{{ link.id }}_percent">{{ link.percent }}% /{{ link.kbleft }}</font>

+        <img id="link_{{ link.id }}_remove" style="vertical-align: middle; margin-right: -20px; margin-left: 5px; margin-top: -2px; cursor:pointer;" src="media/default/img/control_cancel.png"/>

+    </td>

+  </tr>

+  <tr id="link_{{ link.id }}_pgb_tr">

+    <td colspan="5">

+        <div id="link_{{ link.id }}_pgb" class="progressBar" style="background-color: green; height:4px; width: {{ link.percent }}%;">&nbsp;</div>

+    </td>

+  </tr>

+  {% endfor %}

+  

+  <tbody>

+</table>

+{% endblock %}
\ No newline at end of file
diff --git a/module/web/templates/default/login.html b/module/web/templates/default/login.html
new file mode 100644
index 000000000..851802c4f
--- /dev/null
+++ b/module/web/templates/default/login.html
@@ -0,0 +1,35 @@
+{% extends 'default/base.html' %}
+
+{% block title %}Login - {{block.super}} {% endblock %}
+
+{% block content %}
+
+<div class="centeralign">
+<form action="" method="post" accept-charset="utf-8" id="login">
+    <div class="no">
+        <input type="hidden" name="do" value="login" />
+        <fieldset>
+        <legend>Login</legend>
+        <label class="block" for="focus__this">
+            <span>Username</span>
+            {{ form.username }}
+        </label>
+        <br />
+        <label class="block">
+            <span>Password</span>
+            {{ form.password }}
+        </label>
+        <br />
+        <input type="submit" value="Login" class="button" />
+        </fieldset>
+    </div>
+</form>
+
+{% if form.errors %}
+<p>Your username and password didn't match. Please try again.</p>
+{% endif %}
+
+</div>
+<br>
+    
+{% endblock %}
\ No newline at end of file
diff --git a/module/web/templates/default/logout.html b/module/web/templates/default/logout.html
new file mode 100644
index 000000000..4d00bf6d5
--- /dev/null
+++ b/module/web/templates/default/logout.html
@@ -0,0 +1,9 @@
+{% extends 'default/base.html' %}
+
+{% block head %}
+<meta http-equiv="refresh" content="3; url=/">
+{% endblock %}
+
+{% block content %}
+<p><b>You were successfully logged out.</b></p>    
+{% endblock %}
\ No newline at end of file
diff --git a/module/web/templates/default/logs.html b/module/web/templates/default/logs.html
new file mode 100644
index 000000000..f9b0504d9
--- /dev/null
+++ b/module/web/templates/default/logs.html
@@ -0,0 +1,25 @@
+{% extends 'default/base.html' %}
+
+{% block title %}Logs - {{block.super}} {% endblock %}
+
+{% block menu %}
+<li>
+    <a href="{% url home %}" title=""><img src="{{ MEDIA_URL }}img/head-menu-home.png" alt="" /> Home</a>
+</li>
+<li>
+    <a href="{% url queue %}" title=""><img src="{{ MEDIA_URL }}img/head-menu-download.png" alt="" /> Queue</a></li>
+<li>
+    <a href="{% url downloads %}" title=""><img src="{{ MEDIA_URL }}img/head-menu-development.png" alt="" /> Downloads</a></li>
+<li class="right" class="selected">
+    <a href="{% url logs %}"  class="action index" accesskey="x" rel="nofollow"><img src="{{ MEDIA_URL }}img/head-menu-index.png" alt="" />Logs</a>
+</li>
+{% endblock %}
+
+{% block content %}
+<ul>
+{% for line in log %}
+    <li>{{line.line}}: {{line.content}}</li>
+{% endfor %}
+</ul>
+<a href="{% url logs %}"><< Start</a>  <a href="{% url logs prev %}">< prev</a>  <a href="{% url logs next %}">next ></a>
+{% endblock %}
\ No newline at end of file
diff --git a/module/web/templates/default/queue.html b/module/web/templates/default/queue.html
new file mode 100644
index 000000000..aa21390a0
--- /dev/null
+++ b/module/web/templates/default/queue.html
@@ -0,0 +1,125 @@
+{% extends 'default/base.html' %}

+

+{% block head %}

+<script type="text/javascript">

+

+document.addEvent("domready", function(){

+    $$('.package').each(function(item){

+        id = item.get('id').match(/[0-9]+/)

+        

+        imgs = item.getElements('img');

+        imgs[0].addEvent('click', function(e){

+            new Request({

+                method: 'get',

+                url: '/json/remove_package/'+this,

+                onSuccess: function(){

+                    $('package_'+this).nix()

+                    }.bind(this)

+                }).send();

+            e.stop();

+        }.bind(id));

+        

+        imgs[1].addEvent('click', function(e){

+            new Request({

+                method: 'get',

+                url: '/json/restart_package/'+this,

+                onSuccess: function(){

+                    $('package_'+this).nix()

+                    }.bind(this)

+                }).send();

+            e.stop();

+        }.bind(id));

+        

+        

+        item.getElement('.packagename').addEvent('click', function(){

+            

+            child = item.getElement('.children')

+            if (child.getStyle('display') == "block"){

+                child.dissolve();

+            }else{

+                child.reveal();

+            }

+        }.bind(item));

+        

+        

+        item.getElements('.child').each(function(child){

+            id = child.get('id').match(/[0-9]+/)

+            imgs = child.getElements('.child_secrow img')

+                    imgs[0].addEvent('click', function(e){

+            new Request({

+                method: 'get',

+                url: '/json/remove_link/'+this,

+                onSuccess: function(){

+                    $('file_'+this).nix()

+                    }.bind(this)

+                }).send();

+        }.bind(id));

+        

+        imgs[1].addEvent('click', function(e){

+                        new Request({

+                method: 'get',

+                url: '/json/restart_link/'+this,

+                onSuccess: function(){

+                    $('file_'+this).nix()

+                    }.bind(this)

+                }).send();

+        }.bind(id));

+        });

+        

+    })

+});

+</script>

+{% endblock %}

+

+{% block title %}Queue - {{block.super}} {% endblock %}

+

+{% block menu %}

+<li> <a href="{% url home %}" title=""><img src="{{ MEDIA_URL }}img/head-menu-home.png" alt="" /> Home</a> </li>

+<li class="selected"> <a href="{% url queue %}" title=""><img src="{{ MEDIA_URL }}img/head-menu-download.png" alt="" /> Queue</a></li>

+<li> <a href="{% url downloads %}" title=""><img src="{{ MEDIA_URL }}img/head-menu-development.png" alt="" /> Downloads</a></li>

+<li class="right"> <a href="{% url logs %}"  class="action index" accesskey="x" rel="nofollow"><img src="{{ MEDIA_URL }}img/head-menu-index.png" alt="" />Logs</a> </li>

+{% endblock %}

+

+{% block content %}

+{% for package in content %}

+<div id="package_{{package.id}}" class="package">

+    <div class="packagename" style="cursor: pointer;">

+        {{ package.package_name }}

+        &nbsp;&nbsp;

+        <img width="12px" height="12px" src="{{ MEDIA_URL }}img/delete.png" />

+        &nbsp;&nbsp;

+        <img style="margin-left: -10px" height="12px" src="{{ MEDIA_URL }}img/arrow_refresh.png" />

+    </div>

+    <div id="children_{{package.id}}" style="display: none;" class="children">

+    {% for child in package.children %}

+    <div class="child" id="file_{{child.id}}">

+        <span class="child_status">

+            <img src="/media/default/img/status_{{child.status_type}}.png" style="width: 12px; height:12px;"/>

+        </span>

+        <span style="font-size: 15px">{{ child.filename }}</span><br />

+    <div class="child_secrow">

+        <span class="child_status">{{ child.status_type }}</span>{{child.status_error}}&nbsp;

+        <span class="child_status">{{ child.size }} KB</span>

+        <span class="child_status">{{ child.plugin }}</span>

+        <span class="child_status">Folder: {{child.folder}}</span>

+        &nbsp;&nbsp;

+        <img style="cursor: pointer;" width="10px" height="10px" src="{{ MEDIA_URL }}img/delete.png" />

+        &nbsp;&nbsp;

+        <img style="cursor: pointer;margin-left: -4px" width="10px" height="10px" src="{{ MEDIA_URL }}img/arrow_refresh.png" />

+    </div>

+    </div>

+    {% endfor %}

+    </div>

+</div>

+{% endfor %}

+<!--table >

+  <tr>

+    <td colspan="3"><h1>!Paketname!</h1></td>

+  </tr>

+  <tr>

+    <td><h2>test.png</h2></td>

+    <td>loading</td>

+    <td><a href="/"><img id="button" src="/img/button-delete.gif" alt="delete" /></a><a href="/"><img id="button" src="/img/button-unpause.gif" alt="unpause" /></a></td>

+  </tr>

+</table-->

+{% endblock %} 
\ No newline at end of file
diff --git a/module/web/templates/default/window.html b/module/web/templates/default/window.html
new file mode 100644
index 000000000..7e5c249e6
--- /dev/null
+++ b/module/web/templates/default/window.html
@@ -0,0 +1,33 @@
+<iframe id="upload_target" name="upload_target" src="" style="display: none; width:0;height:0"></iframe>

+<div id="add_bg" style="filter:alpha(opacity:80);KHTMLOpacity:0.80;MozOpacity:0.80;opacity:0.80; background:#000; width:100%; height: 100%; position:absolute; top:0px; left:0px; display:none;">&nbsp;</div>

+<!--<div id="add_box" style="left:50%; top:200px; margin-left: -450px; width: 900px; position: absolute; background: #FFF; padding: 10px 10px 10px 10px; display:none;">-->

+  

+  <!--<div style="width: 900px; text-align: right;"><b onclick="AddBox();">[Close]</b></div>-->

+<div id="add_box" class="myform">

+<form id="add_form" action="/json/add_package" method="POST" enctype="multipart/form-data">

+<h1>Add Package</h1>

+<p>Paste your links or upload a container.</p>

+<label>Name

+<span class="small">The name of the new package.</span>

+</label>

+<input name="add_name" type="text" size="20" />

+

+<label>Links

+<span class="small">Paste your links here</span>

+</label>

+<textarea rows="5" name="add_links" id="add_links"></textarea>

+

+<label>File

+<span class="small">Upload a container.</span>

+</label>

+<input type="file" name="add_file" id="add_file"/>

+

+<button type="submit">Add Package</button>

+<button id="add_reset" style="margin-left:0px;" type="reset">Reset</button>

+<div class="spacer"></div>

+

+</form>

+

+</div>

+

+</div>

diff --git a/module/web/templates/footer.tpl b/module/web/templates/footer.tpl
deleted file mode 100644
index a59b414bf..000000000
--- a/module/web/templates/footer.tpl
+++ /dev/null
@@ -1,6 +0,0 @@
-%for item in use_js:
-<script type="text/javascript" src="static/{{item}}"></script>
-%end
-
-</body>
-</html>
diff --git a/module/web/templates/header.tpl b/module/web/templates/header.tpl
deleted file mode 100644
index 22c252e3c..000000000
--- a/module/web/templates/header.tpl
+++ /dev/null
@@ -1,24 +0,0 @@
-<?xml version="1.0" ?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-
-%for item in use_js:
-<script type="text/javascript" src="static/{{item}}"></script>
-%end
-
-%for item in use_css:
-<link rel="stylesheet" type="text/css" href="static/{{item}}">
-%end
-
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-
-%if redirect:
-<meta http-equiv="refresh" content="3; url=/">
-%end
-
-<title>{{title}}</title>
-
-</head>
-<body>
diff --git a/module/web/templates/window.tpl b/module/web/templates/window.tpl
deleted file mode 100644
index f756c4352..000000000
--- a/module/web/templates/window.tpl
+++ /dev/null
@@ -1,28 +0,0 @@
-<div id="{{id}}" class="StickyWinInstance SWclearfix" style="overflow: visible;visibility: visible;display: none; position: absolute; z-index: 10000; opacity: 1; left: 0px; top: 0px;">
-<div class="DefaultStickyWin" style="width: {{width}}px;">
-
-<div class="top">
-<div class="top_ul"></div>
-<div class="top_ur"><h1 class="caption dragHandle">{{caption}}</h1>
-</div></div>
-
-<div class="middle">
-<div class="body">{{body}}
-</div></div>
-
-<div class="closeBody">
-<div class="closeButtons">
-<a class="closeSticky button" id="bt{{button}}">{{button}}</a><a class="closeSticky button">Close</a>
-</div>
-</div>
-
-<div class="bottom">
-<div class="bottom_ll">
-</div>
-
-<div class="bottom_lr"></div>
-</div>
-<div class="closeButton closeSticky"></div>
-
-</div>
-</div>
\ No newline at end of file
diff --git a/module/web/urls.py b/module/web/urls.py
new file mode 100644
index 000000000..1392b827a
--- /dev/null
+++ b/module/web/urls.py
@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+from django.conf.urls.defaults import *
+from django.contrib import admin
+from django.conf import settings
+
+
+admin.autodiscover()
+
+urlpatterns = patterns('',
+                       # Example:
+
+                       # Uncomment the admin/doc line below and add 'django.contrib.admindocs'
+                       # to INSTALLED_APPS to enable admin documentation:
+                       # (r'^admin/doc/', include('django.contrib.admindocs.urls')),
+
+                       (r'^admin/', include(admin.site.urls)), # django 1.0 not working
+                       (r'^json/', include('ajax.urls')),
+                        (r'^favicon\.ico$', 'django.views.generic.simple.redirect_to', {'url': '/media/img/favicon.ico'}),
+                        (r'^media/(?P<path>.*)$', 'django.views.static.serve',
+                         {'document_root': settings.MEDIA_ROOT}),
+                       (r'^', include('pyload.urls')),
+                       )