Beginning to move files into dedicated subdirectories: Moved static/*.css to static...
authorich <the_mgt@uncensored.citadel.org>
Wed, 25 Aug 2010 11:33:04 +0000 (11:33 +0000)
committerich <the_mgt@uncensored.citadel.org>
Wed, 25 Aug 2010 11:33:04 +0000 (11:33 +0000)
18 files changed:
webcit/static/datepicker.css [deleted file]
webcit/static/iconbaricns.css [deleted file]
webcit/static/iconbarpiconly.css [deleted file]
webcit/static/mobile.css [deleted file]
webcit/static/niftyCorners.css [deleted file]
webcit/static/rss_browser.css [deleted file]
webcit/static/rte.css [deleted file]
webcit/static/styles/datepicker.css [new file with mode: 0644]
webcit/static/styles/iconbaricns.css [new file with mode: 0644]
webcit/static/styles/iconbarpiconly.css [new file with mode: 0644]
webcit/static/styles/mobile.css [new file with mode: 0644]
webcit/static/styles/niftyCorners.css [new file with mode: 0644]
webcit/static/styles/rss_browser.css [new file with mode: 0644]
webcit/static/styles/rte.css [new file with mode: 0644]
webcit/static/styles/webcit-tinymce.css [new file with mode: 0644]
webcit/static/styles/webcit.css [new file with mode: 0644]
webcit/static/webcit-tinymce.css [deleted file]
webcit/static/webcit.css [deleted file]

diff --git a/webcit/static/datepicker.css b/webcit/static/datepicker.css
deleted file mode 100644 (file)
index ec5d2b2..0000000
+++ /dev/null
@@ -1,88 +0,0 @@
-/**
- * DatePicker widget using Prototype and Scriptaculous.
- * (c) 2007 Mathieu Jondet <mathieu@eulerian.com>
- * Eulerian Technologies
- *
- * DatePicker is freely distributable under the same terms as Prototype.
- *
- */
-
-div.datepicker {
- position: absolute;
- text-align: center;
- border: 1px #C4D5E3 solid;
- font-family: arial;
- background: #FFFFFF;
- font-size: 10px;
- padding: 0px;
- z-index: 4;
-}
-div.datepicker table {
- font-size: 10px;
- margin: 0px;
- padding: 0px;
- text-align: center;
- width: 180px;
-}
-div.datepicker table thead tr th {
- font-size: 12px;
- font-weight: bold;
- background: #e9eff4;
- border-bottom:1px solid #c4d5e3;
- padding: 0px;
- margin: 0px;
-}
-div.datepicker table tbody tr {
- border: 1px white solid;
- margin: 0px;
- padding: 0px;
-}
-div.datepicker table tbody tr td {
- border: 1px #eaeaea solid;
- margin: 0px;
- padding: 0px;
- text-align: center;
-}
-div.datepicker table tbody tr td:hover,
-div.datepicker table tbody tr td.outbound:hover,
-div.datepicker table tbody tr td.today:hover {
- border: 1px #c4d5e3 solid;
- background: #e9eff4;
- cursor: pointer;
-}
-div.datepicker table tbody tr td.wday {
- border: 1px #ffffff solid;
- background: #ffffff;
- cursor: text;
-}
-div.datepicker table tbody tr td.outbound {
- background: #e8e4e4;
-}
-div.datepicker table tbody tr td.today {
- border: 1px #16518e solid;
- background: #c4d5e3;
-}
-div.datepicker table tbody tr td.nclick,
-div.datepicker table tbody tr td.nclick_outbound {
- cursor:default; color:#aaa;
-}
-div.datepicker table tbody tr td.nclick_outbound {
- background:#E8E4E4;
-}
-div.datepicker table tbody tr td.nclick:hover,
-div.datepicker table tbody tr td.nclick_outbound:hover {
- border: 1px #eaeaea solid;
- background: #FFF;
-}
-div.datepicker table tbody tr td.nclick_outbound:hover {
- background:#E8E4E4;
-}
-div.datepicker table tfoot {
- font-size: 10px;
- background: #e9eff4;
- border-top:1px solid #c4d5e3;
- cursor: pointer;
- text-align: center;
- padding: 0px;
-}
-
diff --git a/webcit/static/iconbaricns.css b/webcit/static/iconbaricns.css
deleted file mode 100644 (file)
index c65dfd7..0000000
+++ /dev/null
@@ -1,59 +0,0 @@
-/*
- * $Id: iconbaricns.css 7193 2009-03-07 17:24:58Z dothebart $
- * Copyright 2005 - 2009 The Citadel Team
- * Licensed under the GPL V3
- *
- * Styles for the WebCit Iconbar.
- *
- */
-
-.ib_button {
-    min-height: 32px;
-    background-repeat: no-repeat !important;
-    vertical-align: middle;
-}
-.ib_button_link {
-    padding-top: 6px;
-    padding-left: 35px;
-    height: 100%;
-    min-height: 25px; /* Makes all of the 'button' to be clickable */
-}
-#ib_summary {
-    background-image: url("/static/summscreen_32x.gif");
-}
-#ib_inbox {
-    background-image: url("/static/privatemess_32x.gif");
-}
-#ib_calendar {
-    background-image: url("/static/calarea_32x.gif");
-}
-#ib_contacts {
-    background-image: url("/static/viewcontacts_32x.gif");
-}
-#ib_notes {
-    background-image: url("/static/storenotes_32x.gif");
-}
-#ib_tasks {
-    background-image: url("/static/taskmanag_32x.gif");
-}
-#ib_rooms {
-    background-image: url("/static/chatrooms_32x.gif");
-}
-#ib_users {
-    background-image: url("/static/usermanag_32x.gif");
-}
-#ib_chat {
-    background-image: url("/static/citadelchat_32x.gif");
-}
-#ib_advanced, #ib_admin {
-    background-image: url("/static/advanpage2_32x.gif");
-}
-#ib_aide {
-    background-image: url("/static/advanpage2_32x.gif");
-}
-#ib_logoff {
-    background-image: url("/static/logoff_32x.gif");
-}
-#citlogo {
-    display: block !important;
-}
diff --git a/webcit/static/iconbarpiconly.css b/webcit/static/iconbarpiconly.css
deleted file mode 100644 (file)
index 3bee21a..0000000
+++ /dev/null
@@ -1,20 +0,0 @@
-/*
- * $Id: iconbaricns.css 7193 2009-03-07 17:24:58Z dothebart $
- * Copyright 2005 - 2009 The Citadel Team
- * Licensed under the GPL V3
- *
- * Styles for the WebCit Iconbar in textonly mode.
- *
- */
-
-@import url("/static/iconbaricns.css");
-
-.ib_button {
-    width: 35px;
-}
-.ib_button_link {
-    padding-left: 0;
-}
-.ib_button_link span {
-    display: none;
-}
\ No newline at end of file
diff --git a/webcit/static/mobile.css b/webcit/static/mobile.css
deleted file mode 100644 (file)
index 41da559..0000000
+++ /dev/null
@@ -1,70 +0,0 @@
-/*
- * Copyright 2005 - 2009 The Citadel Team
- * Licensed under the GPL V3
- * styles for mobile clients
- */
-body {
-}
-#button li {
-       display: inline; 
-       padding-right: 5px;
-}
-#button li img {
-       display: none;
-}
-img {
-       border: none;
-       text-decoration: none;
-}
-#message_list div div {
-       border-bottom: 1px dotted black;
-       padding: 5px 5px 5px 5px;
-       /* background-color: white; */
-}
-.subject {
-       color: gray;
-}
-body[orient="portrait"] {
-       max-width: 320px;
-}
-body {
-       font-family: sans-serif;
-       font-size: 11px;
-}
-.msgview {
-       display: none;
-       background-color: white !important;
-}
-.message_content {
-    background-color: white;
-}
-#login_form label, #login_form input, #login_form select, #login_form div{
-       display: list-item;
-       text-align: center !important;
-       margin: 0px auto;
-}
-#navbar ul li {
-       display: inline;
-       padding-right: 5px;
-}
-#navbar ul li img {
-       vertical-align: middle;
-}
-#navbar ul li a {
-       text-decoration: none;
-}
-.sticky {
-    background-color: gray;
-    border: 1px solid black;
-    width: 100%;
-}
-#vcontent {
-}
-.roomname {
-       background-color: #022750;
-       color: white;
-       border-radius: 5px;
-}
-.roomname img{
-       vertical-align: middle;
-}
diff --git a/webcit/static/niftyCorners.css b/webcit/static/niftyCorners.css
deleted file mode 100644 (file)
index 979993f..0000000
+++ /dev/null
@@ -1,37 +0,0 @@
-/*
- * Nifty Corners Cube CSS by Alessandro Fulciniti
- * The following classes are added dynamically by javascript,
- * and their use should be avoided in the markup 
- */
-
-b.niftycorners,b.niftyfill{display:block}
-b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
-    overflow:hidden;border-style:solid;border-width: 0 1px}
-/*normal*/
-b.r1{margin: 0 3px;border-width: 0 2px}
-b.r2{margin: 0 2px}
-b.r3{margin: 0 1px}
-b.r4{height: 2px}
-b.rb1{margin: 0 8px;border-width:0 2px}
-b.rb2{margin: 0 6px;border-width:0 2px}
-b.rb3{margin: 0 5px}
-b.rb4{margin: 0 4px}
-b.rb5{margin: 0 3px}
-b.rb6{margin: 0 2px}
-b.rb7{margin: 0 1px;height:2px}
-b.rb8{margin: 0;height:2px}
-b.rs1{margin: 0 1px}
-/*transparent inside*/
-b.t1{border-width: 0 5px}
-b.t2{border-width: 0 3px}
-b.t3{border-width: 0 2px}
-b.t4{height: 2px}
-b.tb1{border-width: 0 10px}
-b.tb2{border-width: 0 8px}
-b.tb3{border-width: 0 6px}
-b.tb4{border-width: 0 5px}
-b.tb5{border-width: 0 4px}
-b.tb6{border-width: 0 3px}
-b.tb7{border-width: 0 2px;height:2px}
-b.tb8{border-width: 0 1px;height:2px}
-b.ts1{border-width: 0 2px}
\ No newline at end of file
diff --git a/webcit/static/rss_browser.css b/webcit/static/rss_browser.css
deleted file mode 100755 (executable)
index 5858a02..0000000
+++ /dev/null
@@ -1,61 +0,0 @@
-/*
- * Copyright 2005 - 2009 The Citadel Team
- * Licensed under the GPL V3
- */
-
-* {
-display: block;
-}
-
-:root {
-margin: 50px;
-}
-
-channel > title {
-font-size: x-large;
-text-align: center;
-}
-
-channel > title:after {
-display: block;
-padding: 50px;
-content: "This is an RSS feed, designed to be read in an RSS application.";
-background-color: grey;
-color: white;
-}
-
-item {
-margin: 25px 0 20px 0;
-}
-
-item > title {
-font-size: medium;
-margin-bottom: 20px;
-}
-
-item > link {
-font-size: small;
-margin-top: 6px;
-margin-bottom: 6px;
-}
-
-item > description {
-font-size: small;
-}
-
-item > pubDate {
-font-size: small;
-}
-
-channel > link,
-channel > copyright, 
-channel > lastBuildDate, 
-channel > generator, 
-channel > docs,
-language,
-lastBuildDate,
-ttl,
-guid,
-category {
-display: none;
-}
diff --git a/webcit/static/rte.css b/webcit/static/rte.css
deleted file mode 100644 (file)
index 40511e8..0000000
+++ /dev/null
@@ -1,41 +0,0 @@
-/*
- * Copyright 2005 - 2009 The Citadel Team
- * Licensed under the GPL V3
- */
-
-.rteImage {
-       background: #D3D3D3;
-       border: 1px solid #D3D3D3;
-       cursor: pointer;
-       cursor: hand;
-}
-
-.rteImageRaised {
-       background: #D3D3D3;
-       border: 1px outset;
-       cursor: pointer;
-       cursor: hand;
-}
-
-.rteImageLowered {
-       background: #D3D3D3;
-       border: 1px inset;
-       cursor: pointer;
-       cursor: hand;
-}
-
-.rteVertSep {
-       margin: 0 4px 0 4px;
-}
-
-.rteBack {
-       background: #D3D3D3;
-       border: 1px outset;
-       letter-spacing: 0;
-       padding: 2px;
-}
-
-.rteBack tbody tr td, .rteBack tr td {
-       background: #D3D3D3;
-       padding: 0;
-}
diff --git a/webcit/static/styles/datepicker.css b/webcit/static/styles/datepicker.css
new file mode 100644 (file)
index 0000000..ec5d2b2
--- /dev/null
@@ -0,0 +1,88 @@
+/**
+ * DatePicker widget using Prototype and Scriptaculous.
+ * (c) 2007 Mathieu Jondet <mathieu@eulerian.com>
+ * Eulerian Technologies
+ *
+ * DatePicker is freely distributable under the same terms as Prototype.
+ *
+ */
+
+div.datepicker {
+ position: absolute;
+ text-align: center;
+ border: 1px #C4D5E3 solid;
+ font-family: arial;
+ background: #FFFFFF;
+ font-size: 10px;
+ padding: 0px;
+ z-index: 4;
+}
+div.datepicker table {
+ font-size: 10px;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ width: 180px;
+}
+div.datepicker table thead tr th {
+ font-size: 12px;
+ font-weight: bold;
+ background: #e9eff4;
+ border-bottom:1px solid #c4d5e3;
+ padding: 0px;
+ margin: 0px;
+}
+div.datepicker table tbody tr {
+ border: 1px white solid;
+ margin: 0px;
+ padding: 0px;
+}
+div.datepicker table tbody tr td {
+ border: 1px #eaeaea solid;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+}
+div.datepicker table tbody tr td:hover,
+div.datepicker table tbody tr td.outbound:hover,
+div.datepicker table tbody tr td.today:hover {
+ border: 1px #c4d5e3 solid;
+ background: #e9eff4;
+ cursor: pointer;
+}
+div.datepicker table tbody tr td.wday {
+ border: 1px #ffffff solid;
+ background: #ffffff;
+ cursor: text;
+}
+div.datepicker table tbody tr td.outbound {
+ background: #e8e4e4;
+}
+div.datepicker table tbody tr td.today {
+ border: 1px #16518e solid;
+ background: #c4d5e3;
+}
+div.datepicker table tbody tr td.nclick,
+div.datepicker table tbody tr td.nclick_outbound {
+ cursor:default; color:#aaa;
+}
+div.datepicker table tbody tr td.nclick_outbound {
+ background:#E8E4E4;
+}
+div.datepicker table tbody tr td.nclick:hover,
+div.datepicker table tbody tr td.nclick_outbound:hover {
+ border: 1px #eaeaea solid;
+ background: #FFF;
+}
+div.datepicker table tbody tr td.nclick_outbound:hover {
+ background:#E8E4E4;
+}
+div.datepicker table tfoot {
+ font-size: 10px;
+ background: #e9eff4;
+ border-top:1px solid #c4d5e3;
+ cursor: pointer;
+ text-align: center;
+ padding: 0px;
+}
+
diff --git a/webcit/static/styles/iconbaricns.css b/webcit/static/styles/iconbaricns.css
new file mode 100644 (file)
index 0000000..c65dfd7
--- /dev/null
@@ -0,0 +1,59 @@
+/*
+ * $Id: iconbaricns.css 7193 2009-03-07 17:24:58Z dothebart $
+ * Copyright 2005 - 2009 The Citadel Team
+ * Licensed under the GPL V3
+ *
+ * Styles for the WebCit Iconbar.
+ *
+ */
+
+.ib_button {
+    min-height: 32px;
+    background-repeat: no-repeat !important;
+    vertical-align: middle;
+}
+.ib_button_link {
+    padding-top: 6px;
+    padding-left: 35px;
+    height: 100%;
+    min-height: 25px; /* Makes all of the 'button' to be clickable */
+}
+#ib_summary {
+    background-image: url("/static/summscreen_32x.gif");
+}
+#ib_inbox {
+    background-image: url("/static/privatemess_32x.gif");
+}
+#ib_calendar {
+    background-image: url("/static/calarea_32x.gif");
+}
+#ib_contacts {
+    background-image: url("/static/viewcontacts_32x.gif");
+}
+#ib_notes {
+    background-image: url("/static/storenotes_32x.gif");
+}
+#ib_tasks {
+    background-image: url("/static/taskmanag_32x.gif");
+}
+#ib_rooms {
+    background-image: url("/static/chatrooms_32x.gif");
+}
+#ib_users {
+    background-image: url("/static/usermanag_32x.gif");
+}
+#ib_chat {
+    background-image: url("/static/citadelchat_32x.gif");
+}
+#ib_advanced, #ib_admin {
+    background-image: url("/static/advanpage2_32x.gif");
+}
+#ib_aide {
+    background-image: url("/static/advanpage2_32x.gif");
+}
+#ib_logoff {
+    background-image: url("/static/logoff_32x.gif");
+}
+#citlogo {
+    display: block !important;
+}
diff --git a/webcit/static/styles/iconbarpiconly.css b/webcit/static/styles/iconbarpiconly.css
new file mode 100644 (file)
index 0000000..3bee21a
--- /dev/null
@@ -0,0 +1,20 @@
+/*
+ * $Id: iconbaricns.css 7193 2009-03-07 17:24:58Z dothebart $
+ * Copyright 2005 - 2009 The Citadel Team
+ * Licensed under the GPL V3
+ *
+ * Styles for the WebCit Iconbar in textonly mode.
+ *
+ */
+
+@import url("/static/iconbaricns.css");
+
+.ib_button {
+    width: 35px;
+}
+.ib_button_link {
+    padding-left: 0;
+}
+.ib_button_link span {
+    display: none;
+}
\ No newline at end of file
diff --git a/webcit/static/styles/mobile.css b/webcit/static/styles/mobile.css
new file mode 100644 (file)
index 0000000..41da559
--- /dev/null
@@ -0,0 +1,70 @@
+/*
+ * Copyright 2005 - 2009 The Citadel Team
+ * Licensed under the GPL V3
+ * styles for mobile clients
+ */
+body {
+}
+#button li {
+       display: inline; 
+       padding-right: 5px;
+}
+#button li img {
+       display: none;
+}
+img {
+       border: none;
+       text-decoration: none;
+}
+#message_list div div {
+       border-bottom: 1px dotted black;
+       padding: 5px 5px 5px 5px;
+       /* background-color: white; */
+}
+.subject {
+       color: gray;
+}
+body[orient="portrait"] {
+       max-width: 320px;
+}
+body {
+       font-family: sans-serif;
+       font-size: 11px;
+}
+.msgview {
+       display: none;
+       background-color: white !important;
+}
+.message_content {
+    background-color: white;
+}
+#login_form label, #login_form input, #login_form select, #login_form div{
+       display: list-item;
+       text-align: center !important;
+       margin: 0px auto;
+}
+#navbar ul li {
+       display: inline;
+       padding-right: 5px;
+}
+#navbar ul li img {
+       vertical-align: middle;
+}
+#navbar ul li a {
+       text-decoration: none;
+}
+.sticky {
+    background-color: gray;
+    border: 1px solid black;
+    width: 100%;
+}
+#vcontent {
+}
+.roomname {
+       background-color: #022750;
+       color: white;
+       border-radius: 5px;
+}
+.roomname img{
+       vertical-align: middle;
+}
diff --git a/webcit/static/styles/niftyCorners.css b/webcit/static/styles/niftyCorners.css
new file mode 100644 (file)
index 0000000..979993f
--- /dev/null
@@ -0,0 +1,37 @@
+/*
+ * Nifty Corners Cube CSS by Alessandro Fulciniti
+ * The following classes are added dynamically by javascript,
+ * and their use should be avoided in the markup 
+ */
+
+b.niftycorners,b.niftyfill{display:block}
+b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
+    overflow:hidden;border-style:solid;border-width: 0 1px}
+/*normal*/
+b.r1{margin: 0 3px;border-width: 0 2px}
+b.r2{margin: 0 2px}
+b.r3{margin: 0 1px}
+b.r4{height: 2px}
+b.rb1{margin: 0 8px;border-width:0 2px}
+b.rb2{margin: 0 6px;border-width:0 2px}
+b.rb3{margin: 0 5px}
+b.rb4{margin: 0 4px}
+b.rb5{margin: 0 3px}
+b.rb6{margin: 0 2px}
+b.rb7{margin: 0 1px;height:2px}
+b.rb8{margin: 0;height:2px}
+b.rs1{margin: 0 1px}
+/*transparent inside*/
+b.t1{border-width: 0 5px}
+b.t2{border-width: 0 3px}
+b.t3{border-width: 0 2px}
+b.t4{height: 2px}
+b.tb1{border-width: 0 10px}
+b.tb2{border-width: 0 8px}
+b.tb3{border-width: 0 6px}
+b.tb4{border-width: 0 5px}
+b.tb5{border-width: 0 4px}
+b.tb6{border-width: 0 3px}
+b.tb7{border-width: 0 2px;height:2px}
+b.tb8{border-width: 0 1px;height:2px}
+b.ts1{border-width: 0 2px}
\ No newline at end of file
diff --git a/webcit/static/styles/rss_browser.css b/webcit/static/styles/rss_browser.css
new file mode 100644 (file)
index 0000000..5858a02
--- /dev/null
@@ -0,0 +1,61 @@
+/*
+ * Copyright 2005 - 2009 The Citadel Team
+ * Licensed under the GPL V3
+ */
+
+* {
+display: block;
+}
+
+:root {
+margin: 50px;
+}
+
+channel > title {
+font-size: x-large;
+text-align: center;
+}
+
+channel > title:after {
+display: block;
+padding: 50px;
+content: "This is an RSS feed, designed to be read in an RSS application.";
+background-color: grey;
+color: white;
+}
+
+item {
+margin: 25px 0 20px 0;
+}
+
+item > title {
+font-size: medium;
+margin-bottom: 20px;
+}
+
+item > link {
+font-size: small;
+margin-top: 6px;
+margin-bottom: 6px;
+}
+
+item > description {
+font-size: small;
+}
+
+item > pubDate {
+font-size: small;
+}
+
+channel > link,
+channel > copyright, 
+channel > lastBuildDate, 
+channel > generator, 
+channel > docs,
+language,
+lastBuildDate,
+ttl,
+guid,
+category {
+display: none;
+}
diff --git a/webcit/static/styles/rte.css b/webcit/static/styles/rte.css
new file mode 100644 (file)
index 0000000..40511e8
--- /dev/null
@@ -0,0 +1,41 @@
+/*
+ * Copyright 2005 - 2009 The Citadel Team
+ * Licensed under the GPL V3
+ */
+
+.rteImage {
+       background: #D3D3D3;
+       border: 1px solid #D3D3D3;
+       cursor: pointer;
+       cursor: hand;
+}
+
+.rteImageRaised {
+       background: #D3D3D3;
+       border: 1px outset;
+       cursor: pointer;
+       cursor: hand;
+}
+
+.rteImageLowered {
+       background: #D3D3D3;
+       border: 1px inset;
+       cursor: pointer;
+       cursor: hand;
+}
+
+.rteVertSep {
+       margin: 0 4px 0 4px;
+}
+
+.rteBack {
+       background: #D3D3D3;
+       border: 1px outset;
+       letter-spacing: 0;
+       padding: 2px;
+}
+
+.rteBack tbody tr td, .rteBack tr td {
+       background: #D3D3D3;
+       padding: 0;
+}
diff --git a/webcit/static/styles/webcit-tinymce.css b/webcit/static/styles/webcit-tinymce.css
new file mode 100644 (file)
index 0000000..38b1042
--- /dev/null
@@ -0,0 +1,2 @@
+/* styles applied to the TinyMCE editor component when used in WebCit */
+
diff --git a/webcit/static/styles/webcit.css b/webcit/static/styles/webcit.css
new file mode 100644 (file)
index 0000000..1312bc1
--- /dev/null
@@ -0,0 +1,1782 @@
+/*
+ * Copyright 2005 - 2010 The Citadel Team
+ * Licensed under the GPL V3
+ */
+
+@import url("datepicker.css");
+@media print {
+       input#toggler, .toolbar { display: none }
+}
+
+/* Typography & colors */
+
+html { font-size: 100%;}
+
+body { font-size: 100%;}
+
+#banner h1 { font-size: 160%; }
+
+#banner h2,#banner .titlebar, .address_book_popup_title {
+       font-size: 130%;
+}
+
+#button, #content .msgbuttons a, .button_link a, input#delbutton,.attachfile,.logbuttons input,.buttons input, .buttons a, .customize, .menubar_link, .roomlist_floor, .ib_roomlist_floor, .roomlist_new, .ib_roomlist_new, .roomlist_old, .ib_roomlist_old, #banner ul.room_actions li, .selector_top, .selector_bottom, .banner .infos,li.search,li.view, .room_actions form select option, .selectbox, .message_header, ul.adminitems li span, #message_list tr > td {
+       font-size: 100%;
+}
+
+#nummsgs {
+       font-size: 75%;
+}
+
+#message_list_hdr table {
+       font-size: 80%;
+}
+
+#navbar {
+       font-size: 75%;
+       position: absolute;
+       bottom: 0;
+       width: 100%;
+}
+
+.mailbox_summary {
+       font-size: 80%;
+}
+
+#online_users li a {
+       font-size: 80% !important;
+}
+.marked_row {
+       color: white;
+}
+
+/* Color */
+
+body {
+       background-color: #6C91A6;
+       font-family: sans-serif;
+}
+
+#iconbar_container, .boxcontent,.service form div,table.altern .odd, #message_list, .message_content, #roomlist_div,.editednode,.mailbox_summary, .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background, .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .wiki_history_background, .wiki_pagelist_background, .downloads_background, .vcard_edit_background, div.auto_complete, div.auto_complete ul, #summary_view {
+       background-color: #FFF;
+       color: #000;
+}
+
+#login_form, #message_list_hdr table, #resize_msglist, .message, .message_header, .vcard_edit_background_alt,.roomops_background_alt {
+       background-color: #CCC;
+}
+
+.box, #online_users li.inactiveuser a {
+       background-color: transparent;
+}
+
+.banner .infos {
+       cursor: help;
+}
+
+.login_message {
+       color: #AD1C00;
+       font-weight: 700;
+       text-transform: uppercase;
+}
+
+.ib_button, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart, .iconbar_text{
+       background-color: #F0FFFF;
+       color: #333;
+} 
+#online_users:hover { /* separate in order for override */
+       background-color: #F0FFFF !important;
+       color: #333 !important;
+}
+#iconbar #button {
+       border: none;
+       list-style: none;
+}
+
+.ib_button {
+       font-size: 80%;
+}
+
+#room_infos, #address_book_popup, .mimepart, .room_actions form select {
+       border: 1px solid #333;
+       overflow: scroll;
+}
+
+
+.buttons a,.roomlist_floor,.tablabel,.treetitle {
+       color: #000;
+       font-weight: 700;
+}
+
+.ib_button {
+       border: none;
+       border-bottom: 2px groove #CCC;
+       border-right: 2px groove #CCC;
+}
+
+.logo_citadel a,.logo_citadel img {
+       border: none;
+}
+
+.logo,.logo_citadel, .iconbar_text {
+       border: none;
+       border-bottom: 1px solid #AAA;
+}
+
+.ib_button_link, .ib_button_link:visited, .ib_button_link:link, #online_users a {
+       color: #000;
+       text-decoration: none;
+}
+
+#online_users li {
+       border: none;
+       border-top: 1px solid #AAA;
+}
+
+#banner h1,#banner h2,.mimepart div,.required {
+       font-weight: 700;
+}
+
+#banner ul.room_actions li.start_page a, #navbar, .selector_top,.selector_bottom {
+       background-color: #022750;
+       border-top: 1px solid black;
+       border-bottom: 1px solid black;
+       color: #FFF;
+}
+
+.start_page {
+       font-size: 60%;
+}
+
+#banner {
+       background-color: #004E79;
+       color: #FFF;
+       margin: 0;
+       padding: 0;
+       top: 0;
+       height: 120px;          /* when changing this, also change #content */
+       position: fixed;
+       width: 84%;             /* when changing this, also change #iconbar and #content */
+       left: 16%;              /* when changing this, also change #iconbar and #content */
+       z-index: 3;
+       overflow: hidden;
+}
+
+#banner a {
+       color: #FFF
+}
+
+.room_actions form select {
+       cursor: pointer;
+}
+
+#content {
+       position: fixed;
+       top: 120px;             /* when changing this, also change #banner and #iconbar */
+       left: 16%;              /* when changing this, also change #banner and #iconbar */
+       bottom: 0;
+       width: 84%;             /* when changing this, also change #banner and #iconbar */
+       background-color: #6C91A6;
+       color: #000;
+       z-index: 2;
+       overflow-y: auto;
+}
+
+#message_list_hdr form input {
+       border: 0;
+}
+
+#message_list_hdr select {
+       background-color: #AD1C00;
+       border: 1px solid #6C91A6;
+}
+
+#message_list_hdr table {
+       font-style: italic;
+}
+
+#resize_msglist {
+       background-image: url(/static/resizegrippy.gif);
+       background-position: center;
+       background-repeat: no-repeat; 
+}
+
+#resize_msglist hr {
+       background-color: #999;
+       border: 0;
+       color: #999;
+       height: 3px;
+}
+
+.message {
+       border: 1px outset #999;
+       clear: both;
+}
+
+.message_header .message_subject {
+       font-style: italic;
+       float: left;    
+}
+
+.adminlist {
+       list-style: none;
+}
+
+.customize {
+       background-color: #DDC;
+       color: #004;
+       font-style: italic;
+}
+
+.default {
+       font-style: normal;
+       text-decoration: underline;
+}
+
+.editednodeinput {
+       background-color: #FFF;
+       border: 1px solid #000;
+       color: #000;
+       height: 17px;
+       width: 150px;
+}
+
+.error a:link, .error a:visited, .error a:active {
+       background: none;
+       color: #DC143C;
+       text-decoration: underline;
+}
+
+.error strong {
+       background: #FFD700;
+       color: #DC143C;
+       text-decoration: none;
+}
+
+.error strong a:link,.error strong a:visited,.error strong a:active {
+       background: #FFD700;
+       color: #DC143C;
+}
+
+.errormsg {
+       background: none;
+       color: #A00;
+       font-style: italic;
+       font-weight: 700;
+}
+
+.floors_config, .roomops_zap {
+       background-color: #700;
+       border: 0;
+}
+
+.ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old {
+       cursor: pointer;
+}
+
+.ib_roomlist_floor, .roomlist_new, .ib_roomlist_new {
+       font-weight: 700;
+}
+
+.ib_roomlist_floor {
+       color: #000;
+}
+
+.roomlist_new, .ib_roomlist_new {
+       color: #800;
+}
+
+.roomlist_old, .ib_roomlist_old {
+       color: #008;
+}
+
+.imsg {
+       background: none;
+       color: #AAA;
+       font-style: italic;
+       font-weight: 700;
+}
+
+.menubar_bg {
+       background-color: red;
+}
+
+.mimepart div span {
+       display: block;
+       font-style: italic;
+}
+
+.mimepart dl dd, .mimepart dl dt {
+       border-top: 1px solid #AAA;
+}
+
+.mailbox_summary td {
+       /* border-top: 1px solid #AAA; */
+       white-space: nowrap;
+       overflow: hidden;
+}
+
+.mimepart dl dt {
+       font-weight: 700;
+}
+
+.roomops_cell_label,.boxlabel,.tab_cell_label {
+       background-color: #FF7814;
+       color: #FFF;
+       font-weight: 700;
+}
+
+.selectbox {
+       background-color: #FF8000;
+}
+
+.tab_cell, .tab_cell_edit {
+       background-color: #CCC;
+       font-weight: 700;
+}
+
+.tabcontent {
+       background-color: #FFF;
+       border-top: 3px solid #FF7814;
+}
+
+.treetitleselectedblured {
+       background-color: menu;
+       color: windowtext;
+}
+
+.treetitleselectedfocused {
+       background-color: highlight;
+       color: highlighttext;
+}
+
+.warning a:link, .warning a:visited, .warning a:active, .warning {
+       background: none;
+       color: #FF4500;
+}
+
+.warning, .warning strong {
+       text-decoration: none;
+}
+
+.warning a:link,.warning a:visited,.warning a:active {
+       text-decoration: underline;
+}
+
+.warning strong {
+       background: #FFD700;
+       color: #FF4500;
+}
+
+.warning strong a:link,.warning strong a:visited,.warning strong a:active {
+       background: #FFD700;
+       color: #FF4500;
+}
+
+blockquote {
+       background-color: #f5f5f5 !important;
+       color: navy !important;
+}
+
+blockquote blockquote {
+       background-color: #ebebeb !important;
+       color: maroon !important;
+}
+
+blockquote blockquote blockquote {
+       background-color: #e1e1e1 !important;
+       color: green !important;
+}
+
+blockquote blockquote blockquote blockquote {
+       background-color: #d7d7d7 !important;
+       color: purple !important;
+}
+
+blockquote blockquote blockquote blockquote blockquote {
+       background-color: #cdcdcd !important;
+       color: teal !important;
+}
+
+blockquote pre {
+       margin-left: 1%;
+       margin-right: 1%;
+}
+
+div.auto_complete ul {
+       background: #fff;
+       border: 1px solid #888;
+       list-style-type: none;
+}
+
+div.auto_complete ul li.selected {
+       background-color: #ffc;
+}
+
+div.auto_complete ul strong.highlight {
+       color: #800;
+}
+
+table.altern {
+       border-bottom: solid 2px #AAA;
+       border-top: solid 2px #AAA;
+}
+
+table.altern .even {
+       background-color: #DDD;
+}
+
+td li.frameset,.elements li.frameset {
+       background: none;
+       color: gray;
+       font-weight: lighter;
+}
+
+td li.transitional,.elements li.transitional {
+       background: none;
+       color: #696969;
+       font-weight: lighter;
+}
+
+ul.adminitems {
+       list-style-type: disc;
+       padding: 0;
+}
+
+ul.adminitems li {
+       font-weight: 700;
+}
+
+ul.adminitems li span {
+       color: #666;
+}
+
+var sub {
+       font-style: normal;
+}
+
+.calendar {
+       background-color: #204B78;
+}
+
+.week_of_year {
+       background-color: #e1e1e1;
+       font-size: 70%; 
+}
+
+.day {
+       font-weight: 700;
+}
+
+.calout {
+       background-color: #DDDDDD;
+}
+
+.calday {
+       background-color: #FFFFFF;
+}
+
+.calweekend {
+       background-color: #EEEECC;
+}
+
+.caltoday {
+       background-color: #EEEEFF;
+}
+
+.current_sort_mode {
+       background-color: white;
+}
+.marked_row {
+       background-color: #69aaff !important;
+}
+#loading {
+       background-color: white;
+}
+/* Message list in mailbox/summaryview */
+.table-row {
+       background-color: white;
+}
+
+.table-alt-row {
+       background-color: #DDDDDD;
+}
+
+/* Links */
+
+a {
+       text-decoration: none;
+}
+
+a:active {
+       color: #AD1C00;
+}
+
+a:link {
+       color: blue;
+}
+
+a:visited {
+       color: purple;
+}
+
+#customize a:active, #customize a:link, #customize a:visited {
+       color: black;
+}
+
+#important_message, .buttons a:hover, .msgbuttons a:hover, #button li:hover, #online_users li a:hover, #navbar ul li a:hover, #ib_logoff:hover {
+       background-color: #AD1C00;
+       color: #FFF;
+} /* input:hover as well?? */
+
+.button_link a, input, select, #login_form #uname, #login_form #pname, li.activeuser, .room_actions form select, .room_actions li.search input, .address_book_popup_title, .msgbuttons a, input#delbutton,.attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
+       background-color: #fbf4ca !important; /* needed for li.activeuser */
+}
+
+.button_link a, input, select, #login_form #uname, #login_form #pname, .room_actions form select, .room_actions li.search input, .address_book_popup_title, .msgbuttons a, input#delbutton,.attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
+       border: 1px solid #999;
+       color: #333;
+}
+
+.button_link a, .msgbuttons a, input#delbutton,.attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
+       cursor: pointer;
+       -moz-border-radius: 8px;    /* CSS3 draft and Mozilla  */
+       text-align: center;
+}
+
+.button_link a, .attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
+       font-weight: bold;
+}
+
+.msgbuttons a, input#delbutton {
+       font-weight: normal;
+}
+
+/* Layout */
+
+* html {
+       overflow: hidden;
+}
+html {
+       overflow: auto;
+}
+body {
+       height: 100%;
+       overflow: hidden;
+       text-align: center;
+}
+
+body, #global {
+       margin-left: 0;
+       padding: 0;
+}
+
+#global {
+       position: absolute;
+       bottom: 0;
+       top: 0;
+       right: 0;
+       left: 0;
+       overflow-y: hidden;
+}
+
+#important_message {
+       position: absolute;
+       top: 0; 
+       right: 0;
+       z-index: 4;
+       padding: 3px;
+}
+
+#hellomsg, .fmout, .nomsgs {
+       text-align: center;
+}
+
+.moreprompt {
+       text-align: center;
+       font-size: 100%;
+       background-color: #004E79;
+       color: #dddddd;
+}
+
+.moreprompt_link {
+       color: #dddddd;
+       font-weight: bold;
+}
+
+.moreprompt_link:hover {
+       background-color: #AD1C00;
+       color: #FFF;
+}
+
+#login_screen, #logout_screen {
+       position: fixed;
+       margin: 0px;
+       top: 0px;
+       left: 0px;
+       bottom: 0px;
+       right: 0px;
+       padding: 3% 6% 3% 6%;
+       overflow: auto;
+}
+
+#convlogin, #validate {
+       text-align: center;
+}
+
+#iconbar, #banner, #content, #message_list_hdr, #message_list, #preview_pane  {
+       text-align: left;
+}
+
+.message_content > div > div {
+       text-align: justify !important;
+}
+
+#iconbar {
+       position: absolute;
+       top: 0;
+       left: 0;
+       bottom: 0;
+       width: 16%;             /* when changing this, also change #banner width */
+       z-index: 0;
+       overflow: auto;
+       overflow-x: hidden !important;
+}
+
+/* Please avoid setting heights for any of the mailbox view elements (except summary_view
+ * and resize). In particular, do NOT set any for message_list_hdr as its not good feng shui
+ */
+
+#message_list_hdr {
+       display: block;
+       top: 0;
+       left: 0;
+       width: 100%;
+       padding-bottom: 0;
+       margin-bottom: 0;
+       background-color: #CCCCCC;
+}
+
+#summary_view {
+       height: 100px;
+       overflow-y: scroll;
+       overflow-x: hidden;
+       cursor: pointer;
+}
+
+#summary_headers {
+       background-color: white;
+       width: 100%;
+       table-layout: fixed;
+}
+
+#summary_headers tr td {
+       overflow-y: hidden;
+       overflow-x: hidden; /* stop long subjects overflowing */
+}
+
+.col1 {
+       width: 50%;
+}
+
+.col2 { 
+       width: 30%;
+}
+
+.col3 {
+       width: 20%;
+}
+
+.col1, .col2, .col3 {
+       cursor: pointer;
+       text-overflow: ellipsis;
+       -o-text-overflow: ellipsis;
+}
+
+.new_message {
+       font-weight: bold; !important;
+}
+
+#loading {
+       text-align: center;
+}
+
+#resize_msglist {
+       width: 100%;
+       overflow: hidden;
+       cursor: s-resize;
+       height: 6px;
+}
+
+#preview_pane {
+       overflow: auto; 
+}
+
+.fix_scrollbar_bug {
+       margin-right: 1px;              /* Gecko and other non-broken browsers */
+       font-size: 90%;                 /* Most stuff needs to be a little smaller than normal. */
+}
+
+/* Boxes */
+
+.box {
+       width: 100%;
+       padding: 0;
+       margin: 0;
+}
+
+#content .boxlabel, #global .boxlabel {
+       margin: 0;
+       padding: 0;
+       width: 100%;
+       text-align: center;
+}
+
+#content .box {
+       margin: 0;
+       padding: 0;
+       width: 100%;
+       text-align: center;
+}
+
+.boxlabel, .boxcontent {
+       margin: 0;
+}
+
+.boxlabel {
+       text-align: center;
+       padding: 0;
+}
+
+.boxcontent {
+       text-align: left;
+       padding: 5px;
+}
+
+.ctdlTemplate {
+       display: none;
+}
+
+#ctdlContextMenu {
+       position: fixed;
+       background-color: white;
+       border: 1px solid black;
+}
+
+.draganddrop {
+       position: fixed;
+       display: block;
+       border: 1px solid black;
+       z-index: 65535;
+       background-color: white;
+       text-align: left;
+       opacity: 0.9;
+}
+
+.draganddrop > ul {
+       list-style: none;
+       padding-left: 0;
+       margin-left: 0;
+}
+
+.hidden {
+       display: none;
+}
+
+/* Login */
+
+#login_screen .login_message, #login_screen .login_image, .login_hello, #login_screen #login_form {
+       display: block;
+       margin: 5px auto 5px auto;
+}
+
+#login_screen .login_message, .login_hello, #global center {
+       width: 80%;
+}
+
+#login_screen .login_image {
+       width: 135px;
+}
+
+#login_screen .login_image img {
+       text-align: center;
+}
+
+#login_screen #login_form {
+       padding: 10px;
+       width: 330px;
+}
+
+#login_form input, #login_form label, #login_form select {
+       display: block;
+       float: left;
+       margin: 6pt;
+}
+
+#login_form label, #pname, #uname {
+       width: 130px;
+       text-align: left;
+}
+
+#login_form br {
+       clear: left;
+}
+
+.login_infos {
+       display: block;
+       margin: 20px auto 0 auto;
+       width: 80%;
+       text-align: left;
+}
+
+
+/* Iconbar */
+
+.logo, .logo_citadel, #iconbar #button, .iconbar_text, .ib_button {
+       margin: 0;
+       padding: 0;
+}
+
+.logo, #citlogo, .iconbar_text, #online_users li {
+       text-align: center;
+}
+
+.iconbar_text > span {
+       cursor: pointer;
+}
+
+#iconbar #button {
+       width: 100%;
+}
+
+.ib_button {
+       margin: 4px 8px 4px 8px;
+       padding: 0;
+       display: block;
+}
+
+.ib_button_link {
+       /* width: 100%; */
+       display: block;
+}
+
+#online_users {
+       display: none; /* Hide by default */
+       border: 0;
+       max-height: 200px;
+       overflow: auto;
+       padding-left: 0;
+} 
+#online_users li {
+       list-style: none;
+       margin: 0;
+       padding: 2px;
+       white-space: nowrap;
+}
+
+
+.ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old, .roomlist_floor, .roomlist_new, .roomlist_old {
+       margin: 4px;
+       padding: 0;
+}
+
+/* Banner */
+#banner .banner {
+       display: table-cell;
+       width: 90%;
+}
+
+#banner .banner img {
+       float: left;
+       margin: 0 5px 15px 0;
+}
+
+#banner h1, #banner h2, #banner .banner .infos, #banner .banner p {
+       margin: 2px;
+       padding: 0;
+}
+
+#room_infos {
+       position: absolute;
+       top: 0;
+       left: 50%;
+       width: 45%;
+       z-index: 10;
+       cursor: pointer;
+       text-align: left;
+       padding: 10px 2px 2px 2px;
+}
+
+#room_infos img.close_infos {
+       float: right;
+}
+
+#actiondiv {
+       position: absolute;
+       right: 0;
+       top: 0;
+}
+
+#banner ul.room_actions {
+       list-style: none;
+       text-align: left;
+}
+#banner ul.room_actions li {
+       white-space: nowrap;
+       display: inline;
+}
+#banner ul.room_actions li form {
+       margin: 0;
+       padding: 0;
+}
+#banner ul.room_actions li select, #banner ul.room_actions li input {
+       margin-top: 8px;
+       margin-right: 4px;
+}
+#selectpage.hidden {
+       display: none !important;
+}
+
+/* Navbar */
+
+#navbar ul, .selector_top, .selector_bottom {
+       width: 100%;
+       margin: 0 auto 0 auto;
+       padding: 0;
+       white-space: nowrap;
+       text-align: center;
+       vertical-align: middle;
+}
+
+#navbar ul li {
+       display: inline;
+       list-style: none;
+       vertical-align: middle;
+}
+
+#navbar ul li a {
+       padding: 2px 8px 8px 8px;
+       white-space: nowrap;
+}
+
+#navbar ul li img {
+       float: none;
+       margin: 0 2px 0 2px;
+}
+
+.floor {
+       margin-left: 0px;
+}
+
+.floor > ul {
+       display: none;
+}
+
+.floor-expanded > ul{
+       display: block !important;
+}
+
+#roomlist > ul {
+       margin: 0;
+       padding: 0;
+}
+
+#roomlist > div > ul > li {
+       margin: 0;
+       padding: 0;
+}
+
+/* Override to disable list-style-image" */
+.room a, .room a, .room a:visited, .room a:link {
+       color: #333333;
+}
+
+.room-private {
+       list-style-image: url("/static/privatemess_16x.gif");
+}
+
+.room-addr {
+       list-style-image: url("/static/viewcontacts_16x.gif");
+}
+
+.room-cal {
+       list-style-image: url("/static/calarea_16x.gif");
+}
+
+.room-tasks {
+       list-style-image: url("/static/taskmanag_16x.gif");
+}
+
+.room-notes {
+       list-style-image: url("/static/storenotes_16x.gif");
+}
+
+.room-chat {
+       list-style-image: url("/static/chatrooms_16x.gif");
+}
+
+.room-newmsgs {
+       font-weight: bold;
+}
+
+.room-emphasized {
+       text-decoration: underline;
+}
+
+/* Content */
+
+.boxcontent table {
+       margin: 0;
+       padding: 0;
+}
+
+#content table .box {
+       margin: 0;
+       width: 100%;
+       text-align: left;
+}
+
+.service, .who_is_online {
+       text-align: center;
+       width: 100%;
+}
+
+.service table {
+       margin: 0 auto 0 auto;
+       width: 100%;
+       text-align: left;
+}
+
+.instructions {
+       text-align: center;
+}
+
+#message_list_hdr table {
+       width: 100%;    
+}
+.selector_top, .selector_bottom {
+       text-align: center;
+}
+
+.selector_top p,.selector_bottom p {
+       margin: 0;
+       padding: 2px;
+}
+
+.message {
+       margin: 1%;
+       padding: 0;
+}
+
+.message_header p {
+       margin: 2px 0 2px 0;
+       padding: 0 0 2px 0;
+}
+
+.button_link a, .attachfile, .logbuttons input,.buttons input, .send_edit_msg input, .logbutton {
+       margin: 3px;
+       padding: 2px 4px 2px 4px;
+}
+
+.msgbuttons a, input#delbutton {
+       margin: 0 3px 0 3px;
+       padding: 2px 4px 2px 4px;
+}
+
+
+.mimepart {
+       margin-top: 15px;
+       margin-bottom: 15px;
+       margin-left: 15%;
+       width: 70%;
+       padding: 0;
+}
+
+.mimepart img {
+       vertical-align: middle;
+       float: left;
+}
+
+.mimepart div {
+       vertical-align: middle;
+       margin: 0 0 15px 0 ;
+       padding: 5px;
+}
+
+.mimepart div span {
+       vertical-align: top;
+}
+
+.mimepart dl {
+       width: 100%;
+       margin-left: 5px;
+       padding: 5px;
+}
+
+.mimepart dl dt {
+       width: 30%;
+       float: left;
+       margin: 0 0 0 0;
+       padding: .5em;
+}
+
+.mimepart dl dd {
+       float: left;
+       width: 62%;
+       margin: 0;
+       padding: .5em;
+}
+
+.mimepart p {
+       margin-top: 1em;
+       margin-bottom: 0;
+       clear: both;
+}
+
+.msgbuttons {
+       float: right;
+       visibility: hidden;
+       padding: 2px;
+       font-size: 80%;
+}
+
+.buttons a {
+       text-align: center;
+}
+
+.msgbuttons a span {
+       display: none;
+}
+
+.message_content {
+       margin: 0;
+       padding: 0.3em;
+       clear: both;
+}
+
+.message form div label {
+       display: block;
+       float: left;
+       margin: 0.3em;
+       width: 9em;
+       text-align: right;
+}
+
+.message form div input, .message form div select {
+       margin: 0.3em;
+
+}
+
+.imgedit {
+       vertical-align: middle;
+}
+
+.send_edit_msg {
+       float: right;
+       margin-top: 0 ;
+       margin-right: 0;
+       padding: 2px 50px 2px 50px;
+}
+
+.edit_msg_table th {
+       text-align: right;
+       padding-right: 5px;
+       color: #333;
+       width: 20%;
+}
+
+.edit_msg_table td { 
+       width: 40%;
+}
+
+.edit_msg_table #recp_id, .edit_msg_table #cc_id, .edit_msg_table #bcc_id, .edit_msg_table #subject_id  {
+       width: 98%
+}
+
+.note {
+       font-size: 85%;
+       margin-left: 10%;
+}
+
+.toolbar {
+       text-align: center;
+}
+
+.toolbar img {
+       float: right;
+}
+
+.imsg {
+       text-align: center;
+}
+
+colgroup.entity {
+       text-align: center;
+}
+
+div.auto_complete ul {
+       margin: 0;
+       padding: 0;
+       width: 100%;
+}
+
+div.auto_complete ul li {
+       margin: 0;
+       padding: 3px;
+}
+
+div.auto_complete ul strong.highlight {
+       margin: 0;
+       padding: 0;
+}
+
+.auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background, .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background, .vcard_edit_background_alt, .roomops_background_alt, .floors_config, .roomops_zap  {
+ width: 100%;
+}
+
+#address_book_popup {
+       position: absolute;
+       top: 100px;
+       right: 25px;
+       width: 320px;
+       height: auto;
+       z-index: 100;
+       display: none;
+}
+
+#address_book_popup_container_div {
+       position: relative;
+       width: 100%;
+       height: 100%;
+}
+
+#address_book_popup_middle_div {
+       position: relative;
+}
+
+#address_book_inner_div {
+       margin: 5px;
+}
+
+#address_book_inner_div select {
+       width: 100%;
+}
+
+#address_book_inner_div input {
+       margin: 4px 5px 0 5px;
+}
+
+.service .edit_col, .service .host_col {
+       display: none;
+}
+
+.who_is_online .edit_col, .who_is_online .host_col {
+       display: block;
+}
+
+#citlogo {
+       display: none; /* Overriden later */
+}
+
+.sort_ascending, .sort_descending {
+       background-repeat: no-repeat;
+       background-position: center right;
+}
+
+.sort_ascending {
+       background-image: url("/static/down_pointer.gif");
+}
+
+.sort_descending {
+       background-image: url("/static/up_pointer.gif");
+}
+
+#message_list_hdr > table {
+       border-collapse: collapse;
+}
+
+#message_list_hdr > table > tbody > tr > th {
+       border-left: 2px solid white;
+       border-right: 2px solid white;
+}
+
+#summary_view > table { 
+       border-collapse: collapse;
+}
+
+th.col1 {
+       border-left: none !important;
+}
+
+th.col3 {
+       border-right: none !important;
+}
+
+/* System Administration Menu */
+
+ul.adminitems {
+       margin: 15px;
+       padding: 0;
+}
+
+ul.adminitems li {
+       margin: 0.5em;
+       padding: 0;
+}
+
+ul.adminitems li span {
+       display: block;
+}
+
+
+/* Room list - Tree Node */
+
+.treetitle, .editednode, .treetitleselectedfocused, .treetitleselectedblured {
+       padding: 2px;
+       cursor: default;
+}
+
+table.altern {
+       margin: 0 auto 0 auto;
+       width: 98%
+} 
+
+table.altern tr td {
+       height: 2em;    
+} 
+
+/* Advanced menu */
+
+table.advanced {
+       margin: 0 auto 0 auto;
+       width: 96%;
+       border-collapse: separate;
+       border-spacing: 15px;
+} 
+
+.advanced .boxcontent ul {
+       margin-left: 4em;
+}
+
+.advanced .boxcontent .col1, .advanced .boxcontent .col2 { 
+       float: left;
+       width: 33%;
+}
+
+.advanced .boxcontent .col2, .advanced .boxcontent .lastcol {
+       margin-left: 0;
+       margin-bottom: 4em;
+}
+
+/* Site configuration */
+
+#TheTabs {
+}
+
+.tabs_background {
+       margin-top: 0;
+}
+
+/* Links and buttons */
+
+.logbuttons, .buttons {
+       margin: 2px auto 2px auto;
+       width: 96%;
+       text-align: center;
+}
+
+/* Tabs */
+
+#TheTabs {
+       margin: 3% auto 0 auto;
+       width: 94%;
+}
+
+ul.tabbed_dialog {
+       list-style: none;
+       margin: 3% auto 0 auto;
+       width: 96%;
+       padding: 0;
+       white-space: nowrap;
+       text-align: center;
+       vertical-align: middle;
+}
+
+ul.tabbed_dialog li {
+       margin: 0 3% 0 3%;
+       padding: 4px;
+       float: left;
+}
+
+.tabcontent {
+       margin: 0 auto 0 auto;
+       width: 96%;
+       padding: 10px;
+       clear: both;
+}
+
+.tabcontent_submit {
+       margin: 0 auto 0 auto;
+       width: 96%;
+       padding: 10px;
+       text-align: center;
+}
+
+
+/* Calendar view */
+
+.calendar {
+       background-color: #204B78;
+       margin: 0;
+       width: 100%;
+       height: 302px;
+}
+
+td.events_of_the_day {
+       width: 500px;
+}
+
+.events_of_the_day dl {
+       margin: 0;
+       padding: 0;
+       position: absolute;
+       top: 0;
+       left:0;
+       width: 500px;
+}
+
+.events_of_the_day dl dt {
+       background-color: #FFFFFF;
+       margin: 0;
+       width: 500px;
+       border: 1px solid #CCC;
+}
+
+.events_of_the_day dl dt.hour {
+       /* font-size: 160%; commenting out because we need to line it up with the actual size */
+}
+
+.events_of_the_day dl dt.extrahour {
+       /* font-size: 80%; commenting out because we need to line it up with the actual size */
+}
+
+.hour_label, .extra_events dl dt {
+       background-color: #CCCCDD;
+       vertical-align: middle;
+       text-align: left;       
+}
+
+.hour_events, .extra_events {
+       background-color: #FFFFFF;
+       vertical-align: top;
+       text-align: left;       
+}
+
+
+.extra_events ul {
+       list-style: none;
+       margin: 0;
+       padding: 0;
+}
+
+.extra_events ul li {
+       margin: 4px;
+}
+
+.calday, .calout, .calweekend, .caltoday {
+       width: 14%;
+       height: 60px;
+       text-align: left;
+       vertical-align: top;
+}
+
+.event_framed_unread {
+       -moz-border-radius: 8px;
+       border: solid 1px red;
+       background-color: yellow;
+       z-index: 10;
+       padding: 0 4px 0 4px; 
+}
+
+li.event_framed_unread span, a.event_title {
+       font-size: 100%;     
+}
+
+.event_framed_read {
+       -moz-border-radius: 8px;
+       border: solid 1px red;
+       background-color: yellow;
+       z-index: 10;
+       padding: 0 4px 0 4px; 
+}
+
+li.event_framed_read span, a.event_title {
+       font-size: 100%;  
+}
+
+.event_read {
+}
+
+li.event_read span, a.event_read_title {
+       font-size: 100%;     
+}
+
+.event_unread {
+}
+
+li.event_unread span, a.event_read_title {
+       font-size: 100%;     
+}
+
+.mini_calendar {
+   color: #fff;
+}
+
+.mini_calendar a {
+   color: #fff;
+}
+
+.mini_calendar a:link,.mini_calendar a:visited {
+   color: #fff;
+}
+
+.mini_calendar a:hover,.mini_calendar a:active {
+   color: #fff;
+   background-color: #AD1C00;
+}
+
+.mini_calendar td a {
+   color: #fff;
+}
+
+.mini_calendar td a:link,.mini_calendar td a:visited {
+   color: #fff;
+}
+
+.mini_calendar td a:hover,.mini_calendar td a:active {
+   color: #fff;
+   background-color: #AD1C00;
+
+}
+
+.menudesc {
+       margin: 4px;
+       padding: 4px;
+}
+
+.roompic {
+       height: 48px;
+       width: 48px;
+       border: none;
+}
+
+#navbar ul li a img {
+      vertical-align: middle;
+      border: none;
+}
+
+.table-row, .table-alt-row {
+       width: 100%;
+}
+
+.stickynote_outer {
+       position: absolute;
+       width: 200px;
+       height: 200px;
+       border: 1px solid #333;
+       background-color: #ffff00;
+       overflow: hidden;
+}
+
+.stickynote_titlebar {
+       position: relative;
+       width: 100%;
+       height: 16px;
+       top: 0px;
+       left: 0px;
+       background-color: #888800;
+       font-size: 60%;     
+}
+
+.stickynote_body {
+       position: relative;
+       font-family: "Comic Sans MS", sans-serif;
+}
+
+.stickynote_resize {
+       position: absolute;
+       background-image: url('resizecorner.png');
+       height: 16px;
+       width: 16px;
+       right: -1px;
+       bottom: -1px;
+}
+
+.stickynote_palette {
+       position: absolute;
+       width: 48px;
+       height: 48px;
+       top: 16px;
+       left: 0px;
+       background-color: #ffffff;
+       border: 1px solid #333;
+       display: none;
+}
+
+.stickynote_palette table {
+       margin: 0;
+       padding: 0;
+}
+
+.stickynote_palette td {
+       width: 16px;
+       height: 16px;
+}
+
+
+.login_using_openid_link {
+       text-align: center;
+}
+
+.openid_urlarea {
+       background: url('openid-small.gif') no-repeat scroll 0pt 50%;
+       padding-left: 18px;
+}
+
+.conftitle {
+       font-size: 140%;
+       font-weight: bold;
+       text-align: center;
+}
+
+.confdescr {
+       font-size: 110%;
+       text-align: center;
+}
+
+#noscript_warning {
+       position: fixed;
+       top: 0;
+       left: 0;
+       background-color: #FF0000;
+       color: #FFFFFF;
+}
+
+.chatrecv_history_class {
+       position: absolute;
+       top: 0;
+       left: 1%;
+       width: 74%;
+       margin-top: 5px;
+       margin-bottom: 5px;
+       height: 70%;
+       background-color: #FFFFFF;
+       overflow: auto;
+       border-style: solid;
+       border-color: #022750;
+       border-width: 1px;
+       padding-left: 3px;
+       padding-right: 3px;
+}
+
+.chat_userlist_class {
+       position: absolute;
+       top: 0;
+       right: 1%;
+       width: 23%;
+       margin-top: 5px;
+       margin-bottom: 5px;
+       height: 70%;
+       background-color: #FFFFFF;
+       overflow: auto;
+       border-style: solid;
+       border-color: #022750;
+       border-width: 1px;
+       padding-left: 3px;
+       padding-right: 3px;
+}
+
+.chatrecv_class {
+       display: none;
+}
+
+.chatsend_class {
+       position: absolute;
+       left: 1%;
+       right: 1%;
+       height: 28%;
+       bottom: 0;
+       margin-top: 5px;
+       margin-bottom: 5px;
+       margin-left: auto;
+       margin-right: auto;
+       border-style: solid;
+       border-color: #022750;
+       border-width: 1px;
+       padding-left: 3px;
+       padding-right: 3px;
+       background-color: #004E79;
+}
+
+.chat_myname_class {
+       font-weight: bold;
+       color: #ff0000;
+}
+
+.chat_notmyname_class {
+       font-weight: bold;
+       color: #0000ff;
+}
+
+.chat_text_class {
+}
+
+/*---------- bubble tooltips start -----------*/
+
+a.event_title, a.event_unread, a.event_read {
+       position:relative;
+       z-index:24;
+}
+
+a.event_title span, a.event_unread span, a.event_read span {
+       display: none;
+}
+
+/* background:; ie hack, something must be changed in a for ie to execute it */
+
+a.event_title:hover, a.event_unread:hover, a.event_read:hover {
+       z-index:25;
+       background:;
+}
+
+a.event_title:hover span.tooltip, a.event_unread:hover span.tooltip, a.event_read:hover span.tooltip {
+       display:block;
+       position:absolute;
+       top:0px; left:0;
+       padding: 15px 0 0 0;
+       width:200px;
+       text-align: center;
+}
+
+a.event_title:hover span.btttop, a.event_unread:hover span.btttop, a.event_read:hover span.btttop {
+       display: block;
+       padding: 30px 8px 0;
+       background: url(/static/bubble.gif) no-repeat top;
+}
+
+/* different middle bg for stretch */
+a.event_title:hover span.bttmiddle, a.event_unread:hover span.bttmiddle, a.event_read:hover span.bttmiddle {
+       display: block;
+       padding: 0 8px; 
+       background: url(/static/bubble_filler.gif) repeat bottom; 
+       color: #022750;
+       font-size: 10px;
+}
+
+a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event_read:hover span.bttbottom {
+       display: block;
+       padding:3px 8px 10px;
+       background: url(/static/bubble.gif) no-repeat bottom;
+}
+
+/*---------- bubble tooltips end -----------*/
diff --git a/webcit/static/webcit-tinymce.css b/webcit/static/webcit-tinymce.css
deleted file mode 100644 (file)
index 38b1042..0000000
+++ /dev/null
@@ -1,2 +0,0 @@
-/* styles applied to the TinyMCE editor component when used in WebCit */
-
diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
deleted file mode 100644 (file)
index 1312bc1..0000000
+++ /dev/null
@@ -1,1782 +0,0 @@
-/*
- * Copyright 2005 - 2010 The Citadel Team
- * Licensed under the GPL V3
- */
-
-@import url("datepicker.css");
-@media print {
-       input#toggler, .toolbar { display: none }
-}
-
-/* Typography & colors */
-
-html { font-size: 100%;}
-
-body { font-size: 100%;}
-
-#banner h1 { font-size: 160%; }
-
-#banner h2,#banner .titlebar, .address_book_popup_title {
-       font-size: 130%;
-}
-
-#button, #content .msgbuttons a, .button_link a, input#delbutton,.attachfile,.logbuttons input,.buttons input, .buttons a, .customize, .menubar_link, .roomlist_floor, .ib_roomlist_floor, .roomlist_new, .ib_roomlist_new, .roomlist_old, .ib_roomlist_old, #banner ul.room_actions li, .selector_top, .selector_bottom, .banner .infos,li.search,li.view, .room_actions form select option, .selectbox, .message_header, ul.adminitems li span, #message_list tr > td {
-       font-size: 100%;
-}
-
-#nummsgs {
-       font-size: 75%;
-}
-
-#message_list_hdr table {
-       font-size: 80%;
-}
-
-#navbar {
-       font-size: 75%;
-       position: absolute;
-       bottom: 0;
-       width: 100%;
-}
-
-.mailbox_summary {
-       font-size: 80%;
-}
-
-#online_users li a {
-       font-size: 80% !important;
-}
-.marked_row {
-       color: white;
-}
-
-/* Color */
-
-body {
-       background-color: #6C91A6;
-       font-family: sans-serif;
-}
-
-#iconbar_container, .boxcontent,.service form div,table.altern .odd, #message_list, .message_content, #roomlist_div,.editednode,.mailbox_summary, .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background, .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .wiki_history_background, .wiki_pagelist_background, .downloads_background, .vcard_edit_background, div.auto_complete, div.auto_complete ul, #summary_view {
-       background-color: #FFF;
-       color: #000;
-}
-
-#login_form, #message_list_hdr table, #resize_msglist, .message, .message_header, .vcard_edit_background_alt,.roomops_background_alt {
-       background-color: #CCC;
-}
-
-.box, #online_users li.inactiveuser a {
-       background-color: transparent;
-}
-
-.banner .infos {
-       cursor: help;
-}
-
-.login_message {
-       color: #AD1C00;
-       font-weight: 700;
-       text-transform: uppercase;
-}
-
-.ib_button, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart, .iconbar_text{
-       background-color: #F0FFFF;
-       color: #333;
-} 
-#online_users:hover { /* separate in order for override */
-       background-color: #F0FFFF !important;
-       color: #333 !important;
-}
-#iconbar #button {
-       border: none;
-       list-style: none;
-}
-
-.ib_button {
-       font-size: 80%;
-}
-
-#room_infos, #address_book_popup, .mimepart, .room_actions form select {
-       border: 1px solid #333;
-       overflow: scroll;
-}
-
-
-.buttons a,.roomlist_floor,.tablabel,.treetitle {
-       color: #000;
-       font-weight: 700;
-}
-
-.ib_button {
-       border: none;
-       border-bottom: 2px groove #CCC;
-       border-right: 2px groove #CCC;
-}
-
-.logo_citadel a,.logo_citadel img {
-       border: none;
-}
-
-.logo,.logo_citadel, .iconbar_text {
-       border: none;
-       border-bottom: 1px solid #AAA;
-}
-
-.ib_button_link, .ib_button_link:visited, .ib_button_link:link, #online_users a {
-       color: #000;
-       text-decoration: none;
-}
-
-#online_users li {
-       border: none;
-       border-top: 1px solid #AAA;
-}
-
-#banner h1,#banner h2,.mimepart div,.required {
-       font-weight: 700;
-}
-
-#banner ul.room_actions li.start_page a, #navbar, .selector_top,.selector_bottom {
-       background-color: #022750;
-       border-top: 1px solid black;
-       border-bottom: 1px solid black;
-       color: #FFF;
-}
-
-.start_page {
-       font-size: 60%;
-}
-
-#banner {
-       background-color: #004E79;
-       color: #FFF;
-       margin: 0;
-       padding: 0;
-       top: 0;
-       height: 120px;          /* when changing this, also change #content */
-       position: fixed;
-       width: 84%;             /* when changing this, also change #iconbar and #content */
-       left: 16%;              /* when changing this, also change #iconbar and #content */
-       z-index: 3;
-       overflow: hidden;
-}
-
-#banner a {
-       color: #FFF
-}
-
-.room_actions form select {
-       cursor: pointer;
-}
-
-#content {
-       position: fixed;
-       top: 120px;             /* when changing this, also change #banner and #iconbar */
-       left: 16%;              /* when changing this, also change #banner and #iconbar */
-       bottom: 0;
-       width: 84%;             /* when changing this, also change #banner and #iconbar */
-       background-color: #6C91A6;
-       color: #000;
-       z-index: 2;
-       overflow-y: auto;
-}
-
-#message_list_hdr form input {
-       border: 0;
-}
-
-#message_list_hdr select {
-       background-color: #AD1C00;
-       border: 1px solid #6C91A6;
-}
-
-#message_list_hdr table {
-       font-style: italic;
-}
-
-#resize_msglist {
-       background-image: url(/static/resizegrippy.gif);
-       background-position: center;
-       background-repeat: no-repeat; 
-}
-
-#resize_msglist hr {
-       background-color: #999;
-       border: 0;
-       color: #999;
-       height: 3px;
-}
-
-.message {
-       border: 1px outset #999;
-       clear: both;
-}
-
-.message_header .message_subject {
-       font-style: italic;
-       float: left;    
-}
-
-.adminlist {
-       list-style: none;
-}
-
-.customize {
-       background-color: #DDC;
-       color: #004;
-       font-style: italic;
-}
-
-.default {
-       font-style: normal;
-       text-decoration: underline;
-}
-
-.editednodeinput {
-       background-color: #FFF;
-       border: 1px solid #000;
-       color: #000;
-       height: 17px;
-       width: 150px;
-}
-
-.error a:link, .error a:visited, .error a:active {
-       background: none;
-       color: #DC143C;
-       text-decoration: underline;
-}
-
-.error strong {
-       background: #FFD700;
-       color: #DC143C;
-       text-decoration: none;
-}
-
-.error strong a:link,.error strong a:visited,.error strong a:active {
-       background: #FFD700;
-       color: #DC143C;
-}
-
-.errormsg {
-       background: none;
-       color: #A00;
-       font-style: italic;
-       font-weight: 700;
-}
-
-.floors_config, .roomops_zap {
-       background-color: #700;
-       border: 0;
-}
-
-.ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old {
-       cursor: pointer;
-}
-
-.ib_roomlist_floor, .roomlist_new, .ib_roomlist_new {
-       font-weight: 700;
-}
-
-.ib_roomlist_floor {
-       color: #000;
-}
-
-.roomlist_new, .ib_roomlist_new {
-       color: #800;
-}
-
-.roomlist_old, .ib_roomlist_old {
-       color: #008;
-}
-
-.imsg {
-       background: none;
-       color: #AAA;
-       font-style: italic;
-       font-weight: 700;
-}
-
-.menubar_bg {
-       background-color: red;
-}
-
-.mimepart div span {
-       display: block;
-       font-style: italic;
-}
-
-.mimepart dl dd, .mimepart dl dt {
-       border-top: 1px solid #AAA;
-}
-
-.mailbox_summary td {
-       /* border-top: 1px solid #AAA; */
-       white-space: nowrap;
-       overflow: hidden;
-}
-
-.mimepart dl dt {
-       font-weight: 700;
-}
-
-.roomops_cell_label,.boxlabel,.tab_cell_label {
-       background-color: #FF7814;
-       color: #FFF;
-       font-weight: 700;
-}
-
-.selectbox {
-       background-color: #FF8000;
-}
-
-.tab_cell, .tab_cell_edit {
-       background-color: #CCC;
-       font-weight: 700;
-}
-
-.tabcontent {
-       background-color: #FFF;
-       border-top: 3px solid #FF7814;
-}
-
-.treetitleselectedblured {
-       background-color: menu;
-       color: windowtext;
-}
-
-.treetitleselectedfocused {
-       background-color: highlight;
-       color: highlighttext;
-}
-
-.warning a:link, .warning a:visited, .warning a:active, .warning {
-       background: none;
-       color: #FF4500;
-}
-
-.warning, .warning strong {
-       text-decoration: none;
-}
-
-.warning a:link,.warning a:visited,.warning a:active {
-       text-decoration: underline;
-}
-
-.warning strong {
-       background: #FFD700;
-       color: #FF4500;
-}
-
-.warning strong a:link,.warning strong a:visited,.warning strong a:active {
-       background: #FFD700;
-       color: #FF4500;
-}
-
-blockquote {
-       background-color: #f5f5f5 !important;
-       color: navy !important;
-}
-
-blockquote blockquote {
-       background-color: #ebebeb !important;
-       color: maroon !important;
-}
-
-blockquote blockquote blockquote {
-       background-color: #e1e1e1 !important;
-       color: green !important;
-}
-
-blockquote blockquote blockquote blockquote {
-       background-color: #d7d7d7 !important;
-       color: purple !important;
-}
-
-blockquote blockquote blockquote blockquote blockquote {
-       background-color: #cdcdcd !important;
-       color: teal !important;
-}
-
-blockquote pre {
-       margin-left: 1%;
-       margin-right: 1%;
-}
-
-div.auto_complete ul {
-       background: #fff;
-       border: 1px solid #888;
-       list-style-type: none;
-}
-
-div.auto_complete ul li.selected {
-       background-color: #ffc;
-}
-
-div.auto_complete ul strong.highlight {
-       color: #800;
-}
-
-table.altern {
-       border-bottom: solid 2px #AAA;
-       border-top: solid 2px #AAA;
-}
-
-table.altern .even {
-       background-color: #DDD;
-}
-
-td li.frameset,.elements li.frameset {
-       background: none;
-       color: gray;
-       font-weight: lighter;
-}
-
-td li.transitional,.elements li.transitional {
-       background: none;
-       color: #696969;
-       font-weight: lighter;
-}
-
-ul.adminitems {
-       list-style-type: disc;
-       padding: 0;
-}
-
-ul.adminitems li {
-       font-weight: 700;
-}
-
-ul.adminitems li span {
-       color: #666;
-}
-
-var sub {
-       font-style: normal;
-}
-
-.calendar {
-       background-color: #204B78;
-}
-
-.week_of_year {
-       background-color: #e1e1e1;
-       font-size: 70%; 
-}
-
-.day {
-       font-weight: 700;
-}
-
-.calout {
-       background-color: #DDDDDD;
-}
-
-.calday {
-       background-color: #FFFFFF;
-}
-
-.calweekend {
-       background-color: #EEEECC;
-}
-
-.caltoday {
-       background-color: #EEEEFF;
-}
-
-.current_sort_mode {
-       background-color: white;
-}
-.marked_row {
-       background-color: #69aaff !important;
-}
-#loading {
-       background-color: white;
-}
-/* Message list in mailbox/summaryview */
-.table-row {
-       background-color: white;
-}
-
-.table-alt-row {
-       background-color: #DDDDDD;
-}
-
-/* Links */
-
-a {
-       text-decoration: none;
-}
-
-a:active {
-       color: #AD1C00;
-}
-
-a:link {
-       color: blue;
-}
-
-a:visited {
-       color: purple;
-}
-
-#customize a:active, #customize a:link, #customize a:visited {
-       color: black;
-}
-
-#important_message, .buttons a:hover, .msgbuttons a:hover, #button li:hover, #online_users li a:hover, #navbar ul li a:hover, #ib_logoff:hover {
-       background-color: #AD1C00;
-       color: #FFF;
-} /* input:hover as well?? */
-
-.button_link a, input, select, #login_form #uname, #login_form #pname, li.activeuser, .room_actions form select, .room_actions li.search input, .address_book_popup_title, .msgbuttons a, input#delbutton,.attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
-       background-color: #fbf4ca !important; /* needed for li.activeuser */
-}
-
-.button_link a, input, select, #login_form #uname, #login_form #pname, .room_actions form select, .room_actions li.search input, .address_book_popup_title, .msgbuttons a, input#delbutton,.attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
-       border: 1px solid #999;
-       color: #333;
-}
-
-.button_link a, .msgbuttons a, input#delbutton,.attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
-       cursor: pointer;
-       -moz-border-radius: 8px;    /* CSS3 draft and Mozilla  */
-       text-align: center;
-}
-
-.button_link a, .attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
-       font-weight: bold;
-}
-
-.msgbuttons a, input#delbutton {
-       font-weight: normal;
-}
-
-/* Layout */
-
-* html {
-       overflow: hidden;
-}
-html {
-       overflow: auto;
-}
-body {
-       height: 100%;
-       overflow: hidden;
-       text-align: center;
-}
-
-body, #global {
-       margin-left: 0;
-       padding: 0;
-}
-
-#global {
-       position: absolute;
-       bottom: 0;
-       top: 0;
-       right: 0;
-       left: 0;
-       overflow-y: hidden;
-}
-
-#important_message {
-       position: absolute;
-       top: 0; 
-       right: 0;
-       z-index: 4;
-       padding: 3px;
-}
-
-#hellomsg, .fmout, .nomsgs {
-       text-align: center;
-}
-
-.moreprompt {
-       text-align: center;
-       font-size: 100%;
-       background-color: #004E79;
-       color: #dddddd;
-}
-
-.moreprompt_link {
-       color: #dddddd;
-       font-weight: bold;
-}
-
-.moreprompt_link:hover {
-       background-color: #AD1C00;
-       color: #FFF;
-}
-
-#login_screen, #logout_screen {
-       position: fixed;
-       margin: 0px;
-       top: 0px;
-       left: 0px;
-       bottom: 0px;
-       right: 0px;
-       padding: 3% 6% 3% 6%;
-       overflow: auto;
-}
-
-#convlogin, #validate {
-       text-align: center;
-}
-
-#iconbar, #banner, #content, #message_list_hdr, #message_list, #preview_pane  {
-       text-align: left;
-}
-
-.message_content > div > div {
-       text-align: justify !important;
-}
-
-#iconbar {
-       position: absolute;
-       top: 0;
-       left: 0;
-       bottom: 0;
-       width: 16%;             /* when changing this, also change #banner width */
-       z-index: 0;
-       overflow: auto;
-       overflow-x: hidden !important;
-}
-
-/* Please avoid setting heights for any of the mailbox view elements (except summary_view
- * and resize). In particular, do NOT set any for message_list_hdr as its not good feng shui
- */
-
-#message_list_hdr {
-       display: block;
-       top: 0;
-       left: 0;
-       width: 100%;
-       padding-bottom: 0;
-       margin-bottom: 0;
-       background-color: #CCCCCC;
-}
-
-#summary_view {
-       height: 100px;
-       overflow-y: scroll;
-       overflow-x: hidden;
-       cursor: pointer;
-}
-
-#summary_headers {
-       background-color: white;
-       width: 100%;
-       table-layout: fixed;
-}
-
-#summary_headers tr td {
-       overflow-y: hidden;
-       overflow-x: hidden; /* stop long subjects overflowing */
-}
-
-.col1 {
-       width: 50%;
-}
-
-.col2 { 
-       width: 30%;
-}
-
-.col3 {
-       width: 20%;
-}
-
-.col1, .col2, .col3 {
-       cursor: pointer;
-       text-overflow: ellipsis;
-       -o-text-overflow: ellipsis;
-}
-
-.new_message {
-       font-weight: bold; !important;
-}
-
-#loading {
-       text-align: center;
-}
-
-#resize_msglist {
-       width: 100%;
-       overflow: hidden;
-       cursor: s-resize;
-       height: 6px;
-}
-
-#preview_pane {
-       overflow: auto; 
-}
-
-.fix_scrollbar_bug {
-       margin-right: 1px;              /* Gecko and other non-broken browsers */
-       font-size: 90%;                 /* Most stuff needs to be a little smaller than normal. */
-}
-
-/* Boxes */
-
-.box {
-       width: 100%;
-       padding: 0;
-       margin: 0;
-}
-
-#content .boxlabel, #global .boxlabel {
-       margin: 0;
-       padding: 0;
-       width: 100%;
-       text-align: center;
-}
-
-#content .box {
-       margin: 0;
-       padding: 0;
-       width: 100%;
-       text-align: center;
-}
-
-.boxlabel, .boxcontent {
-       margin: 0;
-}
-
-.boxlabel {
-       text-align: center;
-       padding: 0;
-}
-
-.boxcontent {
-       text-align: left;
-       padding: 5px;
-}
-
-.ctdlTemplate {
-       display: none;
-}
-
-#ctdlContextMenu {
-       position: fixed;
-       background-color: white;
-       border: 1px solid black;
-}
-
-.draganddrop {
-       position: fixed;
-       display: block;
-       border: 1px solid black;
-       z-index: 65535;
-       background-color: white;
-       text-align: left;
-       opacity: 0.9;
-}
-
-.draganddrop > ul {
-       list-style: none;
-       padding-left: 0;
-       margin-left: 0;
-}
-
-.hidden {
-       display: none;
-}
-
-/* Login */
-
-#login_screen .login_message, #login_screen .login_image, .login_hello, #login_screen #login_form {
-       display: block;
-       margin: 5px auto 5px auto;
-}
-
-#login_screen .login_message, .login_hello, #global center {
-       width: 80%;
-}
-
-#login_screen .login_image {
-       width: 135px;
-}
-
-#login_screen .login_image img {
-       text-align: center;
-}
-
-#login_screen #login_form {
-       padding: 10px;
-       width: 330px;
-}
-
-#login_form input, #login_form label, #login_form select {
-       display: block;
-       float: left;
-       margin: 6pt;
-}
-
-#login_form label, #pname, #uname {
-       width: 130px;
-       text-align: left;
-}
-
-#login_form br {
-       clear: left;
-}
-
-.login_infos {
-       display: block;
-       margin: 20px auto 0 auto;
-       width: 80%;
-       text-align: left;
-}
-
-
-/* Iconbar */
-
-.logo, .logo_citadel, #iconbar #button, .iconbar_text, .ib_button {
-       margin: 0;
-       padding: 0;
-}
-
-.logo, #citlogo, .iconbar_text, #online_users li {
-       text-align: center;
-}
-
-.iconbar_text > span {
-       cursor: pointer;
-}
-
-#iconbar #button {
-       width: 100%;
-}
-
-.ib_button {
-       margin: 4px 8px 4px 8px;
-       padding: 0;
-       display: block;
-}
-
-.ib_button_link {
-       /* width: 100%; */
-       display: block;
-}
-
-#online_users {
-       display: none; /* Hide by default */
-       border: 0;
-       max-height: 200px;
-       overflow: auto;
-       padding-left: 0;
-} 
-#online_users li {
-       list-style: none;
-       margin: 0;
-       padding: 2px;
-       white-space: nowrap;
-}
-
-
-.ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old, .roomlist_floor, .roomlist_new, .roomlist_old {
-       margin: 4px;
-       padding: 0;
-}
-
-/* Banner */
-#banner .banner {
-       display: table-cell;
-       width: 90%;
-}
-
-#banner .banner img {
-       float: left;
-       margin: 0 5px 15px 0;
-}
-
-#banner h1, #banner h2, #banner .banner .infos, #banner .banner p {
-       margin: 2px;
-       padding: 0;
-}
-
-#room_infos {
-       position: absolute;
-       top: 0;
-       left: 50%;
-       width: 45%;
-       z-index: 10;
-       cursor: pointer;
-       text-align: left;
-       padding: 10px 2px 2px 2px;
-}
-
-#room_infos img.close_infos {
-       float: right;
-}
-
-#actiondiv {
-       position: absolute;
-       right: 0;
-       top: 0;
-}
-
-#banner ul.room_actions {
-       list-style: none;
-       text-align: left;
-}
-#banner ul.room_actions li {
-       white-space: nowrap;
-       display: inline;
-}
-#banner ul.room_actions li form {
-       margin: 0;
-       padding: 0;
-}
-#banner ul.room_actions li select, #banner ul.room_actions li input {
-       margin-top: 8px;
-       margin-right: 4px;
-}
-#selectpage.hidden {
-       display: none !important;
-}
-
-/* Navbar */
-
-#navbar ul, .selector_top, .selector_bottom {
-       width: 100%;
-       margin: 0 auto 0 auto;
-       padding: 0;
-       white-space: nowrap;
-       text-align: center;
-       vertical-align: middle;
-}
-
-#navbar ul li {
-       display: inline;
-       list-style: none;
-       vertical-align: middle;
-}
-
-#navbar ul li a {
-       padding: 2px 8px 8px 8px;
-       white-space: nowrap;
-}
-
-#navbar ul li img {
-       float: none;
-       margin: 0 2px 0 2px;
-}
-
-.floor {
-       margin-left: 0px;
-}
-
-.floor > ul {
-       display: none;
-}
-
-.floor-expanded > ul{
-       display: block !important;
-}
-
-#roomlist > ul {
-       margin: 0;
-       padding: 0;
-}
-
-#roomlist > div > ul > li {
-       margin: 0;
-       padding: 0;
-}
-
-/* Override to disable list-style-image" */
-.room a, .room a, .room a:visited, .room a:link {
-       color: #333333;
-}
-
-.room-private {
-       list-style-image: url("/static/privatemess_16x.gif");
-}
-
-.room-addr {
-       list-style-image: url("/static/viewcontacts_16x.gif");
-}
-
-.room-cal {
-       list-style-image: url("/static/calarea_16x.gif");
-}
-
-.room-tasks {
-       list-style-image: url("/static/taskmanag_16x.gif");
-}
-
-.room-notes {
-       list-style-image: url("/static/storenotes_16x.gif");
-}
-
-.room-chat {
-       list-style-image: url("/static/chatrooms_16x.gif");
-}
-
-.room-newmsgs {
-       font-weight: bold;
-}
-
-.room-emphasized {
-       text-decoration: underline;
-}
-
-/* Content */
-
-.boxcontent table {
-       margin: 0;
-       padding: 0;
-}
-
-#content table .box {
-       margin: 0;
-       width: 100%;
-       text-align: left;
-}
-
-.service, .who_is_online {
-       text-align: center;
-       width: 100%;
-}
-
-.service table {
-       margin: 0 auto 0 auto;
-       width: 100%;
-       text-align: left;
-}
-
-.instructions {
-       text-align: center;
-}
-
-#message_list_hdr table {
-       width: 100%;    
-}
-.selector_top, .selector_bottom {
-       text-align: center;
-}
-
-.selector_top p,.selector_bottom p {
-       margin: 0;
-       padding: 2px;
-}
-
-.message {
-       margin: 1%;
-       padding: 0;
-}
-
-.message_header p {
-       margin: 2px 0 2px 0;
-       padding: 0 0 2px 0;
-}
-
-.button_link a, .attachfile, .logbuttons input,.buttons input, .send_edit_msg input, .logbutton {
-       margin: 3px;
-       padding: 2px 4px 2px 4px;
-}
-
-.msgbuttons a, input#delbutton {
-       margin: 0 3px 0 3px;
-       padding: 2px 4px 2px 4px;
-}
-
-
-.mimepart {
-       margin-top: 15px;
-       margin-bottom: 15px;
-       margin-left: 15%;
-       width: 70%;
-       padding: 0;
-}
-
-.mimepart img {
-       vertical-align: middle;
-       float: left;
-}
-
-.mimepart div {
-       vertical-align: middle;
-       margin: 0 0 15px 0 ;
-       padding: 5px;
-}
-
-.mimepart div span {
-       vertical-align: top;
-}
-
-.mimepart dl {
-       width: 100%;
-       margin-left: 5px;
-       padding: 5px;
-}
-
-.mimepart dl dt {
-       width: 30%;
-       float: left;
-       margin: 0 0 0 0;
-       padding: .5em;
-}
-
-.mimepart dl dd {
-       float: left;
-       width: 62%;
-       margin: 0;
-       padding: .5em;
-}
-
-.mimepart p {
-       margin-top: 1em;
-       margin-bottom: 0;
-       clear: both;
-}
-
-.msgbuttons {
-       float: right;
-       visibility: hidden;
-       padding: 2px;
-       font-size: 80%;
-}
-
-.buttons a {
-       text-align: center;
-}
-
-.msgbuttons a span {
-       display: none;
-}
-
-.message_content {
-       margin: 0;
-       padding: 0.3em;
-       clear: both;
-}
-
-.message form div label {
-       display: block;
-       float: left;
-       margin: 0.3em;
-       width: 9em;
-       text-align: right;
-}
-
-.message form div input, .message form div select {
-       margin: 0.3em;
-
-}
-
-.imgedit {
-       vertical-align: middle;
-}
-
-.send_edit_msg {
-       float: right;
-       margin-top: 0 ;
-       margin-right: 0;
-       padding: 2px 50px 2px 50px;
-}
-
-.edit_msg_table th {
-       text-align: right;
-       padding-right: 5px;
-       color: #333;
-       width: 20%;
-}
-
-.edit_msg_table td { 
-       width: 40%;
-}
-
-.edit_msg_table #recp_id, .edit_msg_table #cc_id, .edit_msg_table #bcc_id, .edit_msg_table #subject_id  {
-       width: 98%
-}
-
-.note {
-       font-size: 85%;
-       margin-left: 10%;
-}
-
-.toolbar {
-       text-align: center;
-}
-
-.toolbar img {
-       float: right;
-}
-
-.imsg {
-       text-align: center;
-}
-
-colgroup.entity {
-       text-align: center;
-}
-
-div.auto_complete ul {
-       margin: 0;
-       padding: 0;
-       width: 100%;
-}
-
-div.auto_complete ul li {
-       margin: 0;
-       padding: 3px;
-}
-
-div.auto_complete ul strong.highlight {
-       margin: 0;
-       padding: 0;
-}
-
-.auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background, .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background, .vcard_edit_background_alt, .roomops_background_alt, .floors_config, .roomops_zap  {
- width: 100%;
-}
-
-#address_book_popup {
-       position: absolute;
-       top: 100px;
-       right: 25px;
-       width: 320px;
-       height: auto;
-       z-index: 100;
-       display: none;
-}
-
-#address_book_popup_container_div {
-       position: relative;
-       width: 100%;
-       height: 100%;
-}
-
-#address_book_popup_middle_div {
-       position: relative;
-}
-
-#address_book_inner_div {
-       margin: 5px;
-}
-
-#address_book_inner_div select {
-       width: 100%;
-}
-
-#address_book_inner_div input {
-       margin: 4px 5px 0 5px;
-}
-
-.service .edit_col, .service .host_col {
-       display: none;
-}
-
-.who_is_online .edit_col, .who_is_online .host_col {
-       display: block;
-}
-
-#citlogo {
-       display: none; /* Overriden later */
-}
-
-.sort_ascending, .sort_descending {
-       background-repeat: no-repeat;
-       background-position: center right;
-}
-
-.sort_ascending {
-       background-image: url("/static/down_pointer.gif");
-}
-
-.sort_descending {
-       background-image: url("/static/up_pointer.gif");
-}
-
-#message_list_hdr > table {
-       border-collapse: collapse;
-}
-
-#message_list_hdr > table > tbody > tr > th {
-       border-left: 2px solid white;
-       border-right: 2px solid white;
-}
-
-#summary_view > table { 
-       border-collapse: collapse;
-}
-
-th.col1 {
-       border-left: none !important;
-}
-
-th.col3 {
-       border-right: none !important;
-}
-
-/* System Administration Menu */
-
-ul.adminitems {
-       margin: 15px;
-       padding: 0;
-}
-
-ul.adminitems li {
-       margin: 0.5em;
-       padding: 0;
-}
-
-ul.adminitems li span {
-       display: block;
-}
-
-
-/* Room list - Tree Node */
-
-.treetitle, .editednode, .treetitleselectedfocused, .treetitleselectedblured {
-       padding: 2px;
-       cursor: default;
-}
-
-table.altern {
-       margin: 0 auto 0 auto;
-       width: 98%
-} 
-
-table.altern tr td {
-       height: 2em;    
-} 
-
-/* Advanced menu */
-
-table.advanced {
-       margin: 0 auto 0 auto;
-       width: 96%;
-       border-collapse: separate;
-       border-spacing: 15px;
-} 
-
-.advanced .boxcontent ul {
-       margin-left: 4em;
-}
-
-.advanced .boxcontent .col1, .advanced .boxcontent .col2 { 
-       float: left;
-       width: 33%;
-}
-
-.advanced .boxcontent .col2, .advanced .boxcontent .lastcol {
-       margin-left: 0;
-       margin-bottom: 4em;
-}
-
-/* Site configuration */
-
-#TheTabs {
-}
-
-.tabs_background {
-       margin-top: 0;
-}
-
-/* Links and buttons */
-
-.logbuttons, .buttons {
-       margin: 2px auto 2px auto;
-       width: 96%;
-       text-align: center;
-}
-
-/* Tabs */
-
-#TheTabs {
-       margin: 3% auto 0 auto;
-       width: 94%;
-}
-
-ul.tabbed_dialog {
-       list-style: none;
-       margin: 3% auto 0 auto;
-       width: 96%;
-       padding: 0;
-       white-space: nowrap;
-       text-align: center;
-       vertical-align: middle;
-}
-
-ul.tabbed_dialog li {
-       margin: 0 3% 0 3%;
-       padding: 4px;
-       float: left;
-}
-
-.tabcontent {
-       margin: 0 auto 0 auto;
-       width: 96%;
-       padding: 10px;
-       clear: both;
-}
-
-.tabcontent_submit {
-       margin: 0 auto 0 auto;
-       width: 96%;
-       padding: 10px;
-       text-align: center;
-}
-
-
-/* Calendar view */
-
-.calendar {
-       background-color: #204B78;
-       margin: 0;
-       width: 100%;
-       height: 302px;
-}
-
-td.events_of_the_day {
-       width: 500px;
-}
-
-.events_of_the_day dl {
-       margin: 0;
-       padding: 0;
-       position: absolute;
-       top: 0;
-       left:0;
-       width: 500px;
-}
-
-.events_of_the_day dl dt {
-       background-color: #FFFFFF;
-       margin: 0;
-       width: 500px;
-       border: 1px solid #CCC;
-}
-
-.events_of_the_day dl dt.hour {
-       /* font-size: 160%; commenting out because we need to line it up with the actual size */
-}
-
-.events_of_the_day dl dt.extrahour {
-       /* font-size: 80%; commenting out because we need to line it up with the actual size */
-}
-
-.hour_label, .extra_events dl dt {
-       background-color: #CCCCDD;
-       vertical-align: middle;
-       text-align: left;       
-}
-
-.hour_events, .extra_events {
-       background-color: #FFFFFF;
-       vertical-align: top;
-       text-align: left;       
-}
-
-
-.extra_events ul {
-       list-style: none;
-       margin: 0;
-       padding: 0;
-}
-
-.extra_events ul li {
-       margin: 4px;
-}
-
-.calday, .calout, .calweekend, .caltoday {
-       width: 14%;
-       height: 60px;
-       text-align: left;
-       vertical-align: top;
-}
-
-.event_framed_unread {
-       -moz-border-radius: 8px;
-       border: solid 1px red;
-       background-color: yellow;
-       z-index: 10;
-       padding: 0 4px 0 4px; 
-}
-
-li.event_framed_unread span, a.event_title {
-       font-size: 100%;     
-}
-
-.event_framed_read {
-       -moz-border-radius: 8px;
-       border: solid 1px red;
-       background-color: yellow;
-       z-index: 10;
-       padding: 0 4px 0 4px; 
-}
-
-li.event_framed_read span, a.event_title {
-       font-size: 100%;  
-}
-
-.event_read {
-}
-
-li.event_read span, a.event_read_title {
-       font-size: 100%;     
-}
-
-.event_unread {
-}
-
-li.event_unread span, a.event_read_title {
-       font-size: 100%;     
-}
-
-.mini_calendar {
-   color: #fff;
-}
-
-.mini_calendar a {
-   color: #fff;
-}
-
-.mini_calendar a:link,.mini_calendar a:visited {
-   color: #fff;
-}
-
-.mini_calendar a:hover,.mini_calendar a:active {
-   color: #fff;
-   background-color: #AD1C00;
-}
-
-.mini_calendar td a {
-   color: #fff;
-}
-
-.mini_calendar td a:link,.mini_calendar td a:visited {
-   color: #fff;
-}
-
-.mini_calendar td a:hover,.mini_calendar td a:active {
-   color: #fff;
-   background-color: #AD1C00;
-
-}
-
-.menudesc {
-       margin: 4px;
-       padding: 4px;
-}
-
-.roompic {
-       height: 48px;
-       width: 48px;
-       border: none;
-}
-
-#navbar ul li a img {
-      vertical-align: middle;
-      border: none;
-}
-
-.table-row, .table-alt-row {
-       width: 100%;
-}
-
-.stickynote_outer {
-       position: absolute;
-       width: 200px;
-       height: 200px;
-       border: 1px solid #333;
-       background-color: #ffff00;
-       overflow: hidden;
-}
-
-.stickynote_titlebar {
-       position: relative;
-       width: 100%;
-       height: 16px;
-       top: 0px;
-       left: 0px;
-       background-color: #888800;
-       font-size: 60%;     
-}
-
-.stickynote_body {
-       position: relative;
-       font-family: "Comic Sans MS", sans-serif;
-}
-
-.stickynote_resize {
-       position: absolute;
-       background-image: url('resizecorner.png');
-       height: 16px;
-       width: 16px;
-       right: -1px;
-       bottom: -1px;
-}
-
-.stickynote_palette {
-       position: absolute;
-       width: 48px;
-       height: 48px;
-       top: 16px;
-       left: 0px;
-       background-color: #ffffff;
-       border: 1px solid #333;
-       display: none;
-}
-
-.stickynote_palette table {
-       margin: 0;
-       padding: 0;
-}
-
-.stickynote_palette td {
-       width: 16px;
-       height: 16px;
-}
-
-
-.login_using_openid_link {
-       text-align: center;
-}
-
-.openid_urlarea {
-       background: url('openid-small.gif') no-repeat scroll 0pt 50%;
-       padding-left: 18px;
-}
-
-.conftitle {
-       font-size: 140%;
-       font-weight: bold;
-       text-align: center;
-}
-
-.confdescr {
-       font-size: 110%;
-       text-align: center;
-}
-
-#noscript_warning {
-       position: fixed;
-       top: 0;
-       left: 0;
-       background-color: #FF0000;
-       color: #FFFFFF;
-}
-
-.chatrecv_history_class {
-       position: absolute;
-       top: 0;
-       left: 1%;
-       width: 74%;
-       margin-top: 5px;
-       margin-bottom: 5px;
-       height: 70%;
-       background-color: #FFFFFF;
-       overflow: auto;
-       border-style: solid;
-       border-color: #022750;
-       border-width: 1px;
-       padding-left: 3px;
-       padding-right: 3px;
-}
-
-.chat_userlist_class {
-       position: absolute;
-       top: 0;
-       right: 1%;
-       width: 23%;
-       margin-top: 5px;
-       margin-bottom: 5px;
-       height: 70%;
-       background-color: #FFFFFF;
-       overflow: auto;
-       border-style: solid;
-       border-color: #022750;
-       border-width: 1px;
-       padding-left: 3px;
-       padding-right: 3px;
-}
-
-.chatrecv_class {
-       display: none;
-}
-
-.chatsend_class {
-       position: absolute;
-       left: 1%;
-       right: 1%;
-       height: 28%;
-       bottom: 0;
-       margin-top: 5px;
-       margin-bottom: 5px;
-       margin-left: auto;
-       margin-right: auto;
-       border-style: solid;
-       border-color: #022750;
-       border-width: 1px;
-       padding-left: 3px;
-       padding-right: 3px;
-       background-color: #004E79;
-}
-
-.chat_myname_class {
-       font-weight: bold;
-       color: #ff0000;
-}
-
-.chat_notmyname_class {
-       font-weight: bold;
-       color: #0000ff;
-}
-
-.chat_text_class {
-}
-
-/*---------- bubble tooltips start -----------*/
-
-a.event_title, a.event_unread, a.event_read {
-       position:relative;
-       z-index:24;
-}
-
-a.event_title span, a.event_unread span, a.event_read span {
-       display: none;
-}
-
-/* background:; ie hack, something must be changed in a for ie to execute it */
-
-a.event_title:hover, a.event_unread:hover, a.event_read:hover {
-       z-index:25;
-       background:;
-}
-
-a.event_title:hover span.tooltip, a.event_unread:hover span.tooltip, a.event_read:hover span.tooltip {
-       display:block;
-       position:absolute;
-       top:0px; left:0;
-       padding: 15px 0 0 0;
-       width:200px;
-       text-align: center;
-}
-
-a.event_title:hover span.btttop, a.event_unread:hover span.btttop, a.event_read:hover span.btttop {
-       display: block;
-       padding: 30px 8px 0;
-       background: url(/static/bubble.gif) no-repeat top;
-}
-
-/* different middle bg for stretch */
-a.event_title:hover span.bttmiddle, a.event_unread:hover span.bttmiddle, a.event_read:hover span.bttmiddle {
-       display: block;
-       padding: 0 8px; 
-       background: url(/static/bubble_filler.gif) repeat bottom; 
-       color: #022750;
-       font-size: 10px;
-}
-
-a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event_read:hover span.bttbottom {
-       display: block;
-       padding:3px 8px 10px;
-       background: url(/static/bubble.gif) no-repeat bottom;
-}
-
-/*---------- bubble tooltips end -----------*/