From: Sven Schöling <s.schoeling@linet-services.de>
Date: Fri, 2 Mar 2012 15:31:56 +0000 (+0100)
Subject: Stylesheets umorganisiert.
X-Git-Tag: release-3.0.0beta1~347^2~5
X-Git-Url: http://wagnertech.de/git?a=commitdiff_plain;h=01b3bcb99ddc65a3d4504abf3d12f7dff632c05e;hp=fe421d003c62d01455377bc8cc7d539317a65afe;p=kivitendo-erp.git

Stylesheets umorganisiert.

Doku in css/README.stylesheets
---

diff --git a/SL/Dispatcher.pm b/SL/Dispatcher.pm
index dbb476d6c..30a4b819c 100644
--- a/SL/Dispatcher.pm
+++ b/SL/Dispatcher.pm
@@ -68,7 +68,6 @@ sub show_error {
   $::form->{error}         = $::locale->text('The session is invalid or has expired.') if ($error_type eq 'session');
   $::form->{error}         = $::locale->text('Incorrect password!.')                   if ($error_type eq 'password');
   $::myconfig{countrycode} = $::lx_office_conf{system}->{language};
-  $::form->{stylesheet}    = 'css/lx-office-erp.css';
 
   $::form->header;
   print $::form->parse_html_template($template);
@@ -221,7 +220,7 @@ sub handle_request {
       if ($action) {
         $::instance_conf->init;
 
-        map { $::form->{$_} = $::myconfig{$_} } qw(stylesheet charset)
+        map { $::form->{$_} = $::myconfig{$_} } qw(charset)
           unless $action eq 'save' && $::form->{type} eq 'preferences';
 
         $::form->set_standard_title;
@@ -374,7 +373,6 @@ sub _check_for_old_config_files {
   return unless @old_files;
 
   $::form->{title}      = $::locale->text('Old configuration files');
-  $::form->{stylesheet} = 'lx-office-erp.css';
   $::form->header;
   print $::form->parse_html_template('login/old_configuration_files', { FILES => \@old_files });
 
diff --git a/SL/Form.pm b/SL/Form.pm
index 6c3b297db..7eab5c294 100644
--- a/SL/Form.pm
+++ b/SL/Form.pm
@@ -460,6 +460,17 @@ sub use_stylesheet {
   return @{ $self->{stylesheet} };
 }
 
+sub get_stylesheet_for_user {
+  my $css_path = 'css';
+  if (my $user_style = $::myconfig{stylesheet}) {
+    $user_style =~ s/\.css$//; # nuke trailing .css, this is a remnand of pre 2.7.0 stylesheet handling
+    $css_path = "$css_path/$user_style" if -d "$css_path/$user_style";
+  }
+  $::myconfig{css_path} = $css_path; # needed for menunew, FIXME: don't do this here
+
+  return $css_path;
+}
+
 sub header {
   $::lxdebug->enter_sub;
 
@@ -471,6 +482,8 @@ sub header {
 
   $::lxdebug->leave_sub and return if !$ENV{HTTP_USER_AGENT} || $self->{header}++;
 
+  my $css_path = $self->get_stylesheet_for_user;
+
   $self->{favicon} ||= "favicon.ico";
   $self->{titlebar}  = "$self->{title} - $self->{titlebar}" if $self->{title};
 
@@ -485,17 +498,10 @@ sub header {
 
   push @header, "<style type='text/css'>\@page { size:landscape; }</style>" if $self->{landscape};
   push @header, "<link rel='shortcut icon' href='$self->{favicon}' type='image/x-icon'>" if -f $self->{favicon};
-  push @header, '<script type="text/javascript" src="js/jquery.js"></script>',
-                '<script type="text/javascript" src="js/common.js"></script>',
-                '<link rel="stylesheet" type="text/css" href="js/jscalendar/calendar-win2k-1.css">',
-                '<script type="text/javascript" src="js/jscalendar/calendar.js"></script>',
-                '<script type="text/javascript" src="js/jscalendar/lang/calendar-de.js"></script>',
-                '<script type="text/javascript" src="js/jscalendar/calendar-setup.js"></script>',
-                '<script type="text/javascript" src="js/part_selection.js"></script>',
-                '<script type="text/javascript" src="js/jquery-ui.js"></script>',
-                '<script type="text/javascript" src="js/jqModal.js"></script>',
-                '<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.12.custom.css">';
-  push @header, $self->{javascript} if $self->{javascript};
+  push @header, map { qq|<script type="text/javascript" src="js/$_.js"></script>| }
+       qw(jquery common jscalendar/calendar jscalendar/lang/calendar-de jscalendar/calendar-setup part_selection jquery-ui jqModal switchmenuframe);
+  push @header, map { qq|<link rel="stylesheet" type="text/css" href="$css_path/$_.css">| }
+       qw(main menu tabcontent list_accounts jquery.autocomplete jquery.multiselect2side frame_header/header);
   push @header, map { $_->show_javascript } @{ $self->{AJAX} || [] };
   push @header, "<script type='text/javascript'>function fokus(){ document.$self->{fokus}.focus(); }</script>" if $self->{fokus};
   push @header, sprintf "<script type='text/javascript'>top.document.title='%s';</script>",
@@ -531,9 +537,7 @@ sub header {
 EOT
   print "  $_\n" for @header;
   print <<EOT;
-  <link rel="stylesheet" href="css/jquery.autocomplete.css" type="text/css">
   <meta name="robots" content="noindex,nofollow">
-  <link rel="stylesheet" type="text/css" href="css/tabcontent.css">
   <script type="text/javascript" src="js/tabcontent.js">
 
   /***********************************************
diff --git a/css/Mobile.css b/css/Mobile.css
deleted file mode 100644
index 1ffaef555..000000000
--- a/css/Mobile.css
+++ /dev/null
@@ -1,188 +0,0 @@
-/* Stylesheet for Lx-Office
- * Name: Mobile.css*/
-
-/* The look of links */
-A      { font-size: 8pt; }
-A:link { color: black; text-decoration: none; }
-A:visited { color: black; text-decoration: none; }
-A:active { color: black; text-decoration: underline; }
-A.nohover:hover {
-  color:white;
-  background-color: #093280;
-  font-size: 8pt;
-  text-decoration: none;
-}
-A:hover {
-  color:white;
-  background-color: #093280;
-  font-size: 8pt;
-  text-decoration: none;
-}
-
-input:focus, textarea:focus, select:focus {
-  background-color: yellow;
-}
-
-body {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 8pt;
-  background-color: #D4D0C8;
-  color: black
-}
-td {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: black;
-  font-size: 8pt;
-  font-weight: normal;
-}
-th {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: black;
-  font-size: 8pt;
-  font-weight: normal;
-}
-/* login and admin */
-.login {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-}
-body.login {
-  background: #b8d1f3;
-  color: #D4D0C8;
-}
-h1.login {
-  font-size: 11pt;
-}
-table.login {
-  background-color: #efedde;
-  padding: 10px;
-}
-td.login {
-  text-align: center;
-}
-th.login {
-  text-align: right;
-}
-body.admin {
-  background-color:#ffffff;
-  color: black;
-}
-body.menu {
-  background-color: white;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size:8pt;
-  color: black;
-}
-
-.message_error_login {
-    color: #000000;
-    border: 1px solid #8b0000;
-    background-color: #ffcccc;
-    padding: 3px;
-}
-.message_ok {
-    font-size: 12pt;
-    padding:5px;
-    background-color: #ADFFB6;
-    color: black;
-    font-weight: bolder;
-    text-align:center;
-    border-style:solid;
-    border-width:thin;
-}
-.message_error {
-    font-size: 12pt;
-    padding:5px;
-    background-color: #FFAAAA;
-    color: black;
-    font-weight: bolder;
-    text-align:center;
-    border-style:solid;
-    border-width:thin;
-}
-.message_hint {
-    font-size: 12pt;
-    padding:5px;
-    background-color: #FFFE47;
-    color: black;
-    font-weight: bolder;
-    text-align:center;
-    border-style:solid;
-    border-width:thin;
-}
-.listtop {
-  background-color: #b8d1f3;
-  text-align:left;
-  padding:5px;
-  font-size: 8pt;
-  color: black;
-  font-weight: bolder;
-  border-bottom: 2px solid #A5A29C;
-}
-.listheading {
-  font-size: 8pt;
-  padding:3px;
-  background-color: #b8d1f3;
-  color: black;
-  font-weight: bolder;
-  text-align:left;
-}
-.subsubheading {
-  color: black;
-  font-weight: bolder;
-  text-decoration: underline;
-}
-.optionen {
-  border:dashed;
-  border-width:1px;
-  background:#D4D0C8;
-}
-
-
-/* Bei Listen den Farbwechsel zur besseren Lesbarkeit: */
-.listrow1 { background-color: #C8D4C6; color: black; vertical-align: top; }
-.listrow0 { background-color: white; color: black; vertical-align: top; }
-.listsubtotal { border-top: 1px solid black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
-.listtotal { border-top: 1px double black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
-.submit {
-  font-size: 8pt;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: #000000;
-}
-.checkbox, .radio {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: #778899;
-}
-.plus0 {    /* font color for negative numbers */
-  color: red;
-}
-.plus1 {
-  color: green;
-}
-h2.confirm {
-  color: blue;
-  font-size: 10pt;
-}
-h2.error {
-  color: red;
-  font-size: 10pt;
-}
-/* media stuff */
-@media screen {
-  .noscreen {   /* items with this class won't display */
-    display: none;
-  }
-}
-@media print {
-  .noprint {   /* items with this class won't print */
-    display: none;
-  }
-}
-  .nomobile {   /* items with this class won't display */
-    display: none;
-  }
-@media handheld {
-  .nomobile {   /* items with this class won't display */
-    display: none;
-  }
-}
-
diff --git a/css/Mobile/csshover.htc b/css/Mobile/csshover.htc
new file mode 120000
index 000000000..fcd95c422
--- /dev/null
+++ b/css/Mobile/csshover.htc
@@ -0,0 +1 @@
+../lx-office-erp/csshover.htc
\ No newline at end of file
diff --git a/css/Mobile/dhtmlsuite b/css/Mobile/dhtmlsuite
new file mode 120000
index 000000000..c9fced27f
--- /dev/null
+++ b/css/Mobile/dhtmlsuite
@@ -0,0 +1 @@
+../lx-office-erp/dhtmlsuite
\ No newline at end of file
diff --git a/css/Mobile/frame_header b/css/Mobile/frame_header
new file mode 120000
index 000000000..d69ab7feb
--- /dev/null
+++ b/css/Mobile/frame_header
@@ -0,0 +1 @@
+../lx-office-erp/frame_header/
\ No newline at end of file
diff --git a/css/Mobile/jquery.autocomplete.css b/css/Mobile/jquery.autocomplete.css
new file mode 120000
index 000000000..dc1123169
--- /dev/null
+++ b/css/Mobile/jquery.autocomplete.css
@@ -0,0 +1 @@
+../lx-office-erp/jquery.autocomplete.css
\ No newline at end of file
diff --git a/css/Mobile/jquery.multiselect2side.css b/css/Mobile/jquery.multiselect2side.css
new file mode 120000
index 000000000..270f1a248
--- /dev/null
+++ b/css/Mobile/jquery.multiselect2side.css
@@ -0,0 +1 @@
+../lx-office-erp/jquery.multiselect2side.css
\ No newline at end of file
diff --git a/css/Mobile/list_accounts.css b/css/Mobile/list_accounts.css
new file mode 120000
index 000000000..7d530fb1a
--- /dev/null
+++ b/css/Mobile/list_accounts.css
@@ -0,0 +1 @@
+../lx-office-erp/list_accounts.css
\ No newline at end of file
diff --git a/css/Mobile/main.css b/css/Mobile/main.css
new file mode 100644
index 000000000..1ffaef555
--- /dev/null
+++ b/css/Mobile/main.css
@@ -0,0 +1,188 @@
+/* Stylesheet for Lx-Office
+ * Name: Mobile.css*/
+
+/* The look of links */
+A      { font-size: 8pt; }
+A:link { color: black; text-decoration: none; }
+A:visited { color: black; text-decoration: none; }
+A:active { color: black; text-decoration: underline; }
+A.nohover:hover {
+  color:white;
+  background-color: #093280;
+  font-size: 8pt;
+  text-decoration: none;
+}
+A:hover {
+  color:white;
+  background-color: #093280;
+  font-size: 8pt;
+  text-decoration: none;
+}
+
+input:focus, textarea:focus, select:focus {
+  background-color: yellow;
+}
+
+body {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size: 8pt;
+  background-color: #D4D0C8;
+  color: black
+}
+td {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: black;
+  font-size: 8pt;
+  font-weight: normal;
+}
+th {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: black;
+  font-size: 8pt;
+  font-weight: normal;
+}
+/* login and admin */
+.login {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+body.login {
+  background: #b8d1f3;
+  color: #D4D0C8;
+}
+h1.login {
+  font-size: 11pt;
+}
+table.login {
+  background-color: #efedde;
+  padding: 10px;
+}
+td.login {
+  text-align: center;
+}
+th.login {
+  text-align: right;
+}
+body.admin {
+  background-color:#ffffff;
+  color: black;
+}
+body.menu {
+  background-color: white;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size:8pt;
+  color: black;
+}
+
+.message_error_login {
+    color: #000000;
+    border: 1px solid #8b0000;
+    background-color: #ffcccc;
+    padding: 3px;
+}
+.message_ok {
+    font-size: 12pt;
+    padding:5px;
+    background-color: #ADFFB6;
+    color: black;
+    font-weight: bolder;
+    text-align:center;
+    border-style:solid;
+    border-width:thin;
+}
+.message_error {
+    font-size: 12pt;
+    padding:5px;
+    background-color: #FFAAAA;
+    color: black;
+    font-weight: bolder;
+    text-align:center;
+    border-style:solid;
+    border-width:thin;
+}
+.message_hint {
+    font-size: 12pt;
+    padding:5px;
+    background-color: #FFFE47;
+    color: black;
+    font-weight: bolder;
+    text-align:center;
+    border-style:solid;
+    border-width:thin;
+}
+.listtop {
+  background-color: #b8d1f3;
+  text-align:left;
+  padding:5px;
+  font-size: 8pt;
+  color: black;
+  font-weight: bolder;
+  border-bottom: 2px solid #A5A29C;
+}
+.listheading {
+  font-size: 8pt;
+  padding:3px;
+  background-color: #b8d1f3;
+  color: black;
+  font-weight: bolder;
+  text-align:left;
+}
+.subsubheading {
+  color: black;
+  font-weight: bolder;
+  text-decoration: underline;
+}
+.optionen {
+  border:dashed;
+  border-width:1px;
+  background:#D4D0C8;
+}
+
+
+/* Bei Listen den Farbwechsel zur besseren Lesbarkeit: */
+.listrow1 { background-color: #C8D4C6; color: black; vertical-align: top; }
+.listrow0 { background-color: white; color: black; vertical-align: top; }
+.listsubtotal { border-top: 1px solid black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
+.listtotal { border-top: 1px double black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
+.submit {
+  font-size: 8pt;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: #000000;
+}
+.checkbox, .radio {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: #778899;
+}
+.plus0 {    /* font color for negative numbers */
+  color: red;
+}
+.plus1 {
+  color: green;
+}
+h2.confirm {
+  color: blue;
+  font-size: 10pt;
+}
+h2.error {
+  color: red;
+  font-size: 10pt;
+}
+/* media stuff */
+@media screen {
+  .noscreen {   /* items with this class won't display */
+    display: none;
+  }
+}
+@media print {
+  .noprint {   /* items with this class won't print */
+    display: none;
+  }
+}
+  .nomobile {   /* items with this class won't display */
+    display: none;
+  }
+@media handheld {
+  .nomobile {   /* items with this class won't display */
+    display: none;
+  }
+}
+
diff --git a/css/Mobile/menuv3.css b/css/Mobile/menuv3.css
new file mode 120000
index 000000000..1bd817a3c
--- /dev/null
+++ b/css/Mobile/menuv3.css
@@ -0,0 +1 @@
+../lx-office-erp/menuv3.css
\ No newline at end of file
diff --git a/css/Mobile/menuv4.css b/css/Mobile/menuv4.css
new file mode 120000
index 000000000..6f69e0fcd
--- /dev/null
+++ b/css/Mobile/menuv4.css
@@ -0,0 +1 @@
+../lx-office-erp/menuv4.css
\ No newline at end of file
diff --git a/css/Mobile/tabcontent.css b/css/Mobile/tabcontent.css
new file mode 120000
index 000000000..487ba3fae
--- /dev/null
+++ b/css/Mobile/tabcontent.css
@@ -0,0 +1 @@
+../lx-office-erp/tabcontent.css
\ No newline at end of file
diff --git a/css/Mobile/ui-lightness b/css/Mobile/ui-lightness
new file mode 120000
index 000000000..9f2cad02e
--- /dev/null
+++ b/css/Mobile/ui-lightness
@@ -0,0 +1 @@
+../lx-office-erp/ui-lightness/
\ No newline at end of file
diff --git a/css/README.stylesheets b/css/README.stylesheets
new file mode 100644
index 000000000..388672ac0
--- /dev/null
+++ b/css/README.stylesheets
@@ -0,0 +1,16 @@
+2012-03-02 - Stylesheet normalization
+
+After this, the stylesheets follow these conventions:
+
+* Every directory in css/ is considered a style to be chosen.
+* lx-office-erp is used as the fallback style if no style was found or the
+  style chosen was invalid.
+* Missing stylesheets for the other styles have been
+  linked from lx-office-erp, so that they will used like before.
+* If you edit a file, make sure it's not a symlink.
+* The previous named stylesheets are now main.css in their respective directories.
+* menuv3 and menuv4 are now distict so that it's possible to include both
+  without overriding each other.
+* All relative image links needed to get bumped an additional ../
+* If you add another style, be sure to test tabs, calendars, all menus,
+  autocompletion, charts, and multiselect.
diff --git a/css/Win2000.css b/css/Win2000.css
deleted file mode 100644
index ad33ecdd1..000000000
--- a/css/Win2000.css
+++ /dev/null
@@ -1,177 +0,0 @@
-/* Stylesheet for Lx-Office
- * Name: Win2000.css*/
-
-/* The look of links */
-A:link { color: black; text-decoration: none; }
-A:visited { color: black; text-decoration: none; }
-A:active { color: black; text-decoration: underline; }
-A.nohover:hover {
-  color:white;
-  background-color: #093280;
-  font-size: 10pt;
-  text-decoration: none;
-}
-A:hover {
-  color:white;
-  background-color: #093280;
-  /*font-size: 10pt;*/
-  text-decoration: none;
-}
-
-input:focus, textarea:focus, select:focus {
-  background-color: yellow;
-}
-
-body {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 10pt;
-  background-color: #D4D0C8;
-  color: black
-}
-td {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: black;
-  font-size: 10pt;
-  font-weight: normal;
-}
-th {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: black;
-  font-size: 10pt;
-  font-weight: normal;
-}
-/* login and admin */
-.login {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-}
-body.login {
-  background: #b8d1f3;
-  color: #D4D0C8;
-}
-h1.login {
-  font-size: 18pt;
-}
-table.login {
-  background-color: #efedde;
-  padding: 20px;
-}
-td.login {
-  text-align: center;
-}
-th.login {
-  text-align: right;
-}
-body.admin {
-  background-color:#ffffff;
-  color: black;
-}
-body.menu {
-  background-color: white;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size:10pt;
-  color: black;
-}
-
-.message_error_login {
-    color: #000000;
-    border: 1px solid #8b0000;
-    background-color: #ffcccc;
-    padding: 3px;
-}
-.message_ok {
-    font-size: 12pt;
-    padding:5px;
-    background-color: #ADFFB6;
-    color: black;
-    font-weight: bolder;
-    text-align:center;
-    border-style:solid;
-    border-width:thin;
-}
-.message_error {
-    font-size: 12pt;
-    padding:5px;
-    background-color: #FFAAAA;
-    color: black;
-    font-weight: bolder;
-    text-align:center;
-    border-style:solid;
-    border-width:thin;
-}
-.message_hint {
-    font-size: 12pt;
-    padding:5px;
-    background-color: #FFFE47;
-    color: black;
-    font-weight: bolder;
-    text-align:center;
-    border-style:solid;
-    border-width:thin;
-}
-
-.listtop,h1 {
-  background-color: #b8d1f3;
-  text-align:left;
-  padding:5px;
-  font-size: 10pt;
-  color: black;
-  font-weight: bolder;
-  border-bottom: 2px solid #A5A29C;
-}
-.listheading {
-  font-size: 10pt;
-  padding:3px;
-  background-color: #b8d1f3;
-  color: black;
-  font-weight: bolder;
-  text-align:left;
-}
-.subsubheading {
-  color: black;
-  font-weight: bolder;
-  text-decoration: underline;
-}
-.optionen {
-  border:dashed;
-  border-width:1px;
-  background:#D4D0C8;
-}
-/* Bei Listen den Farbwechsel zur besseren Lesbarkeit: */
-.listrow1 { background-color: #C8D4C6; color: black; vertical-align: top; }
-.listrow0 { background-color: white; color: black; vertical-align: top; }
-.listsubtotal { border-top: 1px solid black; font-size: 10pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
-.listtotal { border-top: 1px double black; font-size: 10pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
-.submit {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: #000000;
-}
-.checkbox, .radio {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: #778899;
-}
-.plus0 {    /* font color for negative numbers */
-  color: red;
-}
-.plus1 {
-  color: green;
-}
-h2.confirm {
-  color: blue;
-  font-size: 14pt;
-}
-h2.error {
-  color: red;
-  font-size: 14pt;
-}
-/* media stuff */
-@media screen {
-  .noscreen {   /* items with this class won't display */
-    display: none;
-  }
-}
-@media print {
-  .noprint {   /* items with this class won't print */
-    display: none;
-  }
-}
-
diff --git a/css/Win2000/csshover.htc b/css/Win2000/csshover.htc
new file mode 120000
index 000000000..fcd95c422
--- /dev/null
+++ b/css/Win2000/csshover.htc
@@ -0,0 +1 @@
+../lx-office-erp/csshover.htc
\ No newline at end of file
diff --git a/css/Win2000/dhtmlsuite b/css/Win2000/dhtmlsuite
new file mode 120000
index 000000000..0b8350fb7
--- /dev/null
+++ b/css/Win2000/dhtmlsuite
@@ -0,0 +1 @@
+../lx-office-erp/dhtmlsuite/
\ No newline at end of file
diff --git a/css/Win2000/frame_header b/css/Win2000/frame_header
new file mode 120000
index 000000000..d69ab7feb
--- /dev/null
+++ b/css/Win2000/frame_header
@@ -0,0 +1 @@
+../lx-office-erp/frame_header/
\ No newline at end of file
diff --git a/css/Win2000/jquery.autocomplete.css b/css/Win2000/jquery.autocomplete.css
new file mode 120000
index 000000000..dc1123169
--- /dev/null
+++ b/css/Win2000/jquery.autocomplete.css
@@ -0,0 +1 @@
+../lx-office-erp/jquery.autocomplete.css
\ No newline at end of file
diff --git a/css/Win2000/jquery.multiselect2side.css b/css/Win2000/jquery.multiselect2side.css
new file mode 120000
index 000000000..270f1a248
--- /dev/null
+++ b/css/Win2000/jquery.multiselect2side.css
@@ -0,0 +1 @@
+../lx-office-erp/jquery.multiselect2side.css
\ No newline at end of file
diff --git a/css/Win2000/list_accounts.css b/css/Win2000/list_accounts.css
new file mode 120000
index 000000000..7d530fb1a
--- /dev/null
+++ b/css/Win2000/list_accounts.css
@@ -0,0 +1 @@
+../lx-office-erp/list_accounts.css
\ No newline at end of file
diff --git a/css/Win2000/main.css b/css/Win2000/main.css
new file mode 100644
index 000000000..ad33ecdd1
--- /dev/null
+++ b/css/Win2000/main.css
@@ -0,0 +1,177 @@
+/* Stylesheet for Lx-Office
+ * Name: Win2000.css*/
+
+/* The look of links */
+A:link { color: black; text-decoration: none; }
+A:visited { color: black; text-decoration: none; }
+A:active { color: black; text-decoration: underline; }
+A.nohover:hover {
+  color:white;
+  background-color: #093280;
+  font-size: 10pt;
+  text-decoration: none;
+}
+A:hover {
+  color:white;
+  background-color: #093280;
+  /*font-size: 10pt;*/
+  text-decoration: none;
+}
+
+input:focus, textarea:focus, select:focus {
+  background-color: yellow;
+}
+
+body {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size: 10pt;
+  background-color: #D4D0C8;
+  color: black
+}
+td {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: black;
+  font-size: 10pt;
+  font-weight: normal;
+}
+th {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: black;
+  font-size: 10pt;
+  font-weight: normal;
+}
+/* login and admin */
+.login {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+body.login {
+  background: #b8d1f3;
+  color: #D4D0C8;
+}
+h1.login {
+  font-size: 18pt;
+}
+table.login {
+  background-color: #efedde;
+  padding: 20px;
+}
+td.login {
+  text-align: center;
+}
+th.login {
+  text-align: right;
+}
+body.admin {
+  background-color:#ffffff;
+  color: black;
+}
+body.menu {
+  background-color: white;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size:10pt;
+  color: black;
+}
+
+.message_error_login {
+    color: #000000;
+    border: 1px solid #8b0000;
+    background-color: #ffcccc;
+    padding: 3px;
+}
+.message_ok {
+    font-size: 12pt;
+    padding:5px;
+    background-color: #ADFFB6;
+    color: black;
+    font-weight: bolder;
+    text-align:center;
+    border-style:solid;
+    border-width:thin;
+}
+.message_error {
+    font-size: 12pt;
+    padding:5px;
+    background-color: #FFAAAA;
+    color: black;
+    font-weight: bolder;
+    text-align:center;
+    border-style:solid;
+    border-width:thin;
+}
+.message_hint {
+    font-size: 12pt;
+    padding:5px;
+    background-color: #FFFE47;
+    color: black;
+    font-weight: bolder;
+    text-align:center;
+    border-style:solid;
+    border-width:thin;
+}
+
+.listtop,h1 {
+  background-color: #b8d1f3;
+  text-align:left;
+  padding:5px;
+  font-size: 10pt;
+  color: black;
+  font-weight: bolder;
+  border-bottom: 2px solid #A5A29C;
+}
+.listheading {
+  font-size: 10pt;
+  padding:3px;
+  background-color: #b8d1f3;
+  color: black;
+  font-weight: bolder;
+  text-align:left;
+}
+.subsubheading {
+  color: black;
+  font-weight: bolder;
+  text-decoration: underline;
+}
+.optionen {
+  border:dashed;
+  border-width:1px;
+  background:#D4D0C8;
+}
+/* Bei Listen den Farbwechsel zur besseren Lesbarkeit: */
+.listrow1 { background-color: #C8D4C6; color: black; vertical-align: top; }
+.listrow0 { background-color: white; color: black; vertical-align: top; }
+.listsubtotal { border-top: 1px solid black; font-size: 10pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
+.listtotal { border-top: 1px double black; font-size: 10pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
+.submit {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: #000000;
+}
+.checkbox, .radio {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: #778899;
+}
+.plus0 {    /* font color for negative numbers */
+  color: red;
+}
+.plus1 {
+  color: green;
+}
+h2.confirm {
+  color: blue;
+  font-size: 14pt;
+}
+h2.error {
+  color: red;
+  font-size: 14pt;
+}
+/* media stuff */
+@media screen {
+  .noscreen {   /* items with this class won't display */
+    display: none;
+  }
+}
+@media print {
+  .noprint {   /* items with this class won't print */
+    display: none;
+  }
+}
+
diff --git a/css/Win2000/menuv3.css b/css/Win2000/menuv3.css
new file mode 120000
index 000000000..1bd817a3c
--- /dev/null
+++ b/css/Win2000/menuv3.css
@@ -0,0 +1 @@
+../lx-office-erp/menuv3.css
\ No newline at end of file
diff --git a/css/Win2000/menuv4.css b/css/Win2000/menuv4.css
new file mode 120000
index 000000000..6f69e0fcd
--- /dev/null
+++ b/css/Win2000/menuv4.css
@@ -0,0 +1 @@
+../lx-office-erp/menuv4.css
\ No newline at end of file
diff --git a/css/Win2000/tabcontent.css b/css/Win2000/tabcontent.css
new file mode 120000
index 000000000..487ba3fae
--- /dev/null
+++ b/css/Win2000/tabcontent.css
@@ -0,0 +1 @@
+../lx-office-erp/tabcontent.css
\ No newline at end of file
diff --git a/css/Win2000/ui-lightness b/css/Win2000/ui-lightness
new file mode 120000
index 000000000..9f2cad02e
--- /dev/null
+++ b/css/Win2000/ui-lightness
@@ -0,0 +1 @@
+../lx-office-erp/ui-lightness/
\ No newline at end of file
diff --git a/css/csshover.htc b/css/csshover.htc
deleted file mode 100644
index e2dcced3e..000000000
--- a/css/csshover.htc
+++ /dev/null
@@ -1,121 +0,0 @@
-<attach event="ondocumentready" handler="parseStylesheets" />
-<script>
-/**
- *	Whatever:hover - V2.02.060206 - hover, active & focus
- *	------------------------------------------------------------
- *	(c) 2005 - Peter Nederlof
- *	Peterned - http://www.xs4all.nl/~peterned/
- *	License  - http://creativecommons.org/licenses/LGPL/2.1/
- *
- *	Whatever:hover is free software; you can redistribute it and/or
- *	modify it under the terms of the GNU Lesser General Public
- *	License as published by the Free Software Foundation; either
- *	version 2.1 of the License, or (at your option) any later version.
- *
- *	Whatever:hover 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
- *	Lesser General Public License for more details.
- *
- *	Credits and thanks to:
- *	Arnoud Berendsen, Martin Reurings, Robert Hanson
- *
- *	howto: body { behavior:url("csshover.htc"); }
- *	------------------------------------------------------------
- */
-
-var csshoverReg = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active))|((a|input|textarea)([#.][^ ]+)?:unknown)/i,
-currentSheet, doc = window.document, hoverEvents = [], activators = {
-	onhover:{on:'onmouseover', off:'onmouseout'},
-	onactive:{on:'onmousedown', off:'onmouseup'},
-	onunknown:{on:'onfocus', off:'onblur'}
-}
-
-function parseStylesheets() {
-	if(!/MSIE (5|6)/.test(navigator.userAgent)) return;
-	window.attachEvent('onunload', unhookHoverEvents);
-	var sheets = doc.styleSheets, l = sheets.length;
-	for(var i=0; i<l; i++) 
-		parseStylesheet(sheets[i]);
-}
-	function parseStylesheet(sheet) {
-		if(sheet.imports) {
-			try {
-				var imports = sheet.imports, l = imports.length;
-				for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]);
-			} catch(securityException){}
-		}
-
-		try {
-			var rules = (currentSheet = sheet).rules, l = rules.length;
-			for(var j=0; j<l; j++) parseCSSRule(rules[j]);
-		} catch(securityException){}
-	}
-
-	function parseCSSRule(rule) {
-		var select = rule.selectorText, style = rule.style.cssText;
-		if(!csshoverReg.test(select) || !style) return;
-		
-		var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1');
-		var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo);
-		var className = (/\.([a-z0-9_-]*on(hover|active|unknown))/i).exec(newSelect)[1];
-		var affected = select.replace(/:(hover|active|unknown).*$/, '');
-		var elements = getElementsBySelect(affected);
-		if(elements.length == 0) return;
-
-		currentSheet.addRule(newSelect, style);
-		for(var i=0; i<elements.length; i++)
-			new HoverElement(elements[i], className, activators[pseudo]);
-	}
-
-function HoverElement(node, className, events) {
-	if(!node.hovers) node.hovers = {};
-	if(node.hovers[className]) return;
-	node.hovers[className] = true;
-	hookHoverEvent(node, events.on, function() { node.className += ' ' + className; });
-	hookHoverEvent(node, events.off, function() { node.className = node.className.replace(new RegExp('\\s+'+className, 'g'),''); });
-}
-	function hookHoverEvent(node, type, handler) {
-		node.attachEvent(type, handler);
-		hoverEvents[hoverEvents.length] = { 
-			node:node, type:type, handler:handler 
-		};
-	}
-
-	function unhookHoverEvents() {
-		for(var e,i=0; i<hoverEvents.length; i++) {
-			e = hoverEvents[i]; 
-			e.node.detachEvent(e.type, e.handler);
-		}
-	}
-
-function getElementsBySelect(rule) {
-	var parts, nodes = [doc];
-	parts = rule.split(' ');
-	for(var i=0; i<parts.length; i++) {
-		nodes = getSelectedNodes(parts[i], nodes);
-	}	return nodes;
-}
-	function getSelectedNodes(select, elements) {
-		var result, node, nodes = [];
-		var identify = (/\#([a-z0-9_-]+)/i).exec(select);
-		if(identify) {
-			var element = doc.getElementById(identify[1]);
-			return element? [element]:nodes;
-		}
-		
-		var classname = (/\.([a-z0-9_-]+)/i).exec(select);
-		var tagName = select.replace(/(\.|\#|\:)[a-z0-9_-]+/i, '');
-		var classReg = classname? new RegExp('\\b' + classname[1] + '\\b'):false;
-		for(var i=0; i<elements.length; i++) {
-			result = tagName? elements[i].all.tags(tagName):elements[i].all; 
-			for(var j=0; j<result.length; j++) {
-				node = result[j];
-				if(classReg && !classReg.test(node.className)) continue;
-				nodes[nodes.length] = node;
-			}
-		}	
-		
-		return nodes;
-	}
-</script>
\ No newline at end of file
diff --git a/css/dhtmlsuite/menu-bar.css b/css/dhtmlsuite/menu-bar.css
deleted file mode 100644
index c750e2077..000000000
--- a/css/dhtmlsuite/menu-bar.css
+++ /dev/null
@@ -1,40 +0,0 @@
-/************************************************************************************************************
-
-	DHTML Suite for Applications
-	(C) www.dhtmlgoodies.com, August 2006
-
-	CSS for the DHTMLsuite_tableWidget class.
-
-	Terms of use:
-	Look at the terms of use at http://www.dhtmlgoodies.com/index.html?page=termsOfUse
-
-	Thank you!
-
-	www.dhtmlgoodies.com
-	Alf Magne Kalleland
-
-************************************************************************************************************/
-
-.DHTMLSuite_menuBar_top{	/* The bar that is parent of the menu strip */
-	color:#FFF;
-	height:26px;
-	width:100%;
-	background-repeat:repeat-x;
-	font-family: sans-serif, Verdana, Arial, Helvetica;
-	font-size:12px;
-	z-index:100000;
-	padding-left:10px;
-/*	background-image:url('../../image/dhtmlsuite/menu_strip_bg.jpg');*/
-	background-image:url('../../image/bg_css_menu.png');
-}
-
-.DHTMLSuite_menuBar_sub{
-	position:absolute;
-	background-color:#FFF;
-	border:1px solid #000;
-	background-image:url('../../image/dhtmlsuite/menu-bar-gradient.jpg');	/* Background image for sub menu items */
-	background-repeat:repeat-y;
-	background-position: left center;
-	display:inline;
-}
-
diff --git a/css/dhtmlsuite/menu-item.css b/css/dhtmlsuite/menu-item.css
deleted file mode 100644
index d017fe32f..000000000
--- a/css/dhtmlsuite/menu-item.css
+++ /dev/null
@@ -1,184 +0,0 @@
-/* CSS FOR MENU ITEM OF TYPE "top" */
-
-.DHTMLSuite_menuItem_top_regular,.DHTMLSuite_menuItem_top_over,.DHTMLSuite_menuItem_top_click,.DHTMLSuite_menuItem_top_disabled,.DHTMLSuite_menuItem_top_active{
-	height:19px;
-}
-.DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div,.DHTMLSuite_menuItem_top_click div,.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div{
-	padding-top:2px;
-	padding-bottom:2px;
-}
-.DHTMLSuite_menuItem_top_regular{	/* Top level menu item - Regular state */
-	padding-left:4px;
-	padding-right:4px;
-	margin-right:2px;
-	padding-top:1px;
-	padding-bottom:1px;	
-	cursor:pointer;
-	line-height:16px;
-	margin-top:2px;
-}
-
-.DHTMLSuite_menuItem_top_over{ /* Top level menu item - Mouse over state */
-	padding-left:3px;
-	padding-right:3px;
-	margin-right:2px;
-	border:1px solid #000;
-	color:#000;
-	background-color:#FFEEC2;
-	cursor:pointer;
-	line-height:16px;
-	margin-top:2px;
-}
-
-.DHTMLSuite_menuItem_top_active{	/* Top level menu item - Active state - this is typical the state for menu item 1 when a sub group is expanded and the mouse is located over one of the sub menu items */
-	padding-left:3px;
-	padding-right:3px;
-	margin-right:2px;
-	border:1px solid #000;
-	border-bottom:1px solid #FFF;
-	cursor:pointer;
-	line-height:16px;
-	margin-top:2px;
-}
-
-.DHTMLSuite_menuItem_top_click{	/* Top level menu item - Mouse click state */
-	padding-left:3px;
-	padding-right:3px;
-	margin-right:2px;
-	border:1px solid #000;
-	background-color:#FFB25C;
-	cursor:pointer;
-	line-height:16px;
-	margin-top:2px;
-	z-index:20000;
-}
-
-.DHTMLSuite_menuItem_top_disabled{	/* Disabled menu item */
-	padding-left:4px;
-	padding-right:4px;
-	margin-right:2px;
-	padding-top:1px;
-	padding-bottom:1px;
-	cursor:default;
-	line-height:16px;
-	margin-top:2px;	
-}
-
-.DHTMLSuite_menuItem_top_disabled img,.DHTMLSuite_menuItem_top_disabled div{	/* Sub divs of disabled top level items. A menu item is a div with some subdivs(one for the icon, one for text etc.). this is the css for these sub divs */
-	filter:alpha(opacity=40);	/* Transparency */
-	opacity:0.4;	/* Transparency */
-	-moz-opacity:0.4;	/* Transparency */
-	-khtml-opacity:.4;	/* Transparency */
-}
-
-.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div, .DHTMLSuite_menuItem_top_click div, .DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div{	/* divs for the text,icon and arrow of a menu item */
-	float:left;
-	padding-left:1px;
-	padding-right:1px;
-}
-
-/* CSS FOR THE SMALL ARROW DIV - WHEN YOU CLICK ON THIS DIV, SUB ELEMENTS WILL SHOW */
-.DHTMLSuite_menuItem_top_arrowShowSub{	/* This is the arrow for top level elements */
-	width:12px;	/* Width of item */
-	background-repeat:no-repeat;	/* No background repeat for the arrow */
-	background-position:center center;	/* Position of the arrow. at the center of this div */
-	background-image: url('../../image/dhtmlsuite/menu_strip_down_arrow.png');	/* Relative path to the arrow */
-	margin:0px;	
-	margin-right:-1px;	/* -1 pixel is added to get the arrow a little bit more to the right. this is because of the right padding of top level items */
-	padding:0px;
-	height:16px;
-	margin-left:2px;
-	float:right;
-}
-
-.DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub,
-.DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub
-{	/* Sub menu arrows */
-	margin-left:1px;
-	border-left:1px solid #000;
-}
-
-/* CSS FOR SEPARATOR */
-
-.DHTMLSuite_menuItem_separator_top{	/* Separator of type "top" */
-	height:20px;
-	margin-top:3px;
-	margin-bottom:3px;
-	width:4px;
-	padding-left:3px;
-	padding-right:3px;
-	background-repeat:repeat-y;
-	background-image:url('../../image/dhtmlsuite/menu_strip_separator.gif');
-	
-}
-
-
-/* CSS FOR MENU ITEM OF TYPE "sub" */
-
-.DHTMLSuite_menuItem_sub_regular, .DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_disabled,.DHTMLSuite_menuItem_sub_active{	/* Commom css for regular, mouse over and mouse click items */
-	clear:both;			
-	line-height:18px;	/* Height of menu item */
-	height:18px;		/* Height of menu item */
-	padding-left:25px;	/* Space inside the menu item - the 25 pixels are used in order to avoid text overlapping menu item icon */
-	padding-right:4px;	/* Space inside the menu item */
-	padding-top:2px;	/* Space inside the menu item */
-	padding-bottom:2px;	 /* Space inside the menu item */
-	cursor:pointer;		/* Mouse cursor set to a "hand" */
-	margin:1px;	/* A little space around the item */
-	background-repeat:no-repeat;	/* No background repeat */
-}
-.DHTMLSuite_menuItem_sub_disabled{	/* Disabled sub menu item */
-	cursor:default;	/* Arrow as cursor instead of hand */
-}
-.DHTMLSuite_menuItem_sub_disabled div,.DHTMLSuite_menuItem_sub_disabled{	/* Disabled sub menu item - Here, we apply the rules on the divs inside the element, i.e. the div for the icon, text and arrow */
-	filter:alpha(opacity=40);	/* Transparency */
-	opacity:0.4;	/* Transparency */
-	-moz-opacity:0.4;	/* Transparency */
-	-khtml-opacity:.4;	/* Transparency */
-}
-.DHTMLSuite_menuItem_sub_regular,.DHTMLSuite_menuItem_sub_disabled{	/* Regular menu item */
-	margin-left:2px;	/* size of margin above + 1 pixel */
-	padding-top:3px;	/* Size of padding-top above + 1 pixel */
-	padding-bottom:3px;	/* Size of padding-bottom above + 1 pixel */
-}
-
-.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_active{
-	border:1px solid #006;	/* Border around mouse over items, click items and active items */
-}
-
-.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_active{	/* Mouse over effect */	
-	background-color:#FFEEC2;		/* Background color of mouse over items and active items(Active item = parent elements of the menu item the mouse is currently over */
-}
-
-.DHTMLSuite_menuItem_sub_click{	/* Mouse click effect */
-	background-color:#FFB25C;	/* Background color when the mouse button is pressed down on a menu item */
-}
-
-.DHTMLSuite_menuItem_sub_click div, .DHTMLSuite_menuItem_sub_regular div,.DHTMLSuite_menuItem_sub_over div,.DHTMLSuite_menuItem_sub_active div,.DHTMLSuite_menuItem_sub_disabled div{	/* divs for the text,icon and arrow of a menu item */
-	float:left;		/* To get the icons and text of sub elements side by side */
-	padding-left:1px;
-	padding-right:1px;
-	
-}
-.DHTMLSuite_menuItem_sub_arrowShowSub{	/* Arrow div for sub elements (Right pointing arrow ) */
-	position:absolute;	/* Never change this one */
-	background-image:url('../../image/dhtmlsuite/menu-bar-right-arrow.png');	/* Path relative to the css file */
-	width:18px;
-	height:18px;
-	text-align:right;	
-	right:0px;
-	background-repeat:no-repeat;	/* No background repeat */
-	background-position: center right;	/* Position of arrow */
-}
-
-
-.DHTMLSuite_menuItem_separator_sub{	/* Separator of type "sub" */
-	height:1px;	/* Height of separator */
-	margin-top:1px;	/* Space above the separator */
-	margin-bottom:1px;	/* Space below the separator */
-	margin-left:24px;	/* left margin because we don't want the separator to cover the gradient */
-	padding-right:3px;	/* space at the right of the separator */
-	background-color:#6A8CCB;	/* background color for the separator - blue */
-}
-
-
diff --git a/css/frame_header/header.css b/css/frame_header/header.css
deleted file mode 100644
index cfca0816a..000000000
--- a/css/frame_header/header.css
+++ /dev/null
@@ -1,26 +0,0 @@
-body {
-  margin: 0;
-  color: white;
-  background: url('../../image/fade.png') repeat-x;
-}
-
-a:link, a:visited, a:hover, a:active {
-  color: white;
-}
-
-body > * {
-  font-size: 12px;
-  font-family: verdana,arial,sans-serif;
-  vertical-align: middle;
-}
-
-table {
-  border: 0;
-  width: 100%;
-  background: url('../../image/bg_titel.gif');
-  border-spacing: 0;
-}
-
-td {
-  padding: 0;
-}
diff --git a/css/jquery.autocomplete.css b/css/jquery.autocomplete.css
deleted file mode 100644
index 91b622833..000000000
--- a/css/jquery.autocomplete.css
+++ /dev/null
@@ -1,48 +0,0 @@
-.ac_results {
-	padding: 0px;
-	border: 1px solid black;
-	background-color: white;
-	overflow: hidden;
-	z-index: 99999;
-}
-
-.ac_results ul {
-	width: 100%;
-	list-style-position: outside;
-	list-style: none;
-	padding: 0;
-	margin: 0;
-}
-
-.ac_results li {
-	margin: 0px;
-	padding: 2px 5px;
-	cursor: default;
-	display: block;
-	/* 
-	if width will be 100% horizontal scrollbar will apear 
-	when scroll mode will be used
-	*/
-	/*width: 100%;*/
-	font: menu;
-	font-size: 12px;
-	/* 
-	it is very important, if line-height not setted or setted 
-	in relative units scroll will be broken in firefox
-	*/
-	line-height: 16px;
-	overflow: hidden;
-}
-
-.ac_loading {
-	background: white url('indicator.gif') right center no-repeat;
-}
-
-.ac_odd {
-	background-color: #eee;
-}
-
-.ac_over {
-	background-color: #0A246A;
-	color: white;
-}
diff --git a/css/jquery.multiselect2side.css b/css/jquery.multiselect2side.css
deleted file mode 100644
index 87bf38940..000000000
--- a/css/jquery.multiselect2side.css
+++ /dev/null
@@ -1,56 +0,0 @@
-.ms2side__div {
-	clear: left;
-	width: 100%;
-	padding: 1px;
-	float: left;
-	background : url('') repeat-x; // HACK FOR CHROME
-}
-
-.ms2side__select {
-	float: left;
-}
-
-.ms2side__header {
-	color: blue;
-	background-color: #EEEEFF;
-}
-
-.ms2side__options, .ms2side__updown {
-	float: left;
-	font-size: 10pt;
-	margin: 0;
-	padding: 0 8px;
-	width: 40px;
-	color: black;
-	text-align: center;
-	overflow: hidden;
-}
-
-.ms2side__updown {
-	font-size: 9pt;
-}
-
-.ms2side__options p, .ms2side__updown p {
-	margin: 2px 0;
-	padding: 0;
-	cursor: hand;
-	border: 1px solid black;
-}
-
-.ms2side__options p.ms2side_hover, .ms2side__updown p.ms2side_hover {
-	background-color: #F0F0FF;
-	border-color: #0000FF;
-	cursor: hand;
-}
-
-.ms2side__options p.ms2side__hide, .ms2side__updown p.ms2side__hide {
-	cursor: default;
-	color: grey;
-	border: 1px solid grey;
-	background-color: #F0F0F0;
-}
-
-.ms2side__div select {
-	width: 220px;
-	float: left;
-}
\ No newline at end of file
diff --git a/css/list_accounts.css b/css/list_accounts.css
deleted file mode 100644
index d2e888c20..000000000
--- a/css/list_accounts.css
+++ /dev/null
@@ -1,92 +0,0 @@
-/* Kontenliste Styles */
-
-.coa_listtop {
-  background-color:rgb(236,233,216);
-  text-align:left;
-  padding:5px;
-  font-size:12pt;
-  color:black;
-  font-weight: bolder;
-  border-style:dashed;
-  border-width:thin;
-}
-
-.coa_listheading {
-  background-color:rgb(236,233,216);
-  color: black;
-  background-image:url("../image/fade.png");
-}
-
-.coa_listheading_element {
-  font-size:10pt;
-  padding:3px;
-  font-weight:bolder;
-  text-align:left;
-  border-style:dotted;
-  border-width:thin;
-}
-
-.coa_listrow1 {
-  background-color: rgb(208,207,201);
-  color: black;
-  vertical-align: top;
-}
-
-.coa_listrow0 {
-  background-color: rgb(236,233,216);
-  color: black;
-  vertical-align: top;
-}
-
-.coa_amount {
-  text-align:right;
-  font-familiy:monospace;
-}
-
-.coa_account_header {
-  font-size:10pt;
-  padding:3px;
-  font-weight:bolder;
-  text-align:left;
-  border-style:none;
-  border-width:thin;
-}
-
-.coa_account_header_sc {
-  font-size:10pt;
-  padding:3px;
-  font-weight:bolder;
-  text-align:left;
-  border-style:none;
-  border-width:thin;
-  cursor:s-resize;
-}
-
-.coa_detail {
-  padding:0px;
-  border-style:none;
-}
-
-.coa_detail_emph {
-  font-size:10pt;
-  font-weight:bold;
-  color:darkred;
-}
-
-.coa_details_header {
-  font-size:8pt;
-  padding:3px;
-  font-weight:bolder;
-  text-align:center;
-  border-style:none;
-  border-width:thin;
-}
-
-.coa_details_header2 {
-  font-size:8pt;
-  padding:3px;
-  font-weight:normal;
-  text-align:left;
-  border-style:none;
-  border-width:thin;
-}
diff --git a/css/lx-office-erp.css b/css/lx-office-erp.css
deleted file mode 100644
index 5d5ca4607..000000000
--- a/css/lx-office-erp.css
+++ /dev/null
@@ -1,358 +0,0 @@
-/* Stylesheet for Lx-Office
- * Name: lx-office-erp.css*/
-
-/* The look of links */
-A:link { color: mediumblue; text-decoration: none; }
-A:visited { color: mediumblue; text-decoration: none; }
-A:active { color: black; text-decoration: none; }
-A:hover { color: black;
-           background-color: lemonchiffon;
-           text-decoration: none;
-         }
-
-input:focus, textarea:focus, select:focus {
-  background-color: yellow;
-}
-
-body {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 10pt;
-  background-color: white;
-  background-image: url("../image/fade.png"); background-repeat:repeat-x;
-  color: black;
-}
-
-/* .bg {
-  background-image: url("mn_hauptmenu.png");
-} */
-
-td {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: black;
-  font-size: 8pt;
-  font-weight: normal;
-}
-td.hover:hover {
-    color: black;
-/*          background-color: #FFFFCC;
-          font-size: 8pt;
-          text-decoration: none;
-          border:none;
-          borderWidth:0px;
-          borderColor:2557AD;
-*/
-}
-
-
-th {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: black;
-  font-size: 8pt;
-  font-weight: normal;
-}
-
-/* login and admin */
-.login {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-}
-body.login {
-  background: #b8d1f3;
-  color: #A0A0A0;
-}
-h1.login {
-  font-size: 18pt;
-}
-table.login {
-  background-color: #efedde;
-  padding: 20px;
-}
-td.login {
-  text-align: center;
-}
-th.login {
-  text-align: right;
-}
-
-body.admin {
-  background-color:#ffffff;
-  color: black;
-}
-
-body.menu {
-  background-image: url("../image/fade.png");background-repeat:repeat-x;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size:8pt;
-  color: black;
-}
-
-.message_error_login {
-    color: #000000;
-    border: 1px solid #8b0000;
-    background-color: #ffcccc;
-    padding: 3px;
-}
-.message_ok {
-    font-size: 12pt;
-    padding:5px;
-    background-color: #ADFFB6;
-    color: black;
-    font-weight: bolder;
-    text-align:center;
-    border-style:solid;
-    border-width:thin;
-}
-.message_error {
-    font-size: 12pt;
-    padding:5px;
-    background-color: #FFAAAA;
-    color: black;
-    font-weight: bolder;
-    text-align:center;
-    border-style:solid;
-    border-width:thin;
-}
-.message_hint {
-    font-size: 12pt;
-    padding:5px;
-    background-color: #FFFE66;
-    color: black;
-    font-weight: bolder;
-    text-align:center;
-    border-style:solid;
-    border-width:thin;
-}
-.message_error_label {
-    font-size: 0.8em;
-    padding:5px;
-    background-color: #FEE;
-    font-weight:normal;
-    text-align:left;
-    border-style:solid;
-    border-width:thin;
-}
-
-/*
-    Überschriftsbalken
-*/
-.listtop, h1 {
-    background-color: rgb(236,233,216);
-    text-align:left;
-    padding:5px;
-    font-size: 10pt;
-    color: black;
-    font-weight: bolder;
-    border-style:dashed;
-    border-width:thin;
-}
-
-
-.listelement {
-    background-image: url("../image/fade2.png");
-    background-repeat:repeat-x;
-    border-style:dashed;
-    border-width:thin;
-}
-
-.listelement2 {
-    background-image: url("../image/fade2.png");
-    background-repeat:repeat-x;
-    border-style:dashed;
-    border-width:thin;
-}
-
-.listheading, .listheading th {
-    font-size: 9pt;
-    padding:3px;
-    background-color:
-    rgb(236,233,216);
-    color: black;
-    font-weight: bolder;
-    text-align:left;
-    background-image: url("../image/fade.png");
-    border-style:dotted;
-    border-width:thin;
-}
-
-.listheadingcontent {
-    font-size: 9pt;
-    background-color:
-    rgb(236,233,216);
-    color: black;
-    font-weight: bolder;
-    text-align:left;
-}
-
-.accountlistheading {
-    font-size: 10pt;
-    padding:3px;
-    color: white;
-    font-weight: bold;
-    text-align:left;
-    background-color:rgb(133,132,129);
-}
-
-.subsubheading {
-  color: black;
-  font-weight: bolder;
-  text-decoration: underline;
-}
-
-.optionen {
-    border:dashed;
-/*  padding-top:10px;
-    padding-bottom:10px;
-    padding-left:10px;
-*/
-    border-width:1px;
-    background:#efedde;
-}
-
-
-.listrow1 { background-color: rgb(208,207,201); color: black; vertical-align: top; }
-.listrow0 { background-color: rgb(236,233,216); color: black; vertical-align: top; }
-
-.redrow1 { background-color: rgb(250,167, 161); color: black; vertical-align: top; }
-.redrow0 { background-color: rgb(255,193,176); color: black; vertical-align: top; }
-
-.greenrow1 { background-color: rgb(0,250,0); color: black; vertical-align: top; }
-.greenrow0 { background-color: rgb(0,255,0); color: black; vertical-align: top; }
-
-.listsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
-
-.listtotal, .listtotal td { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
-
-/* Verkaufsbericht */
-.listmainsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;}
-.listmainsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;}
-.listsubsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
-.listsubsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
-.listsortdescription { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px}
-
-
-.submit {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: #000000;
-}
-.checkbox, .radio {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: #778899;
-}
-
-.plus0 {    /* font color for negative numbers */
-  color: red;
-}
-
-.plus1 {
-  color: green;
-}
-
-td.numeric { /* class for numeric columns in tables */
-  text-align: right
-}
-
-h2.confirm {
-  color: blue;
-  font-size: 14pt;
-}
-
-h2.error {
-  color: red;
-  font-size: 14pt;
-}
-
-fieldset {
-  margin-top:15px;
-  color: black;
-  font-weight: bolder;
-}
-
-/* media stuff */
-
-@media screen {
-  .noscreen {   /* items with this class won't display */
-    display: none;
-  }
-}
-
-@media print {
-  .noprint {   /* items with this class won't print */
-    display: none;
-  }
-}
-
-.filecontent {
-  border: 1px solid blue;
-  padding-left: 2px;
-  padding-right: 2px;
-}
-
-label {
-  cursor:pointer;
-}
-
-.unbalanced_ledger {
-  background-color: #ffa0a0;
-}
-
-.clearfix:after {
-  clear:both;
-  content:".";
-  display:block;
-  font-size:0;
-  height:0;
-  visibility:hidden;
-}
-
-.flash_message_error {
-  background-color:#FFD6D6;
-  border: 1px solid #AE0014;
-  margin-top: 5px;
-  margin-bottom: 5px;
-  padding: 5px;
-}
-
-.flash_message_warning {
-  background-color:#FFE8C7;
-  border: 1px solid #FF6600;
-  margin-top: 5px;
-  margin-bottom: 5px;
-  padding: 5px;
-}
-
-.flash_message_info {
-  background-color:#DCF2FF;
-  border: 1px solid #4690FF;
-  margin-top: 5px;
-  margin-bottom: 5px;
-  padding: 5px;
-}
-
-.jqmWindow {
-  display: none;
-
-  position: fixed;
-  top: 17%;
-  left: 40%;
-
-  margin-left: -200px;
-  width: 700px;
-
-  background-color: lemonchiffon;
-  color: #333;
-  border: 1px solid black;
-  padding: 4px;
-}
-
-.jqmContent {
-  padding: 8px;
-}
-
-.jqmWindow h1 {
-  border: 0;
-  padding: 0;
-  background-color: lemonchiffon;
-}
-
-.jqmOverlay {
-  background-color: #000;
-}
diff --git a/css/lx-office-erp/csshover.htc b/css/lx-office-erp/csshover.htc
new file mode 100644
index 000000000..e2dcced3e
--- /dev/null
+++ b/css/lx-office-erp/csshover.htc
@@ -0,0 +1,121 @@
+<attach event="ondocumentready" handler="parseStylesheets" />
+<script>
+/**
+ *	Whatever:hover - V2.02.060206 - hover, active & focus
+ *	------------------------------------------------------------
+ *	(c) 2005 - Peter Nederlof
+ *	Peterned - http://www.xs4all.nl/~peterned/
+ *	License  - http://creativecommons.org/licenses/LGPL/2.1/
+ *
+ *	Whatever:hover is free software; you can redistribute it and/or
+ *	modify it under the terms of the GNU Lesser General Public
+ *	License as published by the Free Software Foundation; either
+ *	version 2.1 of the License, or (at your option) any later version.
+ *
+ *	Whatever:hover 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
+ *	Lesser General Public License for more details.
+ *
+ *	Credits and thanks to:
+ *	Arnoud Berendsen, Martin Reurings, Robert Hanson
+ *
+ *	howto: body { behavior:url("csshover.htc"); }
+ *	------------------------------------------------------------
+ */
+
+var csshoverReg = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active))|((a|input|textarea)([#.][^ ]+)?:unknown)/i,
+currentSheet, doc = window.document, hoverEvents = [], activators = {
+	onhover:{on:'onmouseover', off:'onmouseout'},
+	onactive:{on:'onmousedown', off:'onmouseup'},
+	onunknown:{on:'onfocus', off:'onblur'}
+}
+
+function parseStylesheets() {
+	if(!/MSIE (5|6)/.test(navigator.userAgent)) return;
+	window.attachEvent('onunload', unhookHoverEvents);
+	var sheets = doc.styleSheets, l = sheets.length;
+	for(var i=0; i<l; i++) 
+		parseStylesheet(sheets[i]);
+}
+	function parseStylesheet(sheet) {
+		if(sheet.imports) {
+			try {
+				var imports = sheet.imports, l = imports.length;
+				for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]);
+			} catch(securityException){}
+		}
+
+		try {
+			var rules = (currentSheet = sheet).rules, l = rules.length;
+			for(var j=0; j<l; j++) parseCSSRule(rules[j]);
+		} catch(securityException){}
+	}
+
+	function parseCSSRule(rule) {
+		var select = rule.selectorText, style = rule.style.cssText;
+		if(!csshoverReg.test(select) || !style) return;
+		
+		var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1');
+		var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo);
+		var className = (/\.([a-z0-9_-]*on(hover|active|unknown))/i).exec(newSelect)[1];
+		var affected = select.replace(/:(hover|active|unknown).*$/, '');
+		var elements = getElementsBySelect(affected);
+		if(elements.length == 0) return;
+
+		currentSheet.addRule(newSelect, style);
+		for(var i=0; i<elements.length; i++)
+			new HoverElement(elements[i], className, activators[pseudo]);
+	}
+
+function HoverElement(node, className, events) {
+	if(!node.hovers) node.hovers = {};
+	if(node.hovers[className]) return;
+	node.hovers[className] = true;
+	hookHoverEvent(node, events.on, function() { node.className += ' ' + className; });
+	hookHoverEvent(node, events.off, function() { node.className = node.className.replace(new RegExp('\\s+'+className, 'g'),''); });
+}
+	function hookHoverEvent(node, type, handler) {
+		node.attachEvent(type, handler);
+		hoverEvents[hoverEvents.length] = { 
+			node:node, type:type, handler:handler 
+		};
+	}
+
+	function unhookHoverEvents() {
+		for(var e,i=0; i<hoverEvents.length; i++) {
+			e = hoverEvents[i]; 
+			e.node.detachEvent(e.type, e.handler);
+		}
+	}
+
+function getElementsBySelect(rule) {
+	var parts, nodes = [doc];
+	parts = rule.split(' ');
+	for(var i=0; i<parts.length; i++) {
+		nodes = getSelectedNodes(parts[i], nodes);
+	}	return nodes;
+}
+	function getSelectedNodes(select, elements) {
+		var result, node, nodes = [];
+		var identify = (/\#([a-z0-9_-]+)/i).exec(select);
+		if(identify) {
+			var element = doc.getElementById(identify[1]);
+			return element? [element]:nodes;
+		}
+		
+		var classname = (/\.([a-z0-9_-]+)/i).exec(select);
+		var tagName = select.replace(/(\.|\#|\:)[a-z0-9_-]+/i, '');
+		var classReg = classname? new RegExp('\\b' + classname[1] + '\\b'):false;
+		for(var i=0; i<elements.length; i++) {
+			result = tagName? elements[i].all.tags(tagName):elements[i].all; 
+			for(var j=0; j<result.length; j++) {
+				node = result[j];
+				if(classReg && !classReg.test(node.className)) continue;
+				nodes[nodes.length] = node;
+			}
+		}	
+		
+		return nodes;
+	}
+</script>
\ No newline at end of file
diff --git a/css/lx-office-erp/dhtmlsuite/menu-bar.css b/css/lx-office-erp/dhtmlsuite/menu-bar.css
new file mode 100644
index 000000000..d08f358e4
--- /dev/null
+++ b/css/lx-office-erp/dhtmlsuite/menu-bar.css
@@ -0,0 +1,40 @@
+/************************************************************************************************************
+
+	DHTML Suite for Applications
+	(C) www.dhtmlgoodies.com, August 2006
+
+	CSS for the DHTMLsuite_tableWidget class.
+
+	Terms of use:
+	Look at the terms of use at http://www.dhtmlgoodies.com/index.html?page=termsOfUse
+
+	Thank you!
+
+	www.dhtmlgoodies.com
+	Alf Magne Kalleland
+
+************************************************************************************************************/
+
+.DHTMLSuite_menuBar_top{	/* The bar that is parent of the menu strip */
+	color:#FFF;
+	height:26px;
+	width:100%;
+	background-repeat:repeat-x;
+	font-family: sans-serif, Verdana, Arial, Helvetica;
+	font-size:12px;
+	z-index:100000;
+	padding-left:10px;
+/*	background-image:url('../../../image/dhtmlsuite/menu_strip_bg.jpg');*/
+	background-image:url('../../../image/bg_css_menu.png');
+}
+
+.DHTMLSuite_menuBar_sub{
+	position:absolute;
+	background-color:#FFF;
+	border:1px solid #000;
+	background-image:url('../../../image/dhtmlsuite/menu-bar-gradient.jpg');	/* Background image for sub menu items */
+	background-repeat:repeat-y;
+	background-position: left center;
+	display:inline;
+}
+
diff --git a/css/lx-office-erp/dhtmlsuite/menu-item.css b/css/lx-office-erp/dhtmlsuite/menu-item.css
new file mode 100644
index 000000000..b50805da4
--- /dev/null
+++ b/css/lx-office-erp/dhtmlsuite/menu-item.css
@@ -0,0 +1,184 @@
+/* CSS FOR MENU ITEM OF TYPE "top" */
+
+.DHTMLSuite_menuItem_top_regular,.DHTMLSuite_menuItem_top_over,.DHTMLSuite_menuItem_top_click,.DHTMLSuite_menuItem_top_disabled,.DHTMLSuite_menuItem_top_active{
+	height:19px;
+}
+.DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div,.DHTMLSuite_menuItem_top_click div,.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div{
+	padding-top:2px;
+	padding-bottom:2px;
+}
+.DHTMLSuite_menuItem_top_regular{	/* Top level menu item - Regular state */
+	padding-left:4px;
+	padding-right:4px;
+	margin-right:2px;
+	padding-top:1px;
+	padding-bottom:1px;
+	cursor:pointer;
+	line-height:16px;
+	margin-top:2px;
+}
+
+.DHTMLSuite_menuItem_top_over{ /* Top level menu item - Mouse over state */
+	padding-left:3px;
+	padding-right:3px;
+	margin-right:2px;
+	border:1px solid #000;
+	color:#000;
+	background-color:#FFEEC2;
+	cursor:pointer;
+	line-height:16px;
+	margin-top:2px;
+}
+
+.DHTMLSuite_menuItem_top_active{	/* Top level menu item - Active state - this is typical the state for menu item 1 when a sub group is expanded and the mouse is located over one of the sub menu items */
+	padding-left:3px;
+	padding-right:3px;
+	margin-right:2px;
+	border:1px solid #000;
+	border-bottom:1px solid #FFF;
+	cursor:pointer;
+	line-height:16px;
+	margin-top:2px;
+}
+
+.DHTMLSuite_menuItem_top_click{	/* Top level menu item - Mouse click state */
+	padding-left:3px;
+	padding-right:3px;
+	margin-right:2px;
+	border:1px solid #000;
+	background-color:#FFB25C;
+	cursor:pointer;
+	line-height:16px;
+	margin-top:2px;
+	z-index:20000;
+}
+
+.DHTMLSuite_menuItem_top_disabled{	/* Disabled menu item */
+	padding-left:4px;
+	padding-right:4px;
+	margin-right:2px;
+	padding-top:1px;
+	padding-bottom:1px;
+	cursor:default;
+	line-height:16px;
+	margin-top:2px;
+}
+
+.DHTMLSuite_menuItem_top_disabled img,.DHTMLSuite_menuItem_top_disabled div{	/* Sub divs of disabled top level items. A menu item is a div with some subdivs(one for the icon, one for text etc.). this is the css for these sub divs */
+	filter:alpha(opacity=40);	/* Transparency */
+	opacity:0.4;	/* Transparency */
+	-moz-opacity:0.4;	/* Transparency */
+	-khtml-opacity:.4;	/* Transparency */
+}
+
+.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div, .DHTMLSuite_menuItem_top_click div, .DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div{	/* divs for the text,icon and arrow of a menu item */
+	float:left;
+	padding-left:1px;
+	padding-right:1px;
+}
+
+/* CSS FOR THE SMALL ARROW DIV - WHEN YOU CLICK ON THIS DIV, SUB ELEMENTS WILL SHOW */
+.DHTMLSuite_menuItem_top_arrowShowSub{	/* This is the arrow for top level elements */
+	width:12px;	/* Width of item */
+	background-repeat:no-repeat;	/* No background repeat for the arrow */
+	background-position:center center;	/* Position of the arrow. at the center of this div */
+	background-image: url('../../../image/dhtmlsuite/menu_strip_down_arrow.png');	/* Relative path to the arrow */
+	margin:0px;
+	margin-right:-1px;	/* -1 pixel is added to get the arrow a little bit more to the right. this is because of the right padding of top level items */
+	padding:0px;
+	height:16px;
+	margin-left:2px;
+	float:right;
+}
+
+.DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub,
+.DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub
+{	/* Sub menu arrows */
+	margin-left:1px;
+	border-left:1px solid #000;
+}
+
+/* CSS FOR SEPARATOR */
+
+.DHTMLSuite_menuItem_separator_top{	/* Separator of type "top" */
+	height:20px;
+	margin-top:3px;
+	margin-bottom:3px;
+	width:4px;
+	padding-left:3px;
+	padding-right:3px;
+	background-repeat:repeat-y;
+	background-image:url('../../../image/dhtmlsuite/menu_strip_separator.gif');
+
+}
+
+
+/* CSS FOR MENU ITEM OF TYPE "sub" */
+
+.DHTMLSuite_menuItem_sub_regular, .DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_disabled,.DHTMLSuite_menuItem_sub_active{	/* Commom css for regular, mouse over and mouse click items */
+	clear:both;
+	line-height:18px;	/* Height of menu item */
+	height:18px;		/* Height of menu item */
+	padding-left:25px;	/* Space inside the menu item - the 25 pixels are used in order to avoid text overlapping menu item icon */
+	padding-right:4px;	/* Space inside the menu item */
+	padding-top:2px;	/* Space inside the menu item */
+	padding-bottom:2px;	 /* Space inside the menu item */
+	cursor:pointer;		/* Mouse cursor set to a "hand" */
+	margin:1px;	/* A little space around the item */
+	background-repeat:no-repeat;	/* No background repeat */
+}
+.DHTMLSuite_menuItem_sub_disabled{	/* Disabled sub menu item */
+	cursor:default;	/* Arrow as cursor instead of hand */
+}
+.DHTMLSuite_menuItem_sub_disabled div,.DHTMLSuite_menuItem_sub_disabled{	/* Disabled sub menu item - Here, we apply the rules on the divs inside the element, i.e. the div for the icon, text and arrow */
+	filter:alpha(opacity=40);	/* Transparency */
+	opacity:0.4;	/* Transparency */
+	-moz-opacity:0.4;	/* Transparency */
+	-khtml-opacity:.4;	/* Transparency */
+}
+.DHTMLSuite_menuItem_sub_regular,.DHTMLSuite_menuItem_sub_disabled{	/* Regular menu item */
+	margin-left:2px;	/* size of margin above + 1 pixel */
+	padding-top:3px;	/* Size of padding-top above + 1 pixel */
+	padding-bottom:3px;	/* Size of padding-bottom above + 1 pixel */
+}
+
+.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_active{
+	border:1px solid #006;	/* Border around mouse over items, click items and active items */
+}
+
+.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_active{	/* Mouse over effect */
+	background-color:#FFEEC2;		/* Background color of mouse over items and active items(Active item = parent elements of the menu item the mouse is currently over */
+}
+
+.DHTMLSuite_menuItem_sub_click{	/* Mouse click effect */
+	background-color:#FFB25C;	/* Background color when the mouse button is pressed down on a menu item */
+}
+
+.DHTMLSuite_menuItem_sub_click div, .DHTMLSuite_menuItem_sub_regular div,.DHTMLSuite_menuItem_sub_over div,.DHTMLSuite_menuItem_sub_active div,.DHTMLSuite_menuItem_sub_disabled div{	/* divs for the text,icon and arrow of a menu item */
+	float:left;		/* To get the icons and text of sub elements side by side */
+	padding-left:1px;
+	padding-right:1px;
+
+}
+.DHTMLSuite_menuItem_sub_arrowShowSub{	/* Arrow div for sub elements (Right pointing arrow ) */
+	position:absolute;	/* Never change this one */
+	background-image:url('../../../image/dhtmlsuite/menu-bar-right-arrow.png');	/* Path relative to the css file */
+	width:18px;
+	height:18px;
+	text-align:right;
+	right:0px;
+	background-repeat:no-repeat;	/* No background repeat */
+	background-position: center right;	/* Position of arrow */
+}
+
+
+.DHTMLSuite_menuItem_separator_sub{	/* Separator of type "sub" */
+	height:1px;	/* Height of separator */
+	margin-top:1px;	/* Space above the separator */
+	margin-bottom:1px;	/* Space below the separator */
+	margin-left:24px;	/* left margin because we don't want the separator to cover the gradient */
+	padding-right:3px;	/* space at the right of the separator */
+	background-color:#6A8CCB;	/* background color for the separator - blue */
+}
+
+
diff --git a/css/lx-office-erp/frame_header/header.css b/css/lx-office-erp/frame_header/header.css
new file mode 100644
index 000000000..805519711
--- /dev/null
+++ b/css/lx-office-erp/frame_header/header.css
@@ -0,0 +1,45 @@
+.frame-header-element a:link,
+.frame-header-element a:visited,
+.frame-header-element a:hover,
+.frame-header-element a:active {
+  color: white;
+  background: none;
+  text-decoration: underline;
+}
+
+body.frame-header {
+  background: url('../../../image/fade.png') repeat-x;
+}
+
+div.frame-header {
+  background: url('../../../image/bg_titel.gif') repeat-x;
+}
+
+.frame-header {
+  margin: 0;
+  padding: 0;
+  color: white;
+  border: 0;
+  overflow: hidden;
+  width: 100%;
+  border-spacing: 0;
+  text-align: center;
+}
+
+.frame-header-left {
+  float: left;
+}
+.frame-header-right {
+  float: right;
+}
+
+.frame-header-left,
+.frame-header-center,
+.frame-header-right  {
+  border-spacing: 0;
+  color: white;
+  padding: 0;
+  font-size: 12px;
+  font-family: verdana,arial,sans-serif;
+  vertical-align: middle;
+}
diff --git a/css/lx-office-erp/jquery.autocomplete.css b/css/lx-office-erp/jquery.autocomplete.css
new file mode 100644
index 000000000..91b622833
--- /dev/null
+++ b/css/lx-office-erp/jquery.autocomplete.css
@@ -0,0 +1,48 @@
+.ac_results {
+	padding: 0px;
+	border: 1px solid black;
+	background-color: white;
+	overflow: hidden;
+	z-index: 99999;
+}
+
+.ac_results ul {
+	width: 100%;
+	list-style-position: outside;
+	list-style: none;
+	padding: 0;
+	margin: 0;
+}
+
+.ac_results li {
+	margin: 0px;
+	padding: 2px 5px;
+	cursor: default;
+	display: block;
+	/* 
+	if width will be 100% horizontal scrollbar will apear 
+	when scroll mode will be used
+	*/
+	/*width: 100%;*/
+	font: menu;
+	font-size: 12px;
+	/* 
+	it is very important, if line-height not setted or setted 
+	in relative units scroll will be broken in firefox
+	*/
+	line-height: 16px;
+	overflow: hidden;
+}
+
+.ac_loading {
+	background: white url('indicator.gif') right center no-repeat;
+}
+
+.ac_odd {
+	background-color: #eee;
+}
+
+.ac_over {
+	background-color: #0A246A;
+	color: white;
+}
diff --git a/css/lx-office-erp/jquery.multiselect2side.css b/css/lx-office-erp/jquery.multiselect2side.css
new file mode 100644
index 000000000..ced4d988b
--- /dev/null
+++ b/css/lx-office-erp/jquery.multiselect2side.css
@@ -0,0 +1,56 @@
+.ms2side__div {
+	clear: left;
+	width: 100%;
+	padding: 1px;
+	float: left;
+	background : url('') repeat-x; /* HACK FOR CHROME */
+}
+
+.ms2side__select {
+	float: left;
+}
+
+.ms2side__header {
+	color: blue;
+	background-color: #EEEEFF;
+}
+
+.ms2side__options, .ms2side__updown {
+	float: left;
+	font-size: 10pt;
+	margin: 0;
+	padding: 0 8px;
+	width: 40px;
+	color: black;
+	text-align: center;
+	overflow: hidden;
+}
+
+.ms2side__updown {
+	font-size: 9pt;
+}
+
+.ms2side__options p, .ms2side__updown p {
+	margin: 2px 0;
+	padding: 0;
+	cursor: pointer;
+	border: 1px solid black;
+}
+
+.ms2side__options p.ms2side_hover, .ms2side__updown p.ms2side_hover {
+	background-color: #F0F0FF;
+	border-color: #0000FF;
+	cursor: pointer;
+}
+
+.ms2side__options p.ms2side__hide, .ms2side__updown p.ms2side__hide {
+	cursor: default;
+	color: grey;
+	border: 1px solid grey;
+	background-color: #F0F0F0;
+}
+
+.ms2side__div select {
+	width: 220px;
+	float: left;
+}
diff --git a/css/lx-office-erp/list_accounts.css b/css/lx-office-erp/list_accounts.css
new file mode 100644
index 000000000..552a901cf
--- /dev/null
+++ b/css/lx-office-erp/list_accounts.css
@@ -0,0 +1,92 @@
+/* Kontenliste Styles */
+
+.coa_listtop {
+  background-color:rgb(236,233,216);
+  text-align:left;
+  padding:5px;
+  font-size:12pt;
+  color:black;
+  font-weight: bolder;
+  border-style:dashed;
+  border-width:thin;
+}
+
+.coa_listheading {
+  background-color:rgb(236,233,216);
+  color: black;
+  background-image:url("../../image/fade.png");
+}
+
+.coa_listheading_element {
+  font-size:10pt;
+  padding:3px;
+  font-weight:bolder;
+  text-align:left;
+  border-style:dotted;
+  border-width:thin;
+}
+
+.coa_listrow1 {
+  background-color: rgb(208,207,201);
+  color: black;
+  vertical-align: top;
+}
+
+.coa_listrow0 {
+  background-color: rgb(236,233,216);
+  color: black;
+  vertical-align: top;
+}
+
+.coa_amount {
+  text-align:right;
+  font-family:monospace;
+}
+
+.coa_account_header {
+  font-size:10pt;
+  padding:3px;
+  font-weight:bolder;
+  text-align:left;
+  border-style:none;
+  border-width:thin;
+}
+
+.coa_account_header_sc {
+  font-size:10pt;
+  padding:3px;
+  font-weight:bolder;
+  text-align:left;
+  border-style:none;
+  border-width:thin;
+  cursor:s-resize;
+}
+
+.coa_detail {
+  padding:0px;
+  border-style:none;
+}
+
+.coa_detail_emph {
+  font-size:10pt;
+  font-weight:bold;
+  color:darkred;
+}
+
+.coa_details_header {
+  font-size:8pt;
+  padding:3px;
+  font-weight:bolder;
+  text-align:center;
+  border-style:none;
+  border-width:thin;
+}
+
+.coa_details_header2 {
+  font-size:8pt;
+  padding:3px;
+  font-weight:normal;
+  text-align:left;
+  border-style:none;
+  border-width:thin;
+}
diff --git a/css/lx-office-erp/main.css b/css/lx-office-erp/main.css
new file mode 100644
index 000000000..87f17b840
--- /dev/null
+++ b/css/lx-office-erp/main.css
@@ -0,0 +1,385 @@
+/* Stylesheet for Lx-Office
+ * Name: lx-office-erp.css*/
+
+/* The look of links */
+A:link { color: mediumblue; text-decoration: none; }
+A:visited { color: mediumblue; text-decoration: none; }
+A:active { color: black; text-decoration: none; }
+A:hover { color: black;
+           background-color: lemonchiffon;
+           text-decoration: none;
+         }
+
+input:focus, textarea:focus, select:focus {
+  background-color: yellow;
+}
+
+body {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size: 10pt;
+  background-color: white;
+  background-image: url("../../image/fade.png"); background-repeat:repeat-x;
+  color: black;
+}
+
+td {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: black;
+  font-size: 8pt;
+  font-weight: normal;
+}
+td.hover:hover {
+    color: black;
+/*          background-color: #FFFFCC;
+          font-size: 8pt;
+          text-decoration: none;
+          border:none;
+          borderWidth:0px;
+          borderColor:2557AD;
+*/
+}
+
+
+th {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: black;
+  font-size: 8pt;
+  font-weight: normal;
+}
+
+/* login and admin */
+.login {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+body.login {
+  background: #b8d1f3;
+  color: #A0A0A0;
+}
+h1.login {
+  font-size: 18pt;
+}
+table.login {
+  background-color: #efedde;
+  padding: 20px;
+}
+td.login {
+  text-align: center;
+}
+th.login {
+  text-align: right;
+}
+
+body.admin {
+  background-color:#ffffff;
+  color: black;
+}
+
+.message_error_login {
+    color: #000000;
+    border: 1px solid #8b0000;
+    background-color: #ffcccc;
+    padding: 3px;
+}
+.message_ok {
+    font-size: 12pt;
+    padding:5px;
+    background-color: #ADFFB6;
+    color: black;
+    font-weight: bolder;
+    text-align:center;
+    border-style:solid;
+    border-width:thin;
+}
+.message_error {
+    font-size: 12pt;
+    padding:5px;
+    background-color: #FFAAAA;
+    color: black;
+    font-weight: bolder;
+    text-align:center;
+    border-style:solid;
+    border-width:thin;
+}
+.message_hint {
+    font-size: 12pt;
+    padding:5px;
+    background-color: #FFFE66;
+    color: black;
+    font-weight: bolder;
+    text-align:center;
+    border-style:solid;
+    border-width:thin;
+}
+.message_error_label {
+    font-size: 0.8em;
+    padding:5px;
+    background-color: #FEE;
+    font-weight:normal;
+    text-align:left;
+    border-style:solid;
+    border-width:thin;
+}
+
+/*
+    Überschriftsbalken
+*/
+.listtop, h1 {
+    background-color: rgb(236,233,216);
+    text-align:left;
+    padding:5px;
+    font-size: 10pt;
+    color: black;
+    font-weight: bolder;
+    border-style:dashed;
+    border-width:thin;
+}
+
+
+.listelement {
+    background-image: url("../../image/fade2.png");
+    background-repeat:repeat-x;
+    border-style:dashed;
+    border-width:thin;
+}
+
+.listelement2 {
+    background-image: url("../../image/fade2.png");
+    background-repeat:repeat-x;
+    border-style:dashed;
+    border-width:thin;
+}
+
+.listheading, .listheading th {
+    font-size: 9pt;
+    padding:3px;
+    background-color:
+    rgb(236,233,216);
+    color: black;
+    font-weight: bolder;
+    text-align:left;
+    background-image: url("../../image/fade.png");
+    border-style:dotted;
+    border-width:thin;
+}
+
+.listheadingcontent {
+    font-size: 9pt;
+    background-color:
+    rgb(236,233,216);
+    color: black;
+    font-weight: bolder;
+    text-align:left;
+}
+
+.accountlistheading {
+    font-size: 10pt;
+    padding:3px;
+    color: white;
+    font-weight: bold;
+    text-align:left;
+    background-color:rgb(133,132,129);
+}
+
+.subsubheading {
+  color: black;
+  font-weight: bolder;
+  text-decoration: underline;
+}
+
+.optionen {
+    border:dashed;
+/*  padding-top:10px;
+    padding-bottom:10px;
+    padding-left:10px;
+*/
+    border-width:1px;
+    background:#efedde;
+}
+
+
+.listrow1 { background-color: rgb(208,207,201); color: black; vertical-align: top; }
+.listrow0 { background-color: rgb(236,233,216); color: black; vertical-align: top; }
+
+.redrow1 { background-color: rgb(250,167, 161); color: black; vertical-align: top; }
+.redrow0 { background-color: rgb(255,193,176); color: black; vertical-align: top; }
+
+.greenrow1 { background-color: rgb(0,250,0); color: black; vertical-align: top; }
+.greenrow0 { background-color: rgb(0,255,0); color: black; vertical-align: top; }
+
+.listsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
+
+.listtotal, .listtotal td { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
+
+/* Verkaufsbericht */
+.listmainsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;}
+.listmainsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;}
+.listsubsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
+.listsubsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
+.listsortdescription { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px}
+
+
+.submit {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: #000000;
+}
+.checkbox, .radio {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  color: #778899;
+}
+
+.plus0 {    /* font color for negative numbers */
+  color: red;
+}
+
+.plus1 {
+  color: green;
+}
+
+td.numeric { /* class for numeric columns in tables */
+  text-align: right
+}
+
+h2.confirm {
+  color: blue;
+  font-size: 14pt;
+}
+
+h2.error {
+  color: red;
+  font-size: 14pt;
+}
+
+fieldset {
+  margin-top:15px;
+  color: black;
+  font-weight: bolder;
+}
+
+/* media stuff */
+
+@media screen {
+  .noscreen {   /* items with this class won't display */
+    display: none;
+  }
+}
+
+@media print {
+  .noprint {   /* items with this class won't print */
+    display: none;
+  }
+}
+
+.filecontent {
+  border: 1px solid blue;
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+label {
+  cursor:pointer;
+}
+
+.unbalanced_ledger {
+  background-color: #ffa0a0;
+}
+
+.clearfix:after {
+  clear:both;
+  content:".";
+  display:block;
+  font-size:0;
+  height:0;
+  visibility:hidden;
+}
+
+.flash_message_error {
+  background-color:#FFD6D6;
+  border: 1px solid #AE0014;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  padding: 5px;
+}
+
+.flash_message_warning {
+  background-color:#FFE8C7;
+  border: 1px solid #FF6600;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  padding: 5px;
+}
+
+.flash_message_info {
+  background-color:#DCF2FF;
+  border: 1px solid #4690FF;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  padding: 5px;
+}
+
+.jqmWindow {
+  display: none;
+
+  position: fixed;
+  top: 17%;
+  left: 40%;
+
+  margin-left: -200px;
+  width: 700px;
+
+  background-color: lemonchiffon;
+  color: #333;
+  border: 1px solid black;
+  padding: 4px;
+}
+
+.jqmContent {
+  padding: 8px;
+}
+
+.jqmWindow h1 {
+  border: 0;
+  padding: 0;
+  background-color: lemonchiffon;
+}
+
+.jqmOverlay {
+  background-color: #000;
+}
+
+/* Kontenliste Styles */
+
+.coa_listrow1 {
+  background-color: rgb(208,207,201);
+  color: black;
+  vertical-align: top;
+}
+
+.coa_listrow0 {
+  background-color: rgb(236,233,216);
+  color: black;
+  vertical-align: top;
+}
+
+.coa_detail_emph {
+  font-size:10pt;
+  font-weight:bold;
+  color:darkred;
+}
+
+.coa_details_header {
+  font-size:8pt;
+  padding:3px;
+  font-weight:bolder;
+  text-align:center;
+  border-style:none;
+  border-width:thin;
+}
+
+.coa_details_header2 {
+  font-size:8pt;
+  padding:3px;
+  font-weight:normal;
+  text-align:left;
+  border-style:none;
+  border-width:thin;
+}
diff --git a/css/lx-office-erp/menu.css b/css/lx-office-erp/menu.css
new file mode 100644
index 000000000..b9fbcdaf0
--- /dev/null
+++ b/css/lx-office-erp/menu.css
@@ -0,0 +1,293 @@
+
+body.menu {
+  background-image: url("../../image/fade.png");background-repeat:repeat-x;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size:8pt;
+  color: black;
+}
+
+table.menunew {
+  border: 0;
+  width: 100%;
+  background-image: url("../../image/bg_titel.gif");
+  border-spacing: 0;
+}
+
+table.menunew > td {
+  padding: 0;
+  color:white;
+  font-family: Verdana, Arial, sans-serif;
+  font-size: 12px;
+}
+
+body.menunew {
+  padding:0px;
+  margin:0px;
+}
+
+body {
+behavior:url("csshover.htc");
+}
+
+#menuv3 {
+width:99.8%;
+float:left;
+background:url(../../image/bg_css_menu.png) repeat bottom;
+border:1px solid;
+border-color:#ccc #888 #555 #bbb;
+}
+
+#menuv3 a, #menuv3 h2, #menuv3 div.x {
+font:11px/16px arial,helvetica,sans-serif;
+display:block;
+border:0;
+border-right:1px;
+border-style:solid;
+border-color:#ccc #888 #555 #bbb;
+white-space:nowrap;
+margin:0;
+padding:1px 0 1px 3px;
+}
+
+#menuv3 h2 {
+color:#fff;
+padding:0 5px;
+}
+
+#menuv3 a, #menuv3 a:visited, #menuv3 div.x, #menuv3 div.x:visited {
+color:#000;
+text-decoration:none;
+padding-right:10px;
+}
+
+#menuv3 a {
+background:#eee;
+}
+
+#menuv3 div.x, #menuv3 div.x:visited {
+background:#eee url(../../image/right.gif) no-repeat right;
+}
+
+#menuv3 a:hover, #menuv3 div.x:hover {
+color:#a00;
+background-color:#ddd;
+}
+
+#menuv3 a:active, #menuv3 div.x:active {
+color:#060;
+background-color:#ccc;
+}
+
+#menuv3 ul {
+list-style:none;
+margin:0;
+padding:0;
+float:left;
+min-width:7em;
+}
+
+#menuv3 li {
+position:relative;
+float:none;
+border:0;
+}
+
+/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far
+ * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow
+ * so the only method to get this pile of crap going is to add a bottom border to the <li>s, where the enclosing <ul> already has
+ * a bottom border, which just looks ugly
+ * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */
+#menuv3 ul li {
+border:solid;
+border-color:#ccd5e5;
+border-width:0 0 1px 0;
+}
+
+#menuv3 ul ul li {
+border:solid;
+border-width:0 0 1px 0;
+}
+
+/* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below
+ * causing the menu to close. Opera 9 has the same bug btw. */
+#menuv3 ul ul {
+position:absolute;
+z-index:500;
+top:auto;
+display:none;
+background:#000;
+}
+
+#menuv3 ul ul ul {
+top:0;
+left:100%;
+background:#000;
+}
+
+/* Begin non-anchor hover selectors */
+
+/* Enter the more specific element (div) selector
+on non-anchor hovers for IE5.x to comply with the
+older version of csshover.htc - V1.21.041022. It
+improves IE's performance speed to use the older
+file and this method */
+
+div#menuv3 h2:hover {
+background:#A3C5FF;
+color:#a00;
+}
+
+div#menuv3 li:hover {
+cursor:pointer;
+z-index:100;
+}
+
+div#menuv3 li:hover ul ul,
+div#menuv3 li li:hover ul ul,
+div#menuv3 li li li:hover ul ul,
+div#menuv3 li li li li:hover ul ul
+{display:none;}
+
+div#menuv3 li:hover ul,
+div#menuv3 li li:hover ul,
+div#menuv3 li li li:hover ul,
+div#menuv3 li li li li:hover ul
+{display:block;}
+
+/* End of non-anchor hover selectors */
+
+#menuv4 {
+width:99.8%;
+float:left;
+background:url(../../image/bg_css_menu.png) repeat bottom;
+border:1px solid;
+border-color:#ccc #888 #555 #bbb;
+}
+
+#menuv4 a, #menuv4 h2, #menuv4 div.x {
+font:11px/16px arial,helvetica,sans-serif;
+display:block;
+border:0;
+border-right:1px;
+border-style:solid;
+border-color:#ccc #888 #555 #bbb;
+white-space:nowrap;
+margin:0;
+padding:1px 0 1px 3px;
+}
+
+#menuv4 h2:before {
+    content:" ";
+}
+#menuv4 h2:after {
+    content:" ";
+}
+#menuv4 h2 {
+color:#fff;
+padding:2px 10px;
+}
+
+#menuv4 a, #menuv4 a:visited, #menuv4 div.x, #menuv4 div.x:visited {
+color:#000;
+text-decoration:none;
+padding-right:10px;
+}
+
+#menuv4 a {
+background:#eee;
+}
+#menuv4 div.x, #menuv4 div.x:visited {
+background:#eee url(../../image/right.gif) no-repeat right;
+}
+
+#menuv4 a:hover, #menuv4 div.x:hover {
+color:#a00;
+background-color:#ddd;
+}
+
+#menuv4 a:active, #menuv4 div.x:active {
+color:#060;
+background-color:#ccc;
+}
+
+#menuv4 ul {
+list-style:none;
+margin:0;
+padding:0;
+float:left;
+}
+
+#menuv4 li {
+position:relative;
+float:none;
+border:0;
+}
+
+#menuv4 li.sub {
+left:-25px;
+top:-3px;
+}
+
+/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far
+ * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow
+ * so the only method to get this pile of crap going is to add a bottom border to the <li>s, where the enclosing <ul> already has
+ * a bottom border, which just looks ugly
+ * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */
+#menuv4 ul li {
+border:solid;
+border-color:#ccd5e5;
+border-width:0 0 1px 0;
+}
+
+#menuv4 ul ul li {
+border:solid;
+border-width:0 0 1px 0;
+}
+
+/* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below
+ * causing the menu to close. Opera 9 has the same bug btw. */
+#menuv4 ul ul {
+position:absolute;
+z-index:500;
+top:auto;
+display:none;
+}
+
+#menuv4 ul ul ul {
+top:0;
+left:100%;
+}
+
+/* Begin non-anchor hover selectors */
+
+/* Enter the more specific element (div) selector
+on non-anchor hovers for IE5.x to comply with the
+older version of csshover.htc - V1.21.041022. It
+improves IE's performance speed to use the older
+file and this method */
+
+div#menuv4 h2:hover {
+background:#A3C5FF;
+color:#a00;
+}
+
+div#menuv4 li:hover {
+cursor:pointer;
+z-index:100;
+}
+
+div#menuv4 li:hover ul ul,
+div#menuv4 li li:hover ul ul,
+div#menuv4 li li li:hover ul ul,
+div#menuv4 li li li li:hover ul ul
+{display:none;}
+
+div#menuv4 li:hover ul,
+div#menuv4 li li:hover ul,
+div#menuv4 li li li:hover ul,
+div#menuv4 li li li li:hover ul
+{display:block; left:10px;}
+
+/* End of non-anchor hover selectors */
+
+
diff --git a/css/lx-office-erp/tabcontent.css b/css/lx-office-erp/tabcontent.css
new file mode 100644
index 000000000..bba23b3f3
--- /dev/null
+++ b/css/lx-office-erp/tabcontent.css
@@ -0,0 +1,87 @@
+/* ######### CSS for Shade Tabs. Remove if not using ######### */
+
+.shadetabs{
+padding: 3px 0;
+margin-left: 0;
+margin-top: 1px;
+margin-bottom: 0;
+font: bold 12px Verdana, sans-serif;
+list-style-type: none;
+text-align: left; /*set to left, center, or right to align the menu as desired*/
+}
+
+.shadetabs li{
+display: inline;
+margin: 0;
+}
+
+.shadetabs li a{
+text-decoration: none;
+position: relative;
+z-index: 1;
+padding: 3px 7px;
+margin-right: 3px;
+border: 1px solid #778;
+color: #2d2b2b;
+background: white url(../../image/shade.gif) top left repeat-x;
+}
+
+.shadetabs li a:visited{
+color: #2d2b2b;
+}
+
+.shadetabs li a:hover{
+text-decoration: underline;
+color: #2d2b2b;
+}
+
+.shadetabs li a.selected{ /*selected main tab style */
+position: relative;
+top: 1px;
+}
+
+.shadetabs li a.selected{ /*selected main tab style */
+background-image: url(../../image/shadeactive.gif);
+border-bottom-color: white;
+}
+
+.shadetabs li a.selected:hover{ /*selected main tab style */
+text-decoration: none;
+}
+
+.tabcontent{
+display:none;
+}
+
+@media print {
+.tabcontent {
+display:block !important;
+}
+}
+
+.tabcontent{
+display:none;
+}
+
+@media print {
+.tabcontent {
+display:block !important;
+}
+}
+
+.tabcontentstyle{ /*style of tab content oontainer*/
+border: 1px solid gray;
+width: 95%;
+margin-bottom: 1em;
+padding: 10px;
+}
+
+.tabcontent{
+display:none;
+}
+
+@media print {
+.tabcontent {
+display:block !important;
+}
+}
diff --git a/css/lx-office-erp/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png b/css/lx-office-erp/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
new file mode 100644
index 000000000..954e22dbd
Binary files /dev/null and b/css/lx-office-erp/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png differ
diff --git a/css/lx-office-erp/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png b/css/lx-office-erp/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
new file mode 100644
index 000000000..64ece5707
Binary files /dev/null and b/css/lx-office-erp/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png differ
diff --git a/css/lx-office-erp/ui-lightness/images/ui-bg_flat_10_000000_40x100.png b/css/lx-office-erp/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
new file mode 100644
index 000000000..abdc01082
Binary files /dev/null and b/css/lx-office-erp/ui-lightness/images/ui-bg_flat_10_000000_40x100.png differ
diff --git a/css/lx-office-erp/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png b/css/lx-office-erp/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
new file mode 100644
index 000000000..9b383f4d2
Binary files /dev/null and b/css/lx-office-erp/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png differ
diff --git a/css/lx-office-erp/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png b/css/lx-office-erp/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
new file mode 100644
index 000000000..a23baad25
Binary files /dev/null and b/css/lx-office-erp/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png differ
diff --git a/css/lx-office-erp/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png b/css/lx-office-erp/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
new file mode 100644
index 000000000..42ccba269
Binary files /dev/null and b/css/lx-office-erp/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png differ
diff --git a/css/lx-office-erp/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png b/css/lx-office-erp/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
new file mode 100644
index 000000000..39d5824d6
Binary files /dev/null and b/css/lx-office-erp/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png differ
diff --git a/css/lx-office-erp/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png b/css/lx-office-erp/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
new file mode 100644
index 000000000..f1273672d
Binary files /dev/null and b/css/lx-office-erp/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png differ
diff --git a/css/lx-office-erp/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png b/css/lx-office-erp/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
new file mode 100644
index 000000000..359397acf
Binary files /dev/null and b/css/lx-office-erp/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png differ
diff --git a/css/lx-office-erp/ui-lightness/images/ui-icons_222222_256x240.png b/css/lx-office-erp/ui-lightness/images/ui-icons_222222_256x240.png
new file mode 100644
index 000000000..b273ff111
Binary files /dev/null and b/css/lx-office-erp/ui-lightness/images/ui-icons_222222_256x240.png differ
diff --git a/css/lx-office-erp/ui-lightness/images/ui-icons_228ef1_256x240.png b/css/lx-office-erp/ui-lightness/images/ui-icons_228ef1_256x240.png
new file mode 100644
index 000000000..a641a371a
Binary files /dev/null and b/css/lx-office-erp/ui-lightness/images/ui-icons_228ef1_256x240.png differ
diff --git a/css/lx-office-erp/ui-lightness/images/ui-icons_ef8c08_256x240.png b/css/lx-office-erp/ui-lightness/images/ui-icons_ef8c08_256x240.png
new file mode 100644
index 000000000..85e63e9f6
Binary files /dev/null and b/css/lx-office-erp/ui-lightness/images/ui-icons_ef8c08_256x240.png differ
diff --git a/css/lx-office-erp/ui-lightness/images/ui-icons_ffd27a_256x240.png b/css/lx-office-erp/ui-lightness/images/ui-icons_ffd27a_256x240.png
new file mode 100644
index 000000000..e117effa3
Binary files /dev/null and b/css/lx-office-erp/ui-lightness/images/ui-icons_ffd27a_256x240.png differ
diff --git a/css/lx-office-erp/ui-lightness/images/ui-icons_ffffff_256x240.png b/css/lx-office-erp/ui-lightness/images/ui-icons_ffffff_256x240.png
new file mode 100644
index 000000000..42f8f992c
Binary files /dev/null and b/css/lx-office-erp/ui-lightness/images/ui-icons_ffffff_256x240.png differ
diff --git a/css/lx-office-erp/ui-lightness/jquery-ui-1.8.12.custom.css b/css/lx-office-erp/ui-lightness/jquery-ui-1.8.12.custom.css
new file mode 100644
index 000000000..3f7bf90bb
--- /dev/null
+++ b/css/lx-office-erp/ui-lightness/jquery-ui-1.8.12.custom.css
@@ -0,0 +1,578 @@
+/*
+ * jQuery UI CSS Framework 1.8.12
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ */
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
+.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 1.8.12
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ *
+ * 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 .ui-widget { font-size: 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(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(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, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
+.ui-widget :active { outline: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(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,.ui-widget-header .ui-state-highlight a { color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(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, .ui-widget-header .ui-state-error a { color: #ffffff; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(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-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
+.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
+.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
+.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
+.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
+.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
+.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #666666 url(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(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; border-radius: 5px; }/*
+ * jQuery UI Resizable 1.8.12
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Resizable#theming
+ */
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;
+	/* http://bugs.jqueryui.com/ticket/7233
+	 - Resizable: resizable handles fail to work in IE if transparent and content overlaps
+	*/
+	background-image:url(data:);
+}
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
+ * jQuery UI Selectable 1.8.12
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Selectable#theming
+ */
+.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
+/*
+ * jQuery UI Accordion 1.8.12
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Accordion#theming
+ */
+/* IE/Win - Fix animation bug - #4615 */
+.ui-accordion { width: 100%; }
+.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
+.ui-accordion .ui-accordion-li-fix { display: inline; }
+.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
+.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
+.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
+.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
+.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
+.ui-accordion .ui-accordion-content-active { display: block; }
+/*
+ * jQuery UI Autocomplete 1.8.12
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Autocomplete#theming
+ */
+.ui-autocomplete { position: absolute; cursor: default; }	
+
+/* workarounds */
+* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
+
+/*
+ * jQuery UI Menu 1.8.12
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Menu#theming
+ */
+.ui-menu {
+	list-style:none;
+	padding: 2px;
+	margin: 0;
+	display:block;
+	float: left;
+}
+.ui-menu .ui-menu {
+	margin-top: -3px;
+}
+.ui-menu .ui-menu-item {
+	margin:0;
+	padding: 0;
+	zoom: 1;
+	float: left;
+	clear: left;
+	width: 100%;
+}
+.ui-menu .ui-menu-item a {
+	text-decoration:none;
+	display:block;
+	padding:.2em .4em;
+	line-height:1.5;
+	zoom:1;
+}
+.ui-menu .ui-menu-item a.ui-state-hover,
+.ui-menu .ui-menu-item a.ui-state-active {
+	font-weight: normal;
+	margin: -1px;
+}
+/*
+ * jQuery UI Button 1.8.12
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Button#theming
+ */
+.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
+.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
+button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
+.ui-button-icons-only { width: 3.4em; } 
+button.ui-button-icons-only { width: 3.7em; } 
+
+/*button text element */
+.ui-button .ui-button-text { display: block; line-height: 1.4;  }
+.ui-button-text-only .ui-button-text { padding: .4em 1em; }
+.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
+.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
+.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
+.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
+/* no icon support for input elements, provide padding by default */
+input.ui-button { padding: .4em 1em; }
+
+/*button icon element(s) */
+.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
+.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
+.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
+.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
+.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
+
+/*button sets*/
+.ui-buttonset { margin-right: 7px; }
+.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
+
+/* workarounds */
+button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
+/*
+ * jQuery UI Dialog 1.8.12
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Dialog#theming
+ */
+.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
+.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { position: relative; 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 .ui-dialog-buttonset { float: right; }
+.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
+/*
+ * jQuery UI Slider 1.8.12
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Slider#theming
+ */
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
+ * jQuery UI Tabs 1.8.12
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Tabs#theming
+ */
+.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
+.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
+.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
+/*
+ * jQuery UI Datepicker 1.8.12
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Datepicker#theming
+ */
+.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
+.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 { 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 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*/
+}/*
+ * jQuery UI Progressbar 1.8.12
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Progressbar#theming
+ */
+.ui-progressbar { height:2em; text-align: left; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
\ No newline at end of file
diff --git a/css/menuv3.css b/css/menuv3.css
deleted file mode 100644
index ae7ef33ff..000000000
--- a/css/menuv3.css
+++ /dev/null
@@ -1,131 +0,0 @@
-body {
-behavior:url("css/csshover.htc");
-}
-
-#menu {
-width:99.8%;
-float:left;
-background:url(../image/bg_css_menu.png) repeat bottom;
-border:1px solid;
-border-color:#ccc #888 #555 #bbb;
-}
-
-#menu a, #menu h2, #menu div.x {
-font:11px/16px arial,helvetica,sans-serif;
-display:block;
-border:0;
-border-right:1px;
-border-style:solid;
-border-color:#ccc #888 #555 #bbb;
-white-space:nowrap;
-margin:0;
-padding:1px 0 1px 3px;
-}
-
-#menu h2 {
-color:#fff;
-padding:0 5px;
-}
-
-#menu a, #menu a:visited, #menu div.x, #menu div.x:visited {
-color:#000;
-text-decoration:none;
-padding-right:10px;
-}
-
-#menu a {
-background:#eee;
-}
-
-#menu div.x, #menu div.x:visited {
-background:#eee url(../image/right.gif) no-repeat right;
-}
-
-#menu a:hover, #menu div.x:hover {
-color:#a00;
-background-color:#ddd;
-}
-
-#menu a:active, #menu div.x:active {
-color:#060;
-background-color:#ccc;
-}
-
-#menu ul {
-list-style:none;
-margin:0;
-padding:0;
-float:left;
-min-width:7em;
-}
-
-#menu li {
-position:relative;
-float:none;
-border:0;
-}
-
-/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far 
- * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow 
- * so the only method to get this pile of crap going is to add a bottom border to the <li>s, where the enclosing <ul> already has
- * a bottom border, which just looks ugly
- * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */
-#menu ul li {
-border:solid;
-border-color:#ccd5e5;
-border-width:0 0 1px 0;
-}
-
-#menu ul ul li {
-border:solid;
-border-width:0 0 1px 0;
-}
-
-/* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below 
- * causing the menu to close. Opera 9 has the same bug btw. */
-#menu ul ul {
-position:absolute;
-z-index:500;
-top:auto;
-display:none;
-background:#000;
-}
-
-#menu ul ul ul {
-top:0;
-left:100%;
-background:#000;
-}
-
-/* Begin non-anchor hover selectors */
-
-/* Enter the more specific element (div) selector
-on non-anchor hovers for IE5.x to comply with the
-older version of csshover.htc - V1.21.041022. It
-improves IE's performance speed to use the older
-file and this method */
-
-div#menu h2:hover {
-background:#A3C5FF;
-color:#a00;
-}
-
-div#menu li:hover {
-cursor:pointer;
-z-index:100;
-}
-
-div#menu li:hover ul ul,
-div#menu li li:hover ul ul,
-div#menu li li li:hover ul ul,
-div#menu li li li li:hover ul ul
-{display:none;}
-
-div#menu li:hover ul,
-div#menu li li:hover ul,
-div#menu li li li:hover ul,
-div#menu li li li li:hover ul
-{display:block;}
-
-/* End of non-anchor hover selectors */
-
diff --git a/css/menuv4.css b/css/menuv4.css
deleted file mode 100644
index b59efc264..000000000
--- a/css/menuv4.css
+++ /dev/null
@@ -1,140 +0,0 @@
-body {
-behavior:url("css/csshover.htc");
-}
-
-#menu {
-width:99.8%;
-float:left;
-background:url(../image/bg_css_menu.png) repeat bottom;
-border:1px solid;
-border-color:#ccc #888 #555 #bbb;
-}
-
-#menu a, #menu h2, #menu div.x {
-font:11px/16px arial,helvetica,sans-serif;
-display:block;
-border:0;
-border-right:1px;
-border-style:solid;
-border-color:#ccc #888 #555 #bbb;
-white-space:nowrap;
-margin:0;
-padding:1px 0 1px 3px;
-}
-
-#menu h2:before {
-    content:" ";
-}
-#menu h2:after {
-    content:" ";
-}
-#menu h2 {
-color:#fff;
-padding:2px 10px;
-}
-
-#menu a, #menu a:visited, #menu div.x, #menu div.x:visited {
-color:#000;
-text-decoration:none;
-padding-right:10px;
-}
-
-#menu a {
-background:#eee;
-}
-#menu div.x, #menu div.x:visited {
-background:#eee url(../image/right.gif) no-repeat right;
-}
-
-#menu a:hover, #menu div.x:hover {
-color:#a00;
-background-color:#ddd;
-}
-
-#menu a:active, #menu div.x:active {
-color:#060;
-background-color:#ccc;
-}
-
-#menu ul {
-list-style:none;
-margin:0;
-padding:0;
-float:left;
-}
-
-#menu li {
-position:relative;
-float:none;
-border:0;
-}
-
-li.sub {
-position:relativ;
-left:-25px;
-top:-3px;
-}
-
-/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far 
- * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow 
- * so the only method to get this pile of crap going is to add a bottom border to the <li>s, where the enclosing <ul> already has
- * a bottom border, which just looks ugly
- * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */
-#menu ul li {
-border:solid;
-border-color:#ccd5e5;
-border-width:0 0 1px 0;
-}
-
-#menu ul ul li {
-border:solid;
-border-width:0 0 1px 0;
-}
-
-/* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below 
- * causing the menu to close. Opera 9 has the same bug btw. */
-#menu ul ul {
-position:absolute;
-z-index:500;
-top:auto;
-display:none;
-}
-
-#menu ul ul ul {
-top:0;
-left:100%;
-}
-
-/* Begin non-anchor hover selectors */
-
-/* Enter the more specific element (div) selector
-on non-anchor hovers for IE5.x to comply with the
-older version of csshover.htc - V1.21.041022. It
-improves IE's performance speed to use the older
-file and this method */
-
-div#menu h2:hover {
-background:#A3C5FF;
-color:#a00;
-}
-
-div#menu li:hover {
-cursor:pointer;
-z-index:100;
-}
-
-div#menu li:hover ul ul,
-div#menu li li:hover ul ul,
-div#menu li li li:hover ul ul,
-div#menu li li li li:hover ul ul
-{display:none;}
-
-div#menu li:hover ul,
-div#menu li li:hover ul,
-div#menu li li li:hover ul,
-div#menu li li li li:hover ul
-{display:block; position:relativ: left:10px;}
-
-/* End of non-anchor hover selectors */
-
-
diff --git a/css/mn_hauptmenu.png b/css/mn_hauptmenu.png
deleted file mode 100755
index 80cee3917..000000000
Binary files a/css/mn_hauptmenu.png and /dev/null differ
diff --git a/css/px_3.gif b/css/px_3.gif
deleted file mode 100644
index ce4e32285..000000000
Binary files a/css/px_3.gif and /dev/null differ
diff --git a/css/tabcontent.css b/css/tabcontent.css
deleted file mode 100644
index 54c3e5e18..000000000
--- a/css/tabcontent.css
+++ /dev/null
@@ -1,176 +0,0 @@
-/* ######### CSS for Shade Tabs. Remove if not using ######### */
-
-.shadetabs{
-padding: 3px 0;
-margin-left: 0;
-margin-top: 1px;
-margin-bottom: 0;
-font: bold 12px Verdana, sans-serif;
-list-style-type: none;
-text-align: left; /*set to left, center, or right to align the menu as desired*/
-}
-
-.shadetabs li{
-display: inline;
-margin: 0;
-}
-
-.shadetabs li a{
-text-decoration: none;
-position: relative;
-z-index: 1;
-padding: 3px 7px;
-margin-right: 3px;
-border: 1px solid #778;
-color: #2d2b2b;
-background: white url(../image/shade.gif) top left repeat-x;
-}
-
-.shadetabs li a:visited{
-color: #2d2b2b;
-}
-
-.shadetabs li a:hover{
-text-decoration: underline;
-color: #2d2b2b;
-}
-
-.shadetabs li a.selected{ /*selected main tab style */
-position: relative;
-top: 1px;
-}
-
-.shadetabs li a.selected{ /*selected main tab style */
-background-image: url(../image/shadeactive.gif);
-border-bottom-color: white;
-}
-
-.shadetabs li a.selected:hover{ /*selected main tab style */
-text-decoration: none;
-}
-
-.tabcontent{
-display:none;
-}
-
-@media print {
-.tabcontent {
-display:block !important;
-}
-}
-
-/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */
-
-.modernbricksmenu2{
-padding: 0;
-width: 362px;
-border-top: 5px solid #D25A0B; /*Brown color theme*/
-background: transparent;
-voice-family: "\"}\"";
-voice-family: inherit;
-}
-
-.modernbricksmenu2 ul{
-margin:0;
-margin-left: 10px; /*margin between first menu item and left browser edge*/
-padding: 0;
-list-style: none;
-}
-
-.modernbricksmenu2 li{
-display: inline;
-margin: 0 2px 0 0;
-padding: 0;
-text-transform:uppercase;
-}
-
-.modernbricksmenu2 a{
-float: left;
-display: block;
-font: bold 11px Arial;
-color: white;
-text-decoration: none;
-margin: 0 1px 0 0; /*Margin between each menu item*/
-padding: 5px 10px;
-background-color: black; /*Brown color theme*/
-border-top: 1px solid white;
-}
-
-.modernbricksmenu2 a:hover{
-background-color: #D25A0B; /*Brown color theme*/
-color: white;
-}
-
-.modernbricksmenu2 a.selected{ /*currently selected tab*/
-background-color: #D25A0B; /*Brown color theme*/
-color: white;
-border-color: #D25A0B; /*Brown color theme*/
-}
-
-.tabcontent{
-display:none;
-}
-
-@media print {
-.tabcontent {
-display:block !important;
-}
-}
-
-/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
-
-
-.indentmenu{
-font: bold 13px Arial;
-width: 100%; /*leave this value as is in most cases*/
-}
-
-.indentmenu ul{
-margin: 0;
-padding: 0;
-float: left;
-/* width: 80%; width of menu*/
-border-top: 1px solid navy; /*navy border*/
-background: black url(../image/indentbg.gif) center center repeat-x;
-}
-
-.indentmenu ul li{
-display: inline;
-}
-
-.indentmenu ul li a{
-float: left;
-color: white; /*text color*/
-padding: 5px 11px;
-text-decoration: none;
-border-right: 1px solid navy; /*navy divider between menu items*/
-}
-
-.indentmenu ul li a:visited{
-color: white;
-}
-
-.indentmenu ul li a.selected{
-color: white !important;
-padding-top: 6px; /*shift text down 1px*/
-padding-bottom: 4px;
-background: black url(../image/indentbg2.gif) center center repeat-x;
-}
-
-
-.tabcontentstyle{ /*style of tab content oontainer*/
-border: 1px solid gray;
-width: 95%;
-margin-bottom: 1em;
-padding: 10px;
-}
-
-.tabcontent{
-display:none;
-}
-
-@media print {
-.tabcontent {
-display:block !important;
-}
-}
diff --git a/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png b/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
deleted file mode 100644
index 954e22dbd..000000000
Binary files a/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png and /dev/null differ
diff --git a/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png b/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
deleted file mode 100644
index 64ece5707..000000000
Binary files a/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png and /dev/null differ
diff --git a/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png b/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
deleted file mode 100644
index abdc01082..000000000
Binary files a/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png and /dev/null differ
diff --git a/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png b/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
deleted file mode 100644
index 9b383f4d2..000000000
Binary files a/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png and /dev/null differ
diff --git a/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png b/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
deleted file mode 100644
index a23baad25..000000000
Binary files a/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png and /dev/null differ
diff --git a/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png b/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
deleted file mode 100644
index 42ccba269..000000000
Binary files a/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png and /dev/null differ
diff --git a/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png b/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
deleted file mode 100644
index 39d5824d6..000000000
Binary files a/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png and /dev/null differ
diff --git a/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png b/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
deleted file mode 100644
index f1273672d..000000000
Binary files a/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png and /dev/null differ
diff --git a/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png b/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
deleted file mode 100644
index 359397acf..000000000
Binary files a/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png and /dev/null differ
diff --git a/css/ui-lightness/images/ui-icons_222222_256x240.png b/css/ui-lightness/images/ui-icons_222222_256x240.png
deleted file mode 100644
index b273ff111..000000000
Binary files a/css/ui-lightness/images/ui-icons_222222_256x240.png and /dev/null differ
diff --git a/css/ui-lightness/images/ui-icons_228ef1_256x240.png b/css/ui-lightness/images/ui-icons_228ef1_256x240.png
deleted file mode 100644
index a641a371a..000000000
Binary files a/css/ui-lightness/images/ui-icons_228ef1_256x240.png and /dev/null differ
diff --git a/css/ui-lightness/images/ui-icons_ef8c08_256x240.png b/css/ui-lightness/images/ui-icons_ef8c08_256x240.png
deleted file mode 100644
index 85e63e9f6..000000000
Binary files a/css/ui-lightness/images/ui-icons_ef8c08_256x240.png and /dev/null differ
diff --git a/css/ui-lightness/images/ui-icons_ffd27a_256x240.png b/css/ui-lightness/images/ui-icons_ffd27a_256x240.png
deleted file mode 100644
index e117effa3..000000000
Binary files a/css/ui-lightness/images/ui-icons_ffd27a_256x240.png and /dev/null differ
diff --git a/css/ui-lightness/images/ui-icons_ffffff_256x240.png b/css/ui-lightness/images/ui-icons_ffffff_256x240.png
deleted file mode 100644
index 42f8f992c..000000000
Binary files a/css/ui-lightness/images/ui-icons_ffffff_256x240.png and /dev/null differ
diff --git a/css/ui-lightness/jquery-ui-1.8.12.custom.css b/css/ui-lightness/jquery-ui-1.8.12.custom.css
deleted file mode 100644
index 3f7bf90bb..000000000
--- a/css/ui-lightness/jquery-ui-1.8.12.custom.css
+++ /dev/null
@@ -1,578 +0,0 @@
-/*
- * jQuery UI CSS Framework 1.8.12
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Theming/API
- */
-
-/* Layout helpers
-----------------------------------*/
-.ui-helper-hidden { display: none; }
-.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
-.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 1.8.12
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Theming/API
- *
- * 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 .ui-widget { font-size: 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(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(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, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
-.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
-.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
-.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
-.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
-.ui-widget :active { outline: none; }
-
-/* Interaction Cues
-----------------------------------*/
-.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(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,.ui-widget-header .ui-state-highlight a { color: #363636; }
-.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(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, .ui-widget-header .ui-state-error a { color: #ffffff; }
-.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
-.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
-.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
-.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
-
-/* Icons
-----------------------------------*/
-
-/* states and images */
-.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
-.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
-.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
-.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
-.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
-.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
-.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
-.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(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-start { background-position: -80px -160px; }
-/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
-.ui-icon-seek-first { background-position: -80px -160px; }
-.ui-icon-stop { background-position: -96px -160px; }
-.ui-icon-eject { background-position: -112px -160px; }
-.ui-icon-volume-off { background-position: -128px -160px; }
-.ui-icon-volume-on { background-position: -144px -160px; }
-.ui-icon-power { background-position: 0 -176px; }
-.ui-icon-signal-diag { background-position: -16px -176px; }
-.ui-icon-signal { background-position: -32px -176px; }
-.ui-icon-battery-0 { background-position: -48px -176px; }
-.ui-icon-battery-1 { background-position: -64px -176px; }
-.ui-icon-battery-2 { background-position: -80px -176px; }
-.ui-icon-battery-3 { background-position: -96px -176px; }
-.ui-icon-circle-plus { background-position: 0 -192px; }
-.ui-icon-circle-minus { background-position: -16px -192px; }
-.ui-icon-circle-close { background-position: -32px -192px; }
-.ui-icon-circle-triangle-e { background-position: -48px -192px; }
-.ui-icon-circle-triangle-s { background-position: -64px -192px; }
-.ui-icon-circle-triangle-w { background-position: -80px -192px; }
-.ui-icon-circle-triangle-n { background-position: -96px -192px; }
-.ui-icon-circle-arrow-e { background-position: -112px -192px; }
-.ui-icon-circle-arrow-s { background-position: -128px -192px; }
-.ui-icon-circle-arrow-w { background-position: -144px -192px; }
-.ui-icon-circle-arrow-n { background-position: -160px -192px; }
-.ui-icon-circle-zoomin { background-position: -176px -192px; }
-.ui-icon-circle-zoomout { background-position: -192px -192px; }
-.ui-icon-circle-check { background-position: -208px -192px; }
-.ui-icon-circlesmall-plus { background-position: 0 -208px; }
-.ui-icon-circlesmall-minus { background-position: -16px -208px; }
-.ui-icon-circlesmall-close { background-position: -32px -208px; }
-.ui-icon-squaresmall-plus { background-position: -48px -208px; }
-.ui-icon-squaresmall-minus { background-position: -64px -208px; }
-.ui-icon-squaresmall-close { background-position: -80px -208px; }
-.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
-.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
-.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
-.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
-.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
-.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
-
-
-/* Misc visuals
-----------------------------------*/
-
-/* Corner radius */
-.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
-.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
-.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
-.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
-.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
-.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
-.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
-.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
-.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
-
-/* Overlays */
-.ui-widget-overlay { background: #666666 url(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(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; border-radius: 5px; }/*
- * jQuery UI Resizable 1.8.12
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Resizable#theming
- */
-.ui-resizable { position: relative;}
-.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;
-	/* http://bugs.jqueryui.com/ticket/7233
-	 - Resizable: resizable handles fail to work in IE if transparent and content overlaps
-	*/
-	background-image:url(data:);
-}
-.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
-.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
-.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
-.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
-.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
-.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
-.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
-.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
-.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
- * jQuery UI Selectable 1.8.12
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Selectable#theming
- */
-.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
-/*
- * jQuery UI Accordion 1.8.12
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Accordion#theming
- */
-/* IE/Win - Fix animation bug - #4615 */
-.ui-accordion { width: 100%; }
-.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
-.ui-accordion .ui-accordion-li-fix { display: inline; }
-.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
-.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
-.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
-.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
-.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
-.ui-accordion .ui-accordion-content-active { display: block; }
-/*
- * jQuery UI Autocomplete 1.8.12
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Autocomplete#theming
- */
-.ui-autocomplete { position: absolute; cursor: default; }	
-
-/* workarounds */
-* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
-
-/*
- * jQuery UI Menu 1.8.12
- *
- * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Menu#theming
- */
-.ui-menu {
-	list-style:none;
-	padding: 2px;
-	margin: 0;
-	display:block;
-	float: left;
-}
-.ui-menu .ui-menu {
-	margin-top: -3px;
-}
-.ui-menu .ui-menu-item {
-	margin:0;
-	padding: 0;
-	zoom: 1;
-	float: left;
-	clear: left;
-	width: 100%;
-}
-.ui-menu .ui-menu-item a {
-	text-decoration:none;
-	display:block;
-	padding:.2em .4em;
-	line-height:1.5;
-	zoom:1;
-}
-.ui-menu .ui-menu-item a.ui-state-hover,
-.ui-menu .ui-menu-item a.ui-state-active {
-	font-weight: normal;
-	margin: -1px;
-}
-/*
- * jQuery UI Button 1.8.12
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Button#theming
- */
-.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
-.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
-button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
-.ui-button-icons-only { width: 3.4em; } 
-button.ui-button-icons-only { width: 3.7em; } 
-
-/*button text element */
-.ui-button .ui-button-text { display: block; line-height: 1.4;  }
-.ui-button-text-only .ui-button-text { padding: .4em 1em; }
-.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
-.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
-.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
-.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
-/* no icon support for input elements, provide padding by default */
-input.ui-button { padding: .4em 1em; }
-
-/*button icon element(s) */
-.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
-.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
-.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
-.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
-.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
-
-/*button sets*/
-.ui-buttonset { margin-right: 7px; }
-.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
-
-/* workarounds */
-button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
-/*
- * jQuery UI Dialog 1.8.12
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Dialog#theming
- */
-.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
-.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
-.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
-.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
-.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
-.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
-.ui-dialog .ui-dialog-content { position: relative; 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 .ui-dialog-buttonset { float: right; }
-.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
-.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
-.ui-draggable .ui-dialog-titlebar { cursor: move; }
-/*
- * jQuery UI Slider 1.8.12
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Slider#theming
- */
-.ui-slider { position: relative; text-align: left; }
-.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
-.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
-
-.ui-slider-horizontal { height: .8em; }
-.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
-.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
-.ui-slider-horizontal .ui-slider-range-min { left: 0; }
-.ui-slider-horizontal .ui-slider-range-max { right: 0; }
-
-.ui-slider-vertical { width: .8em; height: 100px; }
-.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
-.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
-.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
-.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
- * jQuery UI Tabs 1.8.12
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Tabs#theming
- */
-.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
-.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
-.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
-.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
-.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
-.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
-.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
-.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
-.ui-tabs .ui-tabs-hide { display: none !important; }
-/*
- * jQuery UI Datepicker 1.8.12
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Datepicker#theming
- */
-.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
-.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 { 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 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*/
-}/*
- * jQuery UI Progressbar 1.8.12
- *
- * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * http://docs.jquery.com/UI/Progressbar#theming
- */
-.ui-progressbar { height:2em; text-align: left; }
-.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
\ No newline at end of file
diff --git a/templates/webpages/menu/header.html b/templates/webpages/menu/header.html
index eb750cd4e..f0da916bf 100644
--- a/templates/webpages/menu/header.html
+++ b/templates/webpages/menu/header.html
@@ -1,35 +1,32 @@
 [%- USE T8 %]
-<script language="javascript" src="js/switchmenuframe.js"></script>
-<body>
- <table>
-  <tr>
+<body class="frame-header">
+<div class="frame-header">
 [% UNLESS is_links %]
-   <td nowrap>
+ <span class="frame-header-element frame-header-left">
     [<a href="JavaScript:Switch_Menu();" title="[% 'Switch Menu on / off' | $T8 %]">[% 'Menu' | $T8 %]</a>]
     [<a HREF="login.pl" target="_blank" title="[% 'Open a further Lx-Office Window or Tab' | $T8 %]">[% 'New Win/Tab' | $T8 %]</a>]
     [<a href="JavaScript:top.main_window.print();" title="[% 'Hardcopy' | $T8 %]">[% 'Print' | $T8 %]</a>]
     [<a href="Javascript:top.main_window.history.back();" title="[% 'Go one step back' | $T8 %]">[% 'Back' | $T8 %]</a>]
     [<a href="Javascript:top.main_window.history.forward();" title="[% 'Go one step forward' | $T8 %]">[% 'Fwd' | $T8 %]</a>]
-   </td>
+ </span>
 [%- END %]
 [% IF is_fastcgi && LXCONFIG.debug.show_debug_menu %]
-   <td align='center' nowrap>
-    Debug:
-    [<a href='controller.pl?action=DebugMenu/reload']>FCGI Reload</a>]
-    [<a href='controller.pl?action=DebugMenu/toggle&level=request_timer'>[% IF LXDEBUG.level_by_name('request_timer') %]<b>Timing</b>[% ELSE %]Timing[% END %]</a>]
-    [<a href='controller.pl?action=DebugMenu/toggle&level=trace'>[% IF LXDEBUG.level_by_name('trace') %]<b>Trace</b>[% ELSE %]Trace[% END %]</a>]
-    [<a href='controller.pl?action=DebugMenu/toggle&level=query'>[% IF LXDEBUG.level_by_name('query') %]<b>Query</b>[% ELSE %]Query[% END %]</a>]
-    [<a href='controller.pl?action=DebugMenu/toggle&level=warn'>[% IF LXDEBUG.level_by_name('warn') %]<b>Warnings</b>[% ELSE %]Warnings[% END %]</a>]
-   </td>
+ <span class="frame-header-element frame-header-center">
+  Debug:
+  [<a href='controller.pl?action=DebugMenu/reload'>FCGI Reload</a>]
+  [<a href='controller.pl?action=DebugMenu/toggle&level=request_timer'>[% IF LXDEBUG.level_by_name('request_timer') %]<b>Timing</b>[% ELSE %]Timing[% END %]</a>]
+  [<a href='controller.pl?action=DebugMenu/toggle&level=trace'>[% IF LXDEBUG.level_by_name('trace') %]<b>Trace</b>[% ELSE %]Trace[% END %]</a>]
+  [<a href='controller.pl?action=DebugMenu/toggle&level=query'>[% IF LXDEBUG.level_by_name('query') %]<b>Query</b>[% ELSE %]Query[% END %]</a>]
+  [<a href='controller.pl?action=DebugMenu/toggle&level=warn'>[% IF LXDEBUG.level_by_name('warn') %]<b>Warnings</b>[% ELSE %]Warnings[% END %]</a>]
+ </span>
 [%- END %]
-   <td align="right" nowrap>
-    [% 'User' | $T8 %]:
-    [% MYCONFIG.login %]
-    [<a href="login.pl?action=logout" target="_top" title="[% 'Logout now' | $T8 %]">[% 'Logout' | $T8 %]</a>]
-    [% now.to_lxoffice %] -
-    [% now.hms %]
-   </td>
-  </tr>
- </table>
+ <span class="frame-header-element frame-header-right">
+  [% 'User' | $T8 %]:
+  [% MYCONFIG.login %]
+  [<a href="login.pl?action=logout" target="_top" title="[% 'Logout now' | $T8 %]">[% 'Logout' | $T8 %]</a>]
+  [% now.to_lxoffice %] -
+  [% now.hms %]
+ </span>
+</div>
 </body>
 </html>
diff --git a/templates/webpages/menu/menunew.html b/templates/webpages/menu/menunew.html
index 164533990..452c43a2e 100644
--- a/templates/webpages/menu/menunew.html
+++ b/templates/webpages/menu/menunew.html
@@ -1,5 +1,5 @@
 [%- USE T8 %]
-[% USE HTML %]<body style="padding:0px; margin:0px;">
+[% USE HTML %]<body class="menunew">
 
  <script type="text/javascript">
 <!--
@@ -16,15 +16,15 @@ window.onload=clockon
 
  <script type="text/javascript" src="js/dhtmlsuite/menu-for-applications.js"></script>
 
- <table border="0" width="100%" background="image/bg_titel.gif" cellpadding="0" cellspacing="0">
+ <table class="menunew">
   <tr>
-   <td style="color:white; font-family:verdana,arial,sans-serif; font-size: 12px;">
+   <td>
     &nbsp;
     [<a href="menunew.pl?action=display" target="_blank">[% 'new Window' | $T8 %]</a>]
     &nbsp;
     [<a href="JavaScript:top.main_window.print()">[% 'print' | $T8 %]</a>]
    </td>
-   <td align="right" style="vertical-align:middle; color:white; font-family:verdana,arial,sans-serif; font-size: 12px;" nowrap>
+   <td align="right" nowrap>
     [[% 'User' | $T8 %]: [% HTML.escape(login) %] -
     <a href="login.pl?action=logout" target="_top">[% 'logout' | $T8 %]</a>]
     [% date %] <span id='clock_id' style='position:relative'></span>&nbsp;
@@ -80,7 +80,7 @@ window.onload=clockon
 
 DHTMLSuite.createStandardObjects();
 
-DHTMLSuite.configObj.setCssPath('css/dhtmlsuite/');
+DHTMLSuite.configObj.setCssPath('[% myconfig.css_path %]/dhtmlsuite/');
 DHTMLSuite.configObj.setImagePath('image/dhtmlsuite/');
 
 var menu_model = new DHTMLSuite.menuModel();
diff --git a/templates/webpages/menu/menuv3.html b/templates/webpages/menu/menuv3.html
index 9da62367c..e02d27375 100644
--- a/templates/webpages/menu/menuv3.html
+++ b/templates/webpages/menu/menuv3.html
@@ -31,7 +31,7 @@ window.onload=clockon
  </table>
 
 
- <div id="menu">
+ <div id="menuv3">
 
   [% menu %]
 
diff --git a/templates/webpages/menu/menuv4.html b/templates/webpages/menu/menuv4.html
index 4ae7d19a9..2b159b3a7 100644
--- a/templates/webpages/menu/menuv4.html
+++ b/templates/webpages/menu/menuv4.html
@@ -31,7 +31,7 @@ window.onload=clockon
  </table>
 
 
- <div id="menu">
+ <div id="menuv4">
 
   [% menu %]