Add SAPO theme.
authorJan <jan@horde.org>
Thu, 28 Oct 2010 09:22:23 +0000 (10:22 +0100)
committerJan <jan@horde.org>
Thu, 28 Oct 2010 09:22:23 +0000 (10:22 +0100)
33 files changed:
kronolith/themes/sapo/graphics/alarm-000.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/alarm-fff.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/attendees-000.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/attendees-fff.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/delete-000.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/delete-fff.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/edit-000.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/edit-fff.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/export/30boxes.gif [new file with mode: 0644]
kronolith/themes/sapo/graphics/export/hCalendarIcon.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/export/icon_google_calendar.gif [new file with mode: 0644]
kronolith/themes/sapo/graphics/export/icon_icalendar.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/export/overview.mail.yahoo.com.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/export/windows_live.gif [new file with mode: 0644]
kronolith/themes/sapo/graphics/favicon.ico [new file with mode: 0644]
kronolith/themes/sapo/graphics/kronolithSprites.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/loading.gif [new file with mode: 0644]
kronolith/themes/sapo/graphics/map/marker.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/mapa2.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/private-000.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/private-fff.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/recur-000.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/recur-fff.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/widget_btns2.png [new file with mode: 0644]
kronolith/themes/sapo/graphics/widget_slider.png [new file with mode: 0644]
kronolith/themes/sapo/ie6_maps.css [new file with mode: 0644]
kronolith/themes/sapo/ie6_or_less.css [new file with mode: 0644]
kronolith/themes/sapo/ie7.css [new file with mode: 0644]
kronolith/themes/sapo/ie8.css [new file with mode: 0644]
kronolith/themes/sapo/ie8_maps.css [new file with mode: 0644]
kronolith/themes/sapo/screen.css [new file with mode: 0644]
kronolith/themes/sapo/screen_maps.css [new file with mode: 0644]
kronolith/themes/sapo/themed_graphics [new file with mode: 0644]

diff --git a/kronolith/themes/sapo/graphics/alarm-000.png b/kronolith/themes/sapo/graphics/alarm-000.png
new file mode 100644 (file)
index 0000000..c323e2b
Binary files /dev/null and b/kronolith/themes/sapo/graphics/alarm-000.png differ
diff --git a/kronolith/themes/sapo/graphics/alarm-fff.png b/kronolith/themes/sapo/graphics/alarm-fff.png
new file mode 100644 (file)
index 0000000..864d508
Binary files /dev/null and b/kronolith/themes/sapo/graphics/alarm-fff.png differ
diff --git a/kronolith/themes/sapo/graphics/attendees-000.png b/kronolith/themes/sapo/graphics/attendees-000.png
new file mode 100644 (file)
index 0000000..e29a734
Binary files /dev/null and b/kronolith/themes/sapo/graphics/attendees-000.png differ
diff --git a/kronolith/themes/sapo/graphics/attendees-fff.png b/kronolith/themes/sapo/graphics/attendees-fff.png
new file mode 100644 (file)
index 0000000..99b8769
Binary files /dev/null and b/kronolith/themes/sapo/graphics/attendees-fff.png differ
diff --git a/kronolith/themes/sapo/graphics/delete-000.png b/kronolith/themes/sapo/graphics/delete-000.png
new file mode 100644 (file)
index 0000000..3d67014
Binary files /dev/null and b/kronolith/themes/sapo/graphics/delete-000.png differ
diff --git a/kronolith/themes/sapo/graphics/delete-fff.png b/kronolith/themes/sapo/graphics/delete-fff.png
new file mode 100644 (file)
index 0000000..b98133f
Binary files /dev/null and b/kronolith/themes/sapo/graphics/delete-fff.png differ
diff --git a/kronolith/themes/sapo/graphics/edit-000.png b/kronolith/themes/sapo/graphics/edit-000.png
new file mode 100644 (file)
index 0000000..6e58a41
Binary files /dev/null and b/kronolith/themes/sapo/graphics/edit-000.png differ
diff --git a/kronolith/themes/sapo/graphics/edit-fff.png b/kronolith/themes/sapo/graphics/edit-fff.png
new file mode 100644 (file)
index 0000000..482b874
Binary files /dev/null and b/kronolith/themes/sapo/graphics/edit-fff.png differ
diff --git a/kronolith/themes/sapo/graphics/export/30boxes.gif b/kronolith/themes/sapo/graphics/export/30boxes.gif
new file mode 100644 (file)
index 0000000..58d808c
Binary files /dev/null and b/kronolith/themes/sapo/graphics/export/30boxes.gif differ
diff --git a/kronolith/themes/sapo/graphics/export/hCalendarIcon.png b/kronolith/themes/sapo/graphics/export/hCalendarIcon.png
new file mode 100644 (file)
index 0000000..a9a55ca
Binary files /dev/null and b/kronolith/themes/sapo/graphics/export/hCalendarIcon.png differ
diff --git a/kronolith/themes/sapo/graphics/export/icon_google_calendar.gif b/kronolith/themes/sapo/graphics/export/icon_google_calendar.gif
new file mode 100644 (file)
index 0000000..ec26ae8
Binary files /dev/null and b/kronolith/themes/sapo/graphics/export/icon_google_calendar.gif differ
diff --git a/kronolith/themes/sapo/graphics/export/icon_icalendar.png b/kronolith/themes/sapo/graphics/export/icon_icalendar.png
new file mode 100644 (file)
index 0000000..b52e324
Binary files /dev/null and b/kronolith/themes/sapo/graphics/export/icon_icalendar.png differ
diff --git a/kronolith/themes/sapo/graphics/export/overview.mail.yahoo.com.png b/kronolith/themes/sapo/graphics/export/overview.mail.yahoo.com.png
new file mode 100644 (file)
index 0000000..ae9a7fb
Binary files /dev/null and b/kronolith/themes/sapo/graphics/export/overview.mail.yahoo.com.png differ
diff --git a/kronolith/themes/sapo/graphics/export/windows_live.gif b/kronolith/themes/sapo/graphics/export/windows_live.gif
new file mode 100644 (file)
index 0000000..cc3094d
Binary files /dev/null and b/kronolith/themes/sapo/graphics/export/windows_live.gif differ
diff --git a/kronolith/themes/sapo/graphics/favicon.ico b/kronolith/themes/sapo/graphics/favicon.ico
new file mode 100644 (file)
index 0000000..d2ba68f
Binary files /dev/null and b/kronolith/themes/sapo/graphics/favicon.ico differ
diff --git a/kronolith/themes/sapo/graphics/kronolithSprites.png b/kronolith/themes/sapo/graphics/kronolithSprites.png
new file mode 100644 (file)
index 0000000..0a74cfd
Binary files /dev/null and b/kronolith/themes/sapo/graphics/kronolithSprites.png differ
diff --git a/kronolith/themes/sapo/graphics/loading.gif b/kronolith/themes/sapo/graphics/loading.gif
new file mode 100644 (file)
index 0000000..c087e53
Binary files /dev/null and b/kronolith/themes/sapo/graphics/loading.gif differ
diff --git a/kronolith/themes/sapo/graphics/map/marker.png b/kronolith/themes/sapo/graphics/map/marker.png
new file mode 100644 (file)
index 0000000..3a6f919
Binary files /dev/null and b/kronolith/themes/sapo/graphics/map/marker.png differ
diff --git a/kronolith/themes/sapo/graphics/mapa2.png b/kronolith/themes/sapo/graphics/mapa2.png
new file mode 100644 (file)
index 0000000..1b953f6
Binary files /dev/null and b/kronolith/themes/sapo/graphics/mapa2.png differ
diff --git a/kronolith/themes/sapo/graphics/private-000.png b/kronolith/themes/sapo/graphics/private-000.png
new file mode 100644 (file)
index 0000000..976f30a
Binary files /dev/null and b/kronolith/themes/sapo/graphics/private-000.png differ
diff --git a/kronolith/themes/sapo/graphics/private-fff.png b/kronolith/themes/sapo/graphics/private-fff.png
new file mode 100644 (file)
index 0000000..c58a3b2
Binary files /dev/null and b/kronolith/themes/sapo/graphics/private-fff.png differ
diff --git a/kronolith/themes/sapo/graphics/recur-000.png b/kronolith/themes/sapo/graphics/recur-000.png
new file mode 100644 (file)
index 0000000..289cfc4
Binary files /dev/null and b/kronolith/themes/sapo/graphics/recur-000.png differ
diff --git a/kronolith/themes/sapo/graphics/recur-fff.png b/kronolith/themes/sapo/graphics/recur-fff.png
new file mode 100644 (file)
index 0000000..edcf68c
Binary files /dev/null and b/kronolith/themes/sapo/graphics/recur-fff.png differ
diff --git a/kronolith/themes/sapo/graphics/widget_btns2.png b/kronolith/themes/sapo/graphics/widget_btns2.png
new file mode 100644 (file)
index 0000000..d276f4f
Binary files /dev/null and b/kronolith/themes/sapo/graphics/widget_btns2.png differ
diff --git a/kronolith/themes/sapo/graphics/widget_slider.png b/kronolith/themes/sapo/graphics/widget_slider.png
new file mode 100644 (file)
index 0000000..6194b6b
Binary files /dev/null and b/kronolith/themes/sapo/graphics/widget_slider.png differ
diff --git a/kronolith/themes/sapo/ie6_maps.css b/kronolith/themes/sapo/ie6_maps.css
new file mode 100644 (file)
index 0000000..63f1c95
--- /dev/null
@@ -0,0 +1,5 @@
+#kronolithEventTabMap {margin-bottom:0px; padding-bottom:0px !important;}\r
+.mapa {position:absolute;width:680px;height:270px;top:222px;left:336px;background:#f2f4fb}\r
+.slider {background:url(graphics/widget_slider.png) no-repeat;}\r
+.pesquisa{ background-attachment: fixed; }\r
+\r
diff --git a/kronolith/themes/sapo/ie6_or_less.css b/kronolith/themes/sapo/ie6_or_less.css
new file mode 100644 (file)
index 0000000..d4b6f01
--- /dev/null
@@ -0,0 +1,89 @@
+@import url("ie6_maps.css");
+
+html, body {
+    overflow: hidden;
+}
+input {
+    border: expression((this.type=="radio" || this.type=="checkbox") ? 'none !important' : 'inherit');
+}
+
+#kronolithLogo h1 {
+    background-image: none;
+    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/sapo/graphics/logo_pt.png', sizingMethod='crop');
+}
+#kronolithLogo a {
+    position: relative;
+}
+.kronolithDateChoice div {
+    display: inline;
+}
+
+#kronolithNotifications.kronolithNotifications {
+    background-color: #ccc;
+}
+
+#kronolithMenuCalendars {
+    height: expression(document.body.clientHeight-343-5+'px');
+}
+#kronolithMenu h3 {
+    height: 16px;
+    overflow: visible;
+    border-color: #ccc;
+}
+
+#kronolithBody {
+    top: 73px;
+    width: expression(document.body.clientWidth-200+'px');
+    height: expression(document.body.clientHeight-84+'px');
+}
+
+#kronolithViewMonthContainer {
+    top: 47px;
+    height: expression(document.body.clientHeight-151+'px');
+}
+
+#kronolithLoadingmonth {
+    top: 23px;
+}
+
+#kronolithViewWeek .kronolithViewBody,
+#kronolithViewDay .kronolithViewBody {
+    top: 105px;
+    width: 100%;
+    height: expression(document.body.clientHeight-189+'px');
+}
+.kronolithViewBody {
+    top: 110px;
+}
+
+#kronolithViewWeek .kronolithViewHead {
+    margin: 0;
+}
+
+.kronolithMinical thead th.kronolithMinicalEmpty {
+    border: none !important;
+}
+
+#kronolithViewTasks .kronolithNavigation {
+    bottom: 2px;
+}
+#kronolithViewTasks .kronolithNavigation,
+#kronolithViewTasks .kronolithNavigation li {
+    display: inline;
+    padding-top: 2px !important;
+}
+#kronolithViewTasks .kronolithNavigation li {
+    padding-top: 1px !important;
+}
+#kronolithViewTasks .kronolithNavigation li a {
+    float: left;
+    padding: 1px 8px 0;
+}
+
+#kronolithQuickinsert {
+    width: 370px;
+}
+#kronolithQuickinsertForm .button,
+#kronolithEventDialog .button {
+    padding: 2px 4px;
+}
diff --git a/kronolith/themes/sapo/ie7.css b/kronolith/themes/sapo/ie7.css
new file mode 100644 (file)
index 0000000..813a7b8
--- /dev/null
@@ -0,0 +1,149 @@
+/* @import url("ie8_maps.css"); */
+
+input, textarea, select, .hordeACBox {
+    vertical-align: middle !important;
+}
+#kronolithQuickinsertForm .button,
+#kronolithEventDialog .button,
+.kronolithFormActions .button {
+    padding: 2px 0;
+}
+
+#kronolithMenuCalendars {
+       top: 235px;
+}
+
+#kronolithViewMonth {
+    height: expression(kronolithBody.offsetHeight+'px') !important;
+}
+#kronolithViewMonthContainer {
+    top: 48px;
+    height: expression(kronolithViewMonth.offsetHeight-48+'px') !important;
+}
+#kronolithViewMonthContainer table.kronolithViewMonth {
+    height: expression(kronolithViewMonth.offsetHeight-48-124+'px') !important;
+}
+
+.kronolithViewBody {
+    top: 130px;
+}
+
+table.kronolithView td.kronolithFirstCol {
+    width: 30px;
+}
+#kronolithViewMonthHead .kronolithFirstCol {
+    width: 28px;
+}
+.kronolithFirstCol span {
+    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
+}
+
+#kronolithEventsWeek {
+       left: 37px;
+}
+
+#kronolithLoadingday, #kronolithLoadingmonth, #kronolithLoadingagenda {
+    top: 26px;
+}
+#kronolithLoading {
+    width: 24px;
+}
+
+#kronolithViewYear .kronolithMinical {
+    margin: 10px 5px;
+}
+
+#kronolithCalendarPermsAdvanced th {
+    text-align: left;
+}
+
+.kronolithViewHead,
+.kronolithViewBody {
+    padding-right: 13px;
+}
+
+#kronolithBody caption, #kronolithViewTasks caption.tabset {
+    height: 22px;
+}
+
+#kronolithMinical {
+    padding-top: 2px;
+}
+#kronolithMinicalPrev,
+#kronolithMinicalNext {
+    top: 1px;
+    right: 1px;
+}
+#kronolithMinicalPrev {
+    right: 22px;
+}
+#kronolithBody caption .kronolithNavigation {
+    top: 1px;
+    right: 1px;
+}
+#kronolithSearchTerm {
+    color: #222;
+}
+#Growler, #Growler:hover {
+       filter:alpha(opacity=100) !important;
+}
+
+/* ini grads
+ * grey
+ */
+#kronolithNav a,
+span#kronolithNewEvent,
+#kronolithMenu a.kronolithAdd,
+#kronolithMenu div.kronolithCalendars .kronolithCalEdit,
+.kronolithPrint,
+.kronolithGotoToday,
+.kronolithPrev,
+.kronolithNext,
+#kronolithMinicalPrev,
+#kronolithMinicalNext,
+#kronolithViewTasks .kronolithAddTask,
+#kronolithViewTasks caption.tabset li a,
+#kronolithViewAgenda caption.tabset li a,
+.hordeCalendarPopup thead a,
+.kronolithDialog .tabset li,
+.option,
+.button,
+.kronolithTopTags span,
+.hordeACListItem {
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dbdbdb');
+       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dbdbdb')";
+}
+/*
+ * light grey inverse, search
+ */
+#kronolithSearchTerm {
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#fefefe');
+       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#fefefe')";
+}
+/*
+ * dark grey, quickevent
+ */
+span#kronolithQuickEvent {
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#9d9c9a');
+       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#9d9c9a')";
+}
+/*
+ * dark grey inverse
+ */
+#kronolithNav a.on,
+.kronolithDialog .tabset .activeTab,
+#kronolithViewTasks caption.tabset li.activeTab a,
+#kronolithViewAgenda caption.tabset li.activeTab a {
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d9c9a', endColorstr='#dedede');
+       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d9c9a', endColorstr='#dedede')";
+}
+/*
+ * green
+ */
+#kronolithBody caption,
+#kronolithViewTasks caption.tabset,
+#services_prefs .header {
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f2a7', endColorstr='#d3d968');
+       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f2a7', endColorstr='#d3d968')";
+}
+/* end grads */
diff --git a/kronolith/themes/sapo/ie8.css b/kronolith/themes/sapo/ie8.css
new file mode 100644 (file)
index 0000000..75e4df3
--- /dev/null
@@ -0,0 +1,125 @@
+@import url("ie8_maps.css");
+
+#kronolithViewMonthContainer {
+    top: 53px;
+}
+
+.kronolithViewBody {
+    top: 130px;
+}
+
+table.kronolithView td.kronolithFirstCol,
+#kronolithViewMonthHead .kronolithFirstCol {
+    width: 30px;
+}
+.kronolithFirstCol span {
+    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
+}
+
+input, textarea, select, .hordeACBox {
+    vertical-align: middle !important;
+}
+
+#kronolithLoadingday, #kronolithLoadingmonth, #kronolithLoadingagenda {
+    top: 31px;
+}
+
+#kronolithCalendarPermsAdvanced th {
+    text-align: left;
+}
+
+#kronolithBody caption,
+#kronolithViewTasks caption.tabset {
+    height: 22px;
+}
+
+#kronolithMinicalPrev,
+#kronolithMinicalNext {
+    top: 1px;
+    right: 1px;
+}
+#kronolithMinicalPrev {
+    right: 23px;
+}
+#kronolithBody caption .kronolithNavigation {
+    top: 1px;
+    right: 1px;
+}
+
+#kronolithSearchTerm {
+    color: #222;
+}
+#Growler,
+#Growler:hover,
+#Growler div.GrowlerNotice {
+       filter:alpha(opacity=100) !important;
+}
+
+#GrowlerLog ul li {
+       padding: 0 20px 10px;
+}
+#GrowlerLog li {
+    position: relative;
+       margin-bottom: 10px;
+       background-color: transparent;
+}
+
+/* ini grads
+ * grey
+ */
+#kronolithNav a,
+span#kronolithNewEvent,
+#kronolithMenu a.kronolithAdd,
+#kronolithMenu div.kronolithCalendars .kronolithCalEdit,
+.kronolithPrint,
+.kronolithGotoToday,
+.kronolithPrev,
+.kronolithNext,
+#kronolithMinicalPrev,
+#kronolithMinicalNext,
+#kronolithViewTasks .kronolithAddTask,
+#kronolithViewTasks caption.tabset li a,
+#kronolithViewAgenda caption.tabset li a,
+.hordeCalendarPopup thead a,
+.kronolithDialog .tabset li,
+.option,
+.button,
+.kronolithTopTags span,
+.hordeACListItem {
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dbdbdb');
+       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dbdbdb')";
+}
+/*
+ * light grey inverse, search
+ */
+#kronolithSearchTerm {
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#fefefe');
+       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#fefefe')";
+}
+/*
+ * dark grey, quickevent
+ */
+span#kronolithQuickEvent {
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#9d9c9a');
+       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#9d9c9a')";
+}
+/*
+ * dark grey inverse
+ */
+#kronolithNav a.on,
+.kronolithDialog .tabset .activeTab,
+#kronolithViewTasks caption.tabset li.activeTab a,
+#kronolithViewAgenda caption.tabset li.activeTab a {
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d9c9a', endColorstr='#dedede');
+       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d9c9a', endColorstr='#dedede')";
+}
+/*
+ * green
+ */
+#kronolithBody caption,
+#kronolithViewTasks caption.tabset,
+#services_prefs .header {
+       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f2a7', endColorstr='#d3d968');
+       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f2a7', endColorstr='#d3d968')";
+}
+/* end grads */
diff --git a/kronolith/themes/sapo/ie8_maps.css b/kronolith/themes/sapo/ie8_maps.css
new file mode 100644 (file)
index 0000000..66c9916
--- /dev/null
@@ -0,0 +1,4 @@
+#kronolithEventTabMap {margin-bottom:0px; padding-bottom:0px !important;}
+#kronolithEventMap .mapa {position:absolute;width:680px !important; height:270px !important; top:222px; left:336px; background:#f2f4fb; }
+#kronolithEventMap .slider {background:url(graphics/widget_slider.png) no-repeat;}
+.pesquisa{ background-attachment: fixed; }
diff --git a/kronolith/themes/sapo/screen.css b/kronolith/themes/sapo/screen.css
new file mode 100644 (file)
index 0000000..3d19be5
--- /dev/null
@@ -0,0 +1,2207 @@
+/**
+ * Kronolith core PT-CSS.
+ *
+ * $Horde: calendar/kronolith/themes/sapo/screen.css, v2.00 2010/05/19 00:00:00 fmt@civilis.net Exp $
+ */
+
+/*
+ * CSS reset v1.0 Eric Meyer 20080212
+ */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+       margin: 0;
+       padding: 0;
+       border: 0;
+       outline: 0;
+       font-size: 100%;
+       vertical-align: baseline;
+       background: transparent;
+       cursor: default;
+}
+body {
+       line-height: 1;
+}
+ol, ul {
+       list-style: none;
+}
+blockquote, q {
+       quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+       content: '';
+       content: none;
+}
+
+/* remember to define focus styles! */
+:focus {
+       outline: 0;
+}
+
+/* remember to highlight inserts somehow! */
+ins {
+       text-decoration: none;
+}
+del {
+       text-decoration: line-through;
+}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+       border-collapse: collapse;
+       border-spacing: 0;
+}
+/* end css reset */
+
+/*
+ * maps CSS
+ */
+@import url('screen_maps.css');
+
+body {
+   background: #f6f5ed;
+   font: normal .7em 'Trebuchet MS', arial, helvetica, sans-serif;
+   cursor: default;
+}
+body, x:-moz-any-link, x:default { /* firefox has bigger font */
+   font-size: .725em;
+}
+
+.kronolithLoading {
+    position: absolute;
+    z-index: 100;
+    top: 30px;
+    left: 2px;
+    cursor: default;
+}
+#kronolithLoadingday,
+#kronolithLoadingmonth,
+#kronolithLoadingagenda {
+    top: 31px;
+}
+#kronolithLoadingtasks {
+    top: 55px;
+}
+#kronolithLoadingtasks,
+#kronolithLoadingagenda {
+    display: block;
+    position: absolute;
+    padding: 0 !important;
+}
+#kronolithLoading {
+    width: 24px;
+    background-color: #fff;
+    background-image: url('graphics/loading.gif');
+    border-color: #ccc;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+}
+#kronolithLoading, x:-moz-any-link, x:default {
+    width: 26px;
+}
+#RB_loading {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-top: -12px;
+    margin-left: -12px;
+    padding: 4px;
+    width: 16px;
+    height: 16px;
+    background-color: #fff;
+    background-image: url('graphics/loading.gif');
+    background-position: center center;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+}
+.kronolithSeparator {
+    padding: 0;
+    color: #ccc;
+}
+
+a, a:visited,
+#kronolithEventStartPicker,
+#kronolithEventEndPicker { color: #036; cursor: pointer; }
+a:visited, a:hover { color: #369; }
+
+/* Redbox styles. */
+#RB_overlay {
+    opacity: .4 !important;
+    -moz-opacity: .4 !important;
+    filter: alpha(opacity=40) !important;
+}
+#RB_window {
+    top: 25px !important;
+    background-color: transparent;
+    -moz-box-shadow: 0 0 30px #444;
+    -webkit-box-shadow: 0 0 30px #444;
+    box-shadow: 0 0 30px #444;
+}
+
+#kronolithHeader {
+       position: relative;
+       top: 5px;
+}
+
+/* Logo */
+#kronolithLogo { display: block; position: absolute; top: 0; left: 10px; }
+#kronolithLogo, #kronolithLogo h1, #kronolithLogo h1 a { width: 192px; height: 30px; }
+#kronolithLogo h1 a {
+    display: block;
+    overflow: hidden;
+    background: transparent url('graphics/kronolithSprites.png') -24px -14px no-repeat;
+    border: none;
+    text-indent: -9999px;
+    text-decoration: none;
+}
+#kronolithLogo h1 a:hover,
+#kronolithLogo h1 a:active {
+    opacity: .5;
+}
+/*
+#kronolithLogo h1 a:active {
+    background-position: 1px 1px;
+}
+*/
+
+/* Navigation bar */
+#kronolithBar {
+    top: 7px;
+    left: 213px;
+}
+#kronolithBar .kronolithDateChoice {
+    margin-right: 4px;
+    background-color: #fff;
+    border: 1px #dadada solid;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    font-size: .95em;
+    font-weight: normal;
+}
+#kronolithBar .kronolithDateChoice div {
+    height: 20px;
+    line-height: 20px;
+    padding: 0 6px;
+    text-transform: uppercase;
+    color: #606060;
+}
+
+#kronolithNav,
+#kronolithNav ul {
+    margin-left: 0;
+    height: 20px;
+    line-height: 20px;
+}
+#kronolithNav a {
+    padding: 0 4px;
+       background-position: 0 0;
+    border: 1px #ccc solid;
+    font-size: .9em;
+}
+#kronolithNav a:first-child,
+#kronolithNav a:last-child,
+#kronolithNav a:first-child:last-child {
+       -moz-border-radius: inherit;
+       -webkit-border-radius: inherit;
+       border-radius: inherit;
+}
+#kronolithNav li:first-child a,
+#kronolithNavDay {
+    -moz-border-radius: 4px 0 0 4px !important;
+    -webkit-border-radius: 4px 0 0 4px !important;
+    -webkit-border-top-left-radius: 4px !important;
+    -webkit-border-bottom-left-radius: 4px !important;
+    border-radius: 4px 0 0 4px !important;
+}
+#kronolithNav li:last-child a {
+    -moz-border-radius: 0 4px 4px 0 !important;
+    -webkit-border-radius: 0 4px 4px 0 !important;
+    -webkit-border-top-right-radius: 4px !important;
+    -webkit-border-bottom-right-radius: 4px !important;
+    border-radius: 0 4px 4px 0 !important;
+}
+#kronolithNav li:first-child:last-child a,
+#kronolithNavAgenda {
+    -moz-border-radius: 4px !important;
+    -webkit-border-radius: 4px !important;
+    border-radius: 4px !important;
+}
+
+#kronolithNav a:hover,
+#kronolithNav a.on {
+    border-color: #aaa;
+}
+#kronolithNav a.on {
+    color: #000;
+}
+#kronolithNav a span {
+       float: left;
+       margin: 2px 0;
+    padding-left: 18px;
+       height: 16px;
+       line-height: 16px;
+    background-image: url('graphics/kronolithSprites.png');
+    background-repeat: no-repeat;
+}
+#kronolithNavDay span {
+    background-position: -104px -110px;
+}
+#kronolithNavWeek span {
+    background-position: -104px -126px;
+}
+#kronolithNavMonth span {
+    background-position: -168px -94px;
+}
+#kronolithNavYear span {
+    background-position: -168px -110px;
+}
+#kronolithNavTasks span,
+#kronolithNavAgenda span {
+    background-position: -168px -126px;
+}
+
+/* User data and options */
+#kronolithServices {
+    top: 7px;
+    margin: 0;
+    height: 22px;
+    line-height: 22px;
+    font-size: 1em;
+    letter-spacing: .05em;
+}
+
+/* ini SAPO kronolithApplications */
+#kronolithApplications {
+    margin: 0 4px 0 0;
+    height: 22px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+}
+#kronolithApplications li {
+    float: left;
+    margin: 0 1px 0 0;
+    height: 22px;
+    line-height: 22px;
+}
+#kronolithApplications li.kronolithApplicationSelected {
+    background-color: transparent;
+}
+#kronolithApplications li.kronolithApplicationSelected a,
+#kronolithApplications li.kronolithApplicationSelected a:hover {
+    background-color: #666;
+    border-color: #666;
+}
+#kronolithApplications a {
+    width: 18px;
+    height: 20px;
+    line-height: 20px;
+    background-color: #ece9d8;
+    background-repeat: no-repeat;
+    border-color: #ccc;
+    text-indent: -9999px;
+    text-align: center;
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    border-radius: 0;
+}
+#kronolithApplications a img {
+    display: none;
+}
+#kronolithMenu-portal {
+    background-image: url('graphics/kronolithSprites.png');
+    background-position: -163px -172px;
+    -moz-border-radius: 4px 0 0 4px !important;
+    -webkit-border-radius: 4px 0 0 4px !important;
+    border-radius: 4px 0 0 4px !important;
+}
+#kronolithApplications a#kronolithApplication-webmail {
+    width: 50px;
+    background-image: url('graphics/kronolithSprites.png');
+    background-position: -139px -148px;
+}
+#kronolithApplication-turba {
+    background-image: url('graphics/kronolithSprites.png');
+    background-position: -132px -171px;
+    -moz-border-radius: 0 4px 4px 0 !important;
+    -webkit-border-radius: 0 4px 4px 0 !important;
+    border-radius: 0 4px 4px 0 !important;
+}
+#kronolithApplications .kronolithSeparator {
+    display: inline;
+}
+/* end SAPO kronolithApplications */
+
+#kronolithNotifications,
+#kronolithNotifications.kronolithClose {
+    position: relative;
+    margin: 0 5px 0 0;
+    padding: 0 4px;
+    width: 18px;
+    height: 20px;
+    line-height: 20px;
+    overflow: hidden;
+    background: #ddd url('graphics/kronolithSprites.png') -243px -109px no-repeat !important;
+    border-width: 1px;
+    border-style: solid;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    font-size: .95em;
+    text-decoration: none;
+    color: #222;
+    text-align: left;
+    text-indent: -9999px;
+}
+#kronolithNotifications {
+    background-color: #f4f4f4 !important;
+    border-color: #e2e2e2 !important;
+}
+#kronolithNotifications.kronolithNotifications {
+    opacity: .5;
+}
+#kronolithNotifications.kronolithClose {
+    opacity: inherit;
+}
+
+#kronolithLogout {
+    padding: 2px;
+    color: #c00;
+    font-weight: bold;
+    text-transform: uppercase;
+}
+#kronolithLogout:hover {
+    background-color: #c00;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    color: #fff;
+    text-decoration: none;
+}
+
+#kronolithMain {
+    padding: 0;
+}
+#kronolithMenu {
+    top: 70px;
+    width: 170px;
+}
+#kronolithBody {
+    top: 70px;
+    left: 190px;
+}
+
+/* Left menu column */
+#kronolithMenu h3 {
+    height: auto;
+    min-height: 20px;
+    font-size: 1em;
+    color: #666;
+    border-bottom-color: #808080;
+    cursor: default;
+}
+#kronolithMenu h3 span {
+    position: relative;
+    display: block;
+    bottom: 0;
+    width: 135px;
+    line-height: 20px;
+    overflow: hidden;
+    white-space: normal;
+}
+#kronolithMenu h3.search span {
+    width: 60px;
+}
+
+#kronolithMenu div.kronolithCalendars div {
+    margin: 0 1px 2px 0;
+    padding: 0 3px 0 20px;
+    height: auto;
+    min-height: 16px;
+    line-height: 16px;
+    overflow-x: hidden;
+       background-image: url('graphics/kronolithSprites.png');
+    background-position: -70px -270px;
+    border: 1px transparent solid;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    font-size: .9em;
+    color: #202020;
+    letter-spacing: .1em;
+}
+#kronolithMenu div.kronolithCalendars div img {
+       margin-left: 3px;
+       vertical-align: -2px;
+}
+#kronolithMenu div.kronolithCalendars div.kronolithCalOn {
+       background-image: url('graphics/kronolithSprites.png');
+       background-position: -54px -286px;
+}
+#kronolithMenu div.kronolithCalendars div.kronolithCalOver {
+    border-color: #666;
+    text-decoration: none;
+}
+#kronolithMenu div.kronolithCalendars .kronolithCalEdit {
+    margin: 0 1px;
+    width: 19px;
+    border-color: #ccc;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    color: #666;
+    font-weight: bold;
+}
+#kronolithMenu div.kronolithCalendars .kronolithCalEdit:hover {
+    border-color: #aaa;
+    color: #222;
+}
+#kronolithMenu div.kronolithCalendars .configtags {
+       float: right;
+       height: 16px;
+       white-space: nowrap;
+}
+#kronolithMenu div.kronolithCalendars .configtags img {
+       float: left;
+       margin: 1px;
+       width: 14px;
+       height: 14px;
+}
+
+#kronolithMenu .kronolithDialogInfo {
+    margin-bottom: 5px;
+    line-height: 16px;
+    font-size: .9em;
+}
+#kronolithMenu .kronolithDialogInfo a {
+    color: #369;
+    font-weight: bold;
+}
+#kronolithMenu .kronolithDialogInfo a:hover {
+    color: #036;
+    text-decoration: none;
+}
+
+#kronolithMenu form {
+    margin-top: 5px;
+}
+#kronolithSearchTerm,
+#kronolithSearchButton {
+       vertical-align: middle;
+}
+#kronolithSearchTerm,
+#kronolithSearchTerm:focus {
+    padding: 0;
+    width: 135px;
+    height: 25px;
+    line-height: 25px;
+       border-color: #ccc;
+    -moz-border-radius: 4px 0 0 4px;
+    -webkit-border-radius: 4px 0 0 4px;
+    border-radius: 4px 0 0 4px;
+}
+#kronolithSearchTerm:focus,
+#kronolithSearchTerm:active {
+    color: #222;
+}
+#kronolithSearchButton {
+    margin-left: -2px;
+    padding: 0;
+    width: 30px;
+    height: 27px;
+       overflow: hidden;
+       background: transparent url('graphics/kronolithSprites.png') -264px -46px no-repeat;
+    border: none;
+    -moz-border-radius: 0 4px 4px 0;
+    -webkit-border-radius: 0 4px 4px 0;
+    border-radius: 0 4px 4px 0;
+       cursor: pointer;
+       text-indent: -9999px;
+}
+
+#kronolithMenuCalendars {
+    top: 225px;
+}
+#kronolithAddholiday {
+    display: none;
+}
+
+/* removed add event link as it will be block click */
+.kronolithAddEvent {
+    display: none;
+}
+#kronolithAddEvents {
+    line-height: 25px;
+    margin-bottom: auto;
+}
+#kronolithAddEvents span {
+    height: 22px;
+    line-height: 22px;
+    padding: 0 8px;
+    border: 1px #aaa solid;
+    letter-spacing: .05em;
+    font-size: 1.1em;
+    text-shadow: 1px 1px 2px #fff;
+    color: #222;
+}
+#kronolithAddEvents span.accessKey {
+    padding: 0;
+    background: none;
+    border: none;
+    font-size: 1em;
+}
+span#kronolithNewEvent {
+    margin-right: 1px;
+    padding: 0 8px !important;
+    width: 115px;
+    border-width: 1px #aaa solid !important;
+    -moz-border-radius: 4px 0 0 4px;
+    -webkit-border-radius: 4px 0 0 4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-bottom-left-radius: 4px;
+    border-radius: 4px 0 0 4px;
+}
+span#kronolithQuickEvent {
+    width: 15px;
+    line-height: 20px;
+    -moz-border-radius: 0 4px 4px 0;
+    -webkit-border-radius: 0 4px 4px 0;
+    -webkit-border-top-right-radius: 4px;
+    -webkit-border-bottom-right-radius: 4px;
+    border-radius: 0 4px 4px 0;
+    font-size: 1.4em;
+    text-align: center;
+    text-indent: 0;
+}
+#kronolithNewEvent:hover,
+#kronolithQuickEvent:hover {
+    border-color: #888;
+    color: #222;
+}
+
+#kronolithSearch {
+    border: 1px #c0c0c0 solid;
+    padding-left: 4px;
+}
+
+/* Edit dialog. */
+div.kronolithTags {
+    max-height: 75px;
+    overflow: auto;
+    font-size: 7pt;
+    line-height: 20px;
+}
+div.kronolithTags span {
+    padding: 2px 4px;
+    background-color: #fff;
+    border: 1px #c0c0c0 solid;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    font-size: 7pt;
+    color: #202020;
+}
+div.kronolithTags span:hover {
+    color: #202020;
+}
+
+/* Quick edit. */
+#kronolithQuickinsert {
+    top: 100px;
+    left: 150px;
+    padding-top: 6px;
+    width: 425px;
+    line-height: 16pt;
+    background: transparent url('graphics/kronolithSprites.png') -338px -19px no-repeat;
+    font-size: .9em;
+    letter-spacing: 0.1em;
+    color: #222;
+}
+#kronolithQuickinsert form {
+    margin: 0;
+    padding: 10px;
+    line-height: 2em;
+    background-color: #f8faf8;
+    border: 5px #666 solid;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-shadow: 0px 0px 15px #888;
+    -webkit-box-shadow: 0px 0px 15px #888;
+    box-shadow: 0 0 15px #888;
+}
+#kronolithQuickinsert label {
+    color: #666;
+}
+#kronolithQuickinsert select {
+    width: 125px;
+}
+
+/* ini dialog */
+.kronolithDialog {
+    padding: 10px 0; /* was 0, changed because of form */
+    width: 650px;
+    background-color: #f8faf8;
+    border-color: #ccc;
+    border-width: 5px;
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+    border-radius: 8px;
+    color: #666;
+}
+.kronolithDialog h4 {
+    display: none;
+    margin-bottom: 10px;
+    padding: 3px 10px 7px;
+    background-color: #aaa;
+    -moz-border-radius: 4px 4px 0 0;
+    -webkit-border-radius: 4px 4px 0 0;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-radius: 4px 4px 0 0;
+    font-size: 1.2em;
+    color: #222;
+}
+.kronolithDialog form {
+    margin: 0 auto;
+    padding: 0; /*10px 15px; was 0 15px when using h4 */
+    width: 620px;
+}
+.kronolithDialog div {
+    margin-bottom: 10px;
+}
+.kronolithDialog label img {
+       vertical-align: text-bottom;
+}
+.KeyNavList {
+       bottom: 0;
+       margin: 3px 0 0 5px;
+       border: 3px #aaa solid;
+       -moz-border-radius: 4px;
+       -webkit-border-radius: 4px;
+       border-radius: 4px;
+}
+.KeyNavList ul li {
+       padding: 4px 20px 4px 4px;
+}
+.KeyNavList ul li:hover,
+.KeyNavList ul li.selected,
+.KeyNavList ul li.selected:hover {
+       background-color: #666;
+}
+
+.kronolithDialog a {
+    text-decoration: none;
+}
+.kronolithDialog a.kronolithEventGeo {
+    font-weight: bold;
+}
+.kronolithDialog table {
+    border-collapse: collapse;
+}
+.kronolithDialog td {
+    vertical-align: middle;
+}
+#kronolithCalendarinternalColor {
+    text-align: center;
+}
+.kronolithDialog br.clear {
+    display: none;
+}
+
+/* ini still testing */
+.kronolithDialog .tabset {
+    margin: 15px 0 5px;
+    height: 25px;
+}
+.kronolithDialog .tabset .kronolithSeparator {
+    float: left;
+    margin-right: 5px;
+}
+.kronolithDialog .tabset ul {
+   float: left;
+   margin-right: 5px;
+   height: 25px;
+}
+.kronolithDialog .tabset li {
+   margin: 0 1px 0 0;
+   height: 20px;
+   line-height: 20px;
+   border: 1px #dadada solid;
+}
+.kronolithDialog .tabset li:first-child {
+   -moz-border-radius: 4px 0 0 4px;
+   -webkit-border-radius: 4px 0 0 4px;
+   -webkit-border-top-left-radius: 4px;
+   -webkit-border-bottom-left-radius: 4px;
+   border-radius: 4px 0 0 4px;
+}
+.kronolithDialog .tabset li:last-child {
+   -moz-border-radius: 0 4px 4px 0;
+   -webkit-border-radius: 0 4px 4px 0;
+   -webkit-border-top-right-radius: 4px;
+   -webkit-border-bottom-right-radius: 4px;
+   border-radius: 0 4px 4px 0;
+}
+.kronolithDialog .tabset li:first-child:last-child {
+   -moz-border-radius: 4px;
+   -webkit-border-radius: 4px;
+   border-radius: 4px;
+}
+.kronolithDialog .tabset .activeTab {}
+.kronolithDialog .tabset li a {
+   padding: 0 14px;
+   background: none;
+   border: none;
+   color: #606060;
+   font-size: .85em;
+   text-transform: uppercase;
+}
+.kronolithDialog .tabset li.activeTab a {
+   background: none;
+   color: #202020;
+}
+.kronolithFormActions {
+    position: relative;
+}
+
+.kronolithTabsOption {
+    clear: both;
+    line-height: 2em;
+}
+#kronolithEventDescription {
+    overflow-x: hidden;
+}
+.kronolithDialogInfo,
+.kronolithDialogWarning,
+.kronolithDialogHelp {
+    padding-top: 1px;
+    padding-bottom: 1px;
+    line-height: 1.4em;
+    background-image: url('graphics/kronolithSprites.png');
+    background-position: -200px -158px;
+    color: #666;
+}
+.kronolithDialogInfo.infoNoIcon {
+    padding-left: 0;
+    background-image: none;
+}
+.kronolithDialogWarning {
+    padding-top: 1px;
+    padding-bottom: 1px;
+    background-image: url('graphics/kronolithSprites.png');
+    background-position: -136px -206px;
+}
+.kronolithDialogWarning strong {
+    color: #a00;
+}
+.kronolithDialogHelp {
+    float: right;
+    line-height: 23px;
+    background-image: none;
+}
+.kronolithFormActions .kronolithDialogHelp {
+    float: none;
+    position: absolute;
+    top: 50%;
+    right: 0;
+       margin-top: -8px;
+}
+.kronolithDialogHelp a {
+    display: block;
+    overflow: hidden;
+    width: 16px;
+       height: 16px;
+    background: transparent url('graphics/kronolithSprites.png') -248px -94px no-repeat;
+    text-align: left;
+    text-indent: -9999px;
+}
+
+#kronolithEventDates br, #kronolithEventBasics br {
+    display: none;
+}
+
+#kronolithEventTabAttendees table {
+       border-collapse: collapse;
+}
+#kronolithEventTabAttendees th,
+#kronolithEventTabAttendees td {
+    padding: inherit;
+    width: 16px;
+    height: 16px;
+    line-height: 16px;
+    border: 2px transparent solid;
+    font-size: .9em;
+}
+.kronolithCPAdvanced th,
+.kronolithCPAdvanced td {
+    height: 17px;
+    line-height: 17px;
+    font-size: .95em;
+}
+
+#kronolithEventTabAttendees th,
+.kronolithCPAdvanced th {
+    padding: 0;
+    background-color: #d4d4d4;
+}
+#kronolithEventTabAttendees th:first-child,
+.kronolithCPAdvanced th:first-child {
+    background-color: #666;
+    -moz-border-radius: 4px 0 0 4px;
+    -webkit-border-radius: 4px 0 0 4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-bottom-left-radius: 4px;
+    border-radius: 4px 0 0 4px;
+    color: #fff;
+}
+#kronolithEventTabAttendees th:last-child,
+.kronolithCPAdvanced th:last-child {
+    -moz-border-radius: 0 4px 4px 0;
+    -webkit-border-radius: 0 4px 4px 0;
+    -webkit-border-top-right-radius: 4px;
+    -webkit-border-bottom-right-radius: 4px;
+    border-radius: 0 4px 4px 0;
+}
+#kronolithEventTabAttendees th:first-child:last-child,
+.kronolithCPAdvanced th:first-child:last-child {
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+}
+#kronolithEventTabAttendees th.night {
+    background-color: #bbb;
+}
+.kronolithCPAdvanced th,
+.kronolithCPAdvanced td {
+    padding-left: 4px;
+}
+#kronolithEventAttendeesList td {
+       padding-right: 0;
+    border-color: solid;
+}
+#kronolithEventTabAttendees td.kronolithAttendeeAccepted,
+#kronolithEventTabAttendees td.kronolithAttendeeDeclined,
+#kronolithEventTabAttendees td.kronolithAttendeeTentative,
+#kronolithEventTabAttendees td.kronolithAttendeeNone {
+    background-image: url('graphics/kronolithSprites.png');
+}
+#kronolithEventTabAttendees td.kronolithAttendeeAccepted {
+    background-position: -232px -126px;
+}
+#kronolithEventTabAttendees td.kronolithAttendeeDeclined {
+    background-position: -120px -222px;
+}
+#kronolithEventTabAttendees td.kronolithAttendeeTentative {
+    background-position: -104px -238px;
+}
+#kronolithEventTabAttendees td.kronolithAttendeeNone {
+    background-position: -88px -254px;
+}
+
+.kronolithCPAdvanced td {
+    padding-top: 4px;
+    padding-bottom: 4px;
+    width: auto;
+    white-space: nowrap;
+}
+#kronolithFBLoading {
+    top: 95px;
+}
+table .kronolithFBFree,
+table .kronolithFBBusy {
+    position: static !important !important;
+}
+table .kronolithFBUnknown {
+       background-color: transparent;
+    background-image: url('graphics/kronolithSprites.png');
+       background-position: -248px -78px;
+}
+
+.hordeACListMember {
+    height: 20px;
+    line-height: 20px;
+    padding: 0 0 0 5px;
+}
+.hordeACListItem {
+    position: relative;
+    float: left;
+    margin: 3px 0 0 3px;
+    padding-right: 20px;
+    border-color: #ccc;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+}
+.hordeAcTrigger {
+       margin: 3px 0 0 3px;
+       height: 18px;
+       line-height: 18px;
+}
+#kronolithAttendeesACTriggerContainer {
+    margin: 3px 0 0 3px;
+}
+.hordeACListItem:hover {
+    border-color: #aaa;
+}
+.hordeACListItem .hordeACItemRemove {
+    position: absolute;
+       top: 50%;
+    right: 1px;
+    margin: -8px 0 0 0;
+    padding: 8px;
+    width: 0;
+    height: 0;
+    vertical-align: inherit;
+    overflow: hidden;
+    background: transparent url('graphics/kronolithSprites.png') -280px -78px no-repeat;
+}
+#kronolithEventTopTags div {
+    margin-bottom: 0;
+}
+.kronolithTopTags span {
+    float: left;
+    margin: 0 0 2px 2px;
+    padding: 0 8px;
+    height: 20px;
+    line-height: 20px;
+    border-color: #ccc;
+}
+.kronolithTopTags span:hover {
+    border-color: #aaa;
+}
+
+#kronolithEventTabMap {
+    width: 100%;
+    overflow: hidden;
+}
+#kronolithEventMap {
+    width: 650px;
+}
+
+#kronolithCalendarinternalExport,
+#kronolithCalendartasklistsExport,
+#kronolithEventExport {
+    padding: 1px 0 2px 20px;
+    background: transparent url('graphics/kronolithSprites.png') -168px -174px no-repeat;
+    font-weight: bold;
+}
+
+a.cancel {
+    color: #808080 !important;
+}
+
+/* end still testing */
+
+/* end dialog */
+
+/* ini forms */
+form {
+    font-size: 1em;
+    line-height: 1.6em;
+}
+label { white-space: nowrap; }
+fieldset { border-color: #c0c0c0; }
+.legend, legend {
+    border-bottom-width: 1px !important;
+    font-weight: bold;
+    text-transform: uppercase;
+}
+input,
+textarea,
+select,
+.hordeACBox {
+    padding: 2px 0;
+    vertical-align: 0;
+    letter-spacing: 0;
+    background-color: #fff;
+    border: 1px #e0e0e0 solid;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+}
+input:hover,
+textarea:hover,
+select:hover,
+input:focus,
+textarea:focus,
+select:focus {
+    -moz-box-shadow: 0 0 4px #ddd;
+    -webkit-box-shadow: 0 0 4px #ddd;
+    box-shadow: 0 0 4px #ddd;
+}
+input[disabled],
+textarea[disabled],
+select[disabled],
+input[disabled]:hover,
+textarea[disabled]:hover,
+select[disabled]:hover {
+    background-color: #f4f4f4;
+    color: #222;
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+.kronolithFormActions input[disabled],
+.kronolithFormActions input[disabled]:hover {
+    border: 1px #c0c0c0 solid;
+}
+.hordeACTrigger:hover,
+.hordeACTrigger:focus {
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+.hordeACTrigger:focus,
+.hordeACTrigger:active {
+    border: none;
+}
+textarea {
+    letter-spacing: .1pt;
+}
+input[type='radio'] {
+    vertical-align: middle;
+       background-color: transparent;
+    border: none;
+}
+input[type='checkbox'] {
+    vertical-align: 0;
+       background-color: transparent;
+    border: none;
+}
+select {
+    padding-right: 2px;
+    cursor: pointer;
+}
+option {
+    display: block !important;
+}
+
+.button {
+    padding: 2px 4px;
+    border: 1px #c0c0c0 solid;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    color: #444;
+    font-weight: bold;
+    font-size: .95em;
+    text-transform: none;
+    text-shadow: 0 1px 0 #fff;
+    cursor: pointer;
+}
+.button:hover,
+.button:active { border-color: #808080; }
+.button.ok { color: #458a3e; }
+.button.ko { color: #a00; }
+.button.cancel { color: #606060; }
+.button.disabled { color: #a0a0a0; }
+.button.disabled:hover { background: inherit; }
+.button.help { background: #406ad6; border: 1px navy solid; color: #fff; cursor: help; }
+
+#kronolithQuickinsertForm .button,
+#kronolithEventDialog .button,
+.kronolithFormActions .button {
+    padding: 2px 20px;
+}
+
+a.kronolithFormCancel {
+    color: #666;
+}
+#kronolithQuickinsertForm .kronolithDialogInfo {
+    margin: 5px 0;
+    line-height: 16px;
+}
+
+/* ini caption and nav */
+#kronolithBody caption,
+#kronolithViewTasks caption.tabset,
+#services_prefs .header {
+    float: none;
+    margin: 0 2px 5px;
+    width: auto;
+    height: 22px;
+    line-height: 22px;
+    border: 1px #d5df7b solid;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    text-transform: uppercase;
+    color: #660;
+    cursor: default;
+}
+#kronolithBody caption, #kronolithViewTasks caption.tabset, x:-moz-any-link, x:default {
+    height: 24px;
+}
+#kronolithBody caption span,
+#services_prefs .header span {
+    padding: 0 5px;
+}
+
+/*
+ * nav between
+ */
+#kronolithBody caption .kronolithNavigation {
+    top: 1px;
+    right: 1px;
+    padding: 0;
+}
+#kronolithBody caption .kronolithNavigation, x:-moz-any-link, x:default {
+    top: 2px;
+    right: 4px;
+}
+#kronolithBody caption .kronolithNavigation ul {
+    margin-top: 3px;
+}
+#kronolithViewTasks .tabset li,
+#kronolithViewAgenda .tabset li {
+    margin-right: 0;
+    margin-left: 1px;
+}
+#kronolithBody caption .kronolithNavigation span {
+    padding: 0;
+}
+
+.kronolithPrint,
+.kronolithGotoToday,
+#kronolithMenu a.kronolithAdd,
+.kronolithPrev, #kronolithMinicalPrev,
+.kronolithNext, #kronolithMinicalNext,
+.option,
+#kronolithViewTasks caption.tabset li a,
+#kronolithViewAgenda caption.tabset li a,
+.hordeCalendarPopup thead a {
+    position: absolute;
+    top: 0;
+    margin-left: 3px;
+    padding: 3px 6px;
+    width: auto;
+    height: 12px;
+    line-height: 12px;
+    border: 1px #ccc solid;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    letter-spacing: 1px;
+    font-weight: normal;
+    font-size: 1em;
+    color: #666;
+    text-indent: 0;
+    text-decoration: none !important;
+    text-transform: none;
+    text-align: center;
+    cursor: pointer;
+    text-shadow: none;
+}
+#kronolithMinicalPrev,
+#kronolithMinicalNext,
+#kronolithMenu a.kronolithAdd {
+    height: 10px;
+    line-height: 10px;
+}
+#kronolithMenu a.kronolithAdd {
+    top: auto !important;
+    right: 1px;
+    bottom: 2px;
+    font-weight: bold;
+}
+#kronolithMenu a.kronolithAdd:hover {
+    color: #222;
+}
+.kronolithPrint:hover,
+.kronolithGotoToday:hover,
+#kronolithBody caption .kronolithToday:hover,
+.kronolithAdd:hover,
+#kronolithMinicalPrev:hover,
+#kronolithMinicalNext:hover,
+.kronolithPrev:hover,
+.kronolithNext:hover,
+#kronolithViewTasks caption.tabset li a:hover,
+#kronolithViewAgenda caption.tabset li a:hover,
+.hordeCalendarPopup thead a:hover {
+    border-color: #aaa !important;
+    color: #222;
+}
+
+#kronolithViewTasks caption.tabset li a,
+#kronolithViewAgenda caption.tabset li a {
+    position: static;
+    margin-left: 0;
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    border-radius: 0;
+}
+#kronolithViewTasks caption.tabset li a#kronolithTasksAll,
+#kronolithViewAgenda caption.tabset li a#kronolithSearchAll {
+    -moz-border-radius: 4px 0 0 4px;
+    -webkit-border-radius: 4px 0 0 4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-bottom-left-radius: 4px;
+    border-radius: 4px 0 0 4px;
+}
+#kronolithViewTasks caption.tabset li a#kronolithTasksFuture,
+#kronolithViewAgenda caption.tabset li a#kronolithSearchFuture {
+    -moz-border-radius: 0 4px 4px 0;
+    -webkit-border-radius: 0 4px 4px 0;
+    -webkit-border-top-right-radius: 4px;
+    -webkit-border-bottom-right-radius: 4px;
+    border-radius: 0 4px 4px 0;
+}
+#kronolithViewTasks caption.tabset li.activeTab a,
+#kronolithViewAgenda caption.tabset li.activeTab a {
+    border-color: #aaa;
+}
+#kronolithViewTasks .kronolithAddTask {
+    line-height: 12px;
+    border: 1px #aaa solid;
+    font-weight: bold;
+    color: #666;
+    text-shadow: 1px 1px 2px #fff;
+}
+#kronolithViewTasks .kronolithAddTask:hover {
+    border-color: #666;
+    color: #222;
+}
+.kronolithAddTask .kronolithAddTaskIcon {
+    width: 12px;
+    height: 12px;
+    overflow: hidden;
+    background-image: url('graphics/kronolithSprites.png');
+       background-position: -200px -144px;
+}
+
+.kronolithGotoToday {
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    border-radius: 0;
+}
+.kronolithPrev,
+#kronolithMinicalPrev {
+    -moz-border-radius: 4px 0 0 4px;
+    -webkit-border-radius: 4px 0 0 4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-bottom-left-radius: 4px;
+    border-radius: 4px 0 0 4px;
+}
+.kronolithNext,
+#kronolithMinicalNext {
+    -moz-border-radius: 0 4px 4px 0;
+    -webkit-border-radius: 0 4px 4px 0;
+    -webkit-border-top-right-radius: 4px;
+    -webkit-border-bottom-right-radius: 4px;
+    border-radius: 0 4px 4px 0;
+}
+#kronolithMinicalPrev,
+#kronolithMinicalNext {
+    top: 1px;
+    right: 1px;
+}
+#kronolithMinicalPrev, #kronolithMinicalNext, x:-moz-any-link, x:default {
+    top: 5px;
+    right: 5px;
+}
+#kronolithMinicalPrev {
+    right: 23px;
+}
+#kronolithMinicalPrev, x:-moz-any-link, x:default {
+    right: 27px;
+}
+
+.kronolithPrint,
+.kronolithGotoToday,
+.kronolithPrev,
+.kronolithNext {
+    position: static;
+    margin-left: 1px;
+}
+.kronolithPrint {
+    margin-left: 5px;
+}
+.kronolithPrint span {
+    opacity: .5;
+    width: 12px;
+    height: 12px;
+    background-image: url('graphics/kronolithSprites.png');
+       background-position: -298px -48px;
+       background-repeat: no-repeat;
+}
+.kronolithPrint:hover span {
+    opacity: 1;
+}
+/* end caption and nav */
+
+/* ini Mini calendar */
+.kronolithMinical {
+    padding: 4px;
+    background-color: #f4f4f4;
+    border: 1px solid #e2e2e2;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+}
+.kronolithMinical table {
+    width: 100%;
+       border-collapse: separate;
+    border-spacing: 1px;
+}
+.kronolithMinical caption {
+    margin: 0 !important;
+    background-color: #fff !important;
+    background-image: none !important;
+    border: none !important;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    text-transform: uppercase;
+    color: #666 !important;
+}
+.kronolithMinical caption span {
+    padding: 0 5px;
+    font-size: .9em;
+}
+.kronolithMinical th,
+.kronolithMinical td.kronolithMinicalWeek  {
+    width: 18px;
+    height: 14px;
+    line-height: 14px;
+    background: none;
+    border-width: 0 !important;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    color: #666;
+    cursor: default;
+}
+.kronolithMinical th {
+    font-weight: bold;
+    -moz-border-radius: 4px 4px 0 0;
+    -webkit-border-radius: 4px 4px 0 0;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-radius: 4px 4px 0 0;
+}
+.kronolithMinical td.kronolithMinicalWeek {
+    cursor: pointer;
+}
+.kronolithMinical th.kronolithMinicalEmpty {
+    background-color: transparent;
+}
+.kronolithMinical tbody td,
+.kronolithMinical .kronolithMinicalEmpty,
+.hordeCalendarPopup tbody td {
+    height: 16px;
+    line-height: 16px;
+    background-color: #fff;
+    border-width: 0;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+}
+.kronolithMinical .kronolithMinicalEmpty,
+.kronolithMinical .kronolithMinicalEmpty.kronolithSelected {
+    background-color: #f0f0f0; 
+}
+.hordeCalendarPopup tbody td.hordeCalendarEmpty {
+    background-color: #e9e9e9;
+}
+.hordeCalendarPopup tbody td.hordeCalendarEmpty {
+       background-color: transparent;
+}
+.kronolithMinical .kronolithSelected,
+.hordeCalendarPopup .hordeCalendarCurrent,
+.hordeCalendarPopup tbody td:hover {
+       background-color: #fafad0;
+}
+.hordeCalendarPopup tbody td.hordeCalendarEmpty:hover {
+       background-color: inherit;
+}
+.kronolithMinical .kronolithToday,
+.hordeCalendarPopup td.hordeCalendarToday,
+.hordeCalendarPopup td.hordeCalendarToday a {
+   background-color: #cc0 !important;
+   color: #000;
+}
+.kronolithMinical .kronolithMinicalEmpty.kronolithToday {
+       background-color: #f0f0f0 !important;
+       color: #ccc;
+}
+.kronolithMinical .kronolithIsBusy,
+.kronolithMinical .kronolithToday.kronolithIsBusy {
+   background-color: #660 !important;
+   color: #fff;
+}
+
+#kronolithMinical {
+    clear: left;
+    top: 10px;
+    background-color: #e0eb86;
+    border-color: #d5df7b;
+}
+#kronolithMinical caption {
+    color: #660 !important;
+}
+#kronolithMinical th,
+#kronolithMinical td.kronolithMinicalWeek {
+    color: #660;
+}
+/*
+#kronolithMinical .kronolithMinicalEmpty {
+    background-color: #e0eb86;
+}
+*/
+#kronolithViewYear .kronolithMinical {
+    margin: 10px;
+    width: 170px;
+}
+#kronolithYear3,
+#kronolithYear6,
+#kronolithYear9 {
+    clear: left;
+}
+/* end Mini calendar */
+
+/* ini calendarPopup */
+#hordeCalendar {
+       z-index: 99999;
+}
+table.hordeCalendarPopup {
+    padding: 20px 4px 4px;
+    width: auto;
+    background-color: #e9e9e9; /* was #e0eb86 */
+    border-color: #ccc; /* #d5df7b */
+    border-width: 2px;
+    border-spacing: 1px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+}
+table.hordeCalendarPopup thead a {
+/*    float: right; */
+    position: relative;
+    margin-left: 0;
+    
+    background: none;
+    border: none;
+    font-size: 1.8em;
+}
+table.hordeCalendarPopup thead td,
+table.hordeCalendarPopup thead th {
+    border-bottom: none;
+    color: #660;
+}
+table.hordeCalendarPopup thead th {
+/*    padding-top: 5px; */
+       padding: 2px 0;
+       background-color: #999;
+       -moz-border-radius: 4px;
+       -webkit-border-radius: 4px;
+       border-radius: 4px;
+       color: #fff;
+       text-transform: uppercase;
+}
+table.hordeCalendarPopup thead td {
+    padding: 0;
+    background-color: #fff;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    text-transform: uppercase;
+}
+/*
+table.hordeCalendarPopup thead td:first-child {
+    background-color: transparent;
+}
+*/
+table.hordeCalendarPopup .hordeCalendarClose {
+    position: absolute;
+    z-index: 105;
+    top: 4px;
+    right: 8px;
+    padding: 0;
+    width: 16px;
+    height: 16px;
+    overflow: hidden;
+    background: transparent url('graphics/kronolithSprites.png') -1174px -122px no-repeat;
+    border: none;
+    text-indent: -9999px;
+}
+table.hordeCalendarPopup tbody td {
+    empty-cells: show;
+    width: 20px;
+    font-size: .9em;
+    text-align: center;
+}
+table.hordeCalendarPopup tbody a {
+    padding: 0;
+    color: #888;
+}
+table.hordeCalendarPopup tbody a:hover {
+    background: inherit;
+    text-decoration: none;
+}
+table.hordeCalendarPopup td.today a,
+.hordeCalendarPopup .hordeCalendarCurrent a {
+    color: inherit;
+}
+/* end calendarPopup */
+
+
+/* More main view */
+table.kronolithView {
+    margin-left: 0;
+       border-collapse: separate;
+}
+table.kronolithView td {
+    background-color: #fff;
+    border-color: #e2e2e2;
+}
+table.kronolithView .kronolithNight td {
+    background-color: #f4f4f4;
+}
+table.kronolithView #kronolithAgendaNoItems td,
+table.kronolithView #kronolithTasksNoItems td {
+    background-color: transparent;
+    border-width: 0;
+    font-style: italic;
+}
+table.kronolithView td.kronolithFirstCol {
+    width: 30px;
+    vertical-align: middle !important;
+    background-color: #d9d9d9;
+    border-color: #ccc;
+    -moz-border-radius: 4px 0 0 4px;
+    -webkit-border-radius: 4px 0 0 4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-bottom-left-radius: 4px;
+    border-radius: 4px 0 0 4px;
+    font-size: .9em;
+    color: #666;
+}
+table.kronolithView td.kronolithFirstCol span {
+    -moz-transform: none;
+    -webkit-transform: none;
+    white-space: normal;
+}
+.kronolithViewHead {
+    margin-right: 17px;
+}
+.kronolithViewHead, x:-moz-any-link, x:default {
+    margin-right: 15px;
+}
+.kronolithViewHead thead td,
+#kronolithViewMonthHead td {
+    background-color: #d9d9d9;
+    border-color: #ccc;
+    -moz-border-radius: 4px 4px 0 0;
+    -webkit-border-radius: 4px 4px 0 0;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-radius: 4px 4px 0 0;
+    color: #222;
+}
+#kronolithViewMonthHead td {
+    cursor: default;
+}
+
+.kronolithViewHead thead td span {
+    white-space: nowrap;
+}
+.kronolithViewHead thead td.kronolithFirstCol,
+#kronolithViewMonthHead .kronolithFirstCol {
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.kronolithViewBody {
+    top: 135px;
+}
+.kronolithViewBody, x:-moz-any-link, x:default {
+    top: 135px;
+}
+.kronolithCorner {
+    margin: 0 1px 1px 0;
+}
+.kronolithDay {
+    background-color: #f7f7f7;
+    border-style: solid;
+    border-color: #e2e2e2;
+    border-width: 0 1px 1px 0;
+    -moz-border-radius: 0 0 4px 0;
+    -webkit-border-radius: 0 0 4px 0;
+    border-radius: 0 0 4px 0;
+    color: #666;
+}
+table.kronolithView td.kronolithOtherMonth,
+.kronolithOtherMonth .kronolithDay {
+    background-color: #f4f4f4;
+}
+.kronolithMore {
+    color: #369;
+}
+.kronolithMore:hover {
+    color: #036;
+}
+
+#kronolithEventsDay {
+    left: 37px;
+    right: 3px;
+}
+#kronolithEventsWeek {
+    left: 35px;
+    right: 1px;
+}
+
+/* ini fmt: solves handles overlap problem */
+div.kronolithEvent img {
+       margin-left: 3px;
+       vertical-align: -2px;
+}
+div.kronolithEvent .kronolithEventInfo {
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    line-height: 14px;
+}
+div.kronolithEvent .kronolithDragger.kronolithDraggerTop,
+.kronolithDraggerTop.drag {
+    -moz-border-radius: 4px 4px 0 0;
+    -webkit-border-radius: 4px 4px 0 0;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-radius: 4px 4px 0 0;
+}
+div.kronolithEvent .kronolithDragger.kronolithDraggerBottom,
+.kronolithDraggerBottom.drag {
+    -moz-border-radius: 0 0 4px 4px;
+    -webkit-border-radius: 0 0 4px 4px;
+    -webkit-border-bottom-left-radius: 4px;
+    -webkit-border-bottom-right-radius: 4px;
+    border-radius: 0 0 4px 4px;
+}
+/* end fmt: solves handles overlap problem */
+
+/* ini labels */
+.label {
+       line-height: 13px;
+       color: #606060;
+       text-shadow: #fff 1px 1px 2px;
+       cursor: default;
+}
+thead .label {
+       padding-top: 5px;
+       padding-right: 16px;
+       background: #e3e3e3 url('../images/label.png') right 0 no-repeat;
+       border: none;
+       border-left: 1px #dedede solid;
+}
+tbody td.label {
+       padding-top: 5px;
+       padding-right: 5px;
+       text-align: right;
+}
+.label.left {
+       text-align: left;
+}
+.label a {
+       font-size: 7pt;
+}
+td label {
+       font-weight: normal;
+       text-transform: none;
+}
+.label label {
+       font-weight: bold;
+       text-transform: uppercase;
+}
+.label label a {
+       font-size: 8.5pt;
+}
+/* end labels */
+
+/* ini fmt */
+
+/* sidemenu and minical */
+#kronolithSearch {
+   width: 140px;
+}
+
+/* views */
+#kronolithViewMonthContainer {
+   top: 53px;
+}
+/*
+#kronolithViewMonthContainer, x:-moz-any-link, x:default {
+   top: 53px;
+}
+*/
+
+.kronolithToday {
+    background-color: #f8fcd9 !important;
+    border-color: #d5df7b !important;
+}
+.kronolithToday .kronolithDay {
+    background-color: #e7ecc5;
+    border-color: #d5df7b;
+}
+
+.kronolithAllDay td {
+    height: 70px;
+    background-color: #fffffa;
+}
+
+/* ini notifications */
+#Growler {
+    position: absolute !important;
+    z-index: 50000 !important;
+    top: 75px;
+    right: inherit !important;
+    left: 50%;
+    bottom: auto !important;
+    max-height: inherit !important;
+    margin-left: -250px;
+    padding: 0 !important;
+    width: 500px;
+    cursor: default;
+}
+#GrowlerLog {
+    position: inherit;
+    left: inherit;
+    bottom: inherit !important;
+    width: inherit;
+    max-height: inherit;
+}
+#GrowlerLog > div {
+    position: fixed;
+    z-index: 50000;
+    top: 45px;
+    bottom: 25px;
+    left: 50%;
+    margin-left: -270px;
+    padding: 10px;
+    width: 500px;
+    overflow-x: hidden;
+    overflow-y: auto;
+    background-color: #f8faf8;
+    border: 10px #666 solid;
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+    border-radius: 8px;
+    -moz-box-shadow: 0 0 30px #666;
+    -webkit-box-shadow: 0 0 30px #666;
+    box-shadow: 0 0 30px #666;
+}
+.GrowlerNoticeExit {
+       width: 16px;
+       height: 16px;
+       background: transparent url('graphics/kronolithSprites.png') -280px -78px no-repeat;
+       overflow: hidden;
+       text-indent: -9999px;
+       cursor: pointer;
+}
+#GrowlerLog .GrowlerNoticeExit {
+       background-position: -120px -206px;
+}
+#GrowlerLog .GrowlerNoticeExit:hover {
+       background-position: -280px -78px;
+}
+#GrowlerLog ul {
+    position: relative;
+}
+#GrowlerLog li,
+#GrowlerLog ul li,
+#GrowlerLog ul li:last-child {
+    position: relative;
+       margin: 0 0 10px 0;
+       padding: 0 20px 10px;
+       line-height: 16px;
+    background-color: transparent !important;
+    border-width: 0 0 1px 0 !important;
+    border-color: #ccc !important;
+    border-style: dotted;
+    font-size: 1.05em;
+    color: #222 !important;
+    cursor: default;
+}
+#GrowlerLog ul li:last-child {
+    border-bottom-width: 0 !important;
+}
+#GrowlerLog ul div {
+    display: block;
+}
+#GrowlerLog li.GrowlerInfo,
+#GrowlerLog li.GrowlerNoAlerts {
+       padding-left: 0;
+       background-color: transparent;
+}
+#GrowlerLog span.GrowlerAlertDate {
+    display: block;
+    padding: 0;
+    color: #888;
+}
+#GrowlerLog .GrowlerNoticeExit {
+       position: absolute;
+       top: 0;
+       right: 0;
+}
+
+#Growler div.GrowlerNotice {
+    opacity: 1 !important;
+    margin-top: 0;
+    padding-left: 10px;
+    width: auto;
+       background-image: none;
+    border-width: 8px;
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+    border-radius: 8px;
+    -moz-box-shadow: 0 0 30px #666;
+    -webkit-box-shadow: 0 0 30px #666;
+    box-shadow: 0 0 30px #666;
+    font-size: 1.05em;
+}
+#Growler div.GrowlerNotice .GrowlerNoticeBody {
+       line-height: 16px;
+       padding: 0 20px;
+       background-repeat: no-repeat;
+}
+#GrowlerLog li a,
+#Growler div.GrowlerNotice a {
+    color: #fff;
+    text-decoration: underline;
+}
+#GrowlerLog li a {
+       color: #036;
+}
+#Growler div.horde-error .GrowlerNoticeBody,
+#GrowlerLog li.horde-error {
+   background-image: url('graphics/kronolithSprites.png');
+   background-position: -264px -94px;
+}
+#Growler div.horde-message {
+   border-color: #036;
+}
+#Growler div.horde-message .GrowlerNoticeBody,
+#GrowlerLog li.horde-message {
+   background-image: url('graphics/kronolithSprites.png');
+   background-position: -216px -142px;
+}
+#Growler div.horde-success .GrowlerNoticeBody,
+#GrowlerLog li.horde-success {
+   background-image: url('graphics/kronolithSprites.png');
+   background-position: -232px -126px;
+}
+#Growler div.horde-warning {
+   background-color: #ffc;
+   border-color: #f2b600;
+}
+#Growler div.horde-warning .GrowlerNoticeBody,
+#GrowlerLog li.horde-warning {
+   background-image: url('graphics/kronolithSprites.png');
+   background-position: -248px -110px;
+}
+#Growler div.horde-warning a,
+#GrowlerLog li.horde-warning a {
+   color: #222;
+}
+#Growler div.horde-alarm {
+    background-color: #f2d479;
+    border-color: #666;
+}
+#Growler div.horde-alarm .GrowlerNoticeBody {
+    background-image: url('graphics/kronolithSprites.png');
+    background-position: -296px -62px;
+    color: #222;
+}
+#Growler div.horde-alarm a {
+    color: #222;
+}
+#GrowlerLog li.NoAlerts {
+    padding-left: 10px;
+}
+/* end notifications */
+
+/* ini print */
+@media print {
+    body,
+    body.kronolithAjax {
+        background: #fff;
+       overflow: visible;
+    }
+    #kronolithHeader {
+        position: static;
+       display: block;
+       padding-bottom: 10px;
+    }
+    #kronolithLogo {
+        position: static;
+    }
+    #bsu_container.bsu_pt,
+    #bsu_root,
+    #kronolithLoading,
+    #kronolithServices,
+    .kronolithNavigation,
+    .kronolithAddTask,
+    sapoAds {
+        display: none !important;
+    }
+    #kronolithViewMonthContainer {
+        top: 93px;
+    }
+    .kronolithViewHead {
+        margin-right: 0;
+    }
+    .kronolithViewBody {
+        position: static;
+        top: 155px;
+       bottom: auto;
+       overflow-y: visible;
+    }
+    #kronolithYear4, #kronolithYear8 {
+        clear: none;
+    }
+    #kronolithYear3, #kronolithYear6, #kronolithYear9 {
+        clear: left;
+    }
+    #kronolithViewTasks caption.tabset,
+    #kronolithViewAgenda caption.tabset {
+        display: block;
+    }
+}
+/* end print */
+
+
+/* ini prefs */
+/* there are 1 or 2 settings scattered around, but always starting with services_prefs */
+#services_prefs #menu {
+    display: none;
+}
+#services_prefs .header {
+    padding: 0;
+    font-size: 1em;
+}
+#services_prefs .header .smallheader {
+    display: none; /* hides prefs for apps other than kronolith */
+}
+#services_prefs .header .button,
+#services_prefs .header .smallheader .button {
+    font-size: .85em;
+}
+#services_prefs .button {
+    padding: 2px 10px;
+}
+#services_prefs .prefsOverview div {
+    float: none;
+    width: auto !important;
+    cursor: default;
+}
+#services_prefs .prefsOverview div div {
+    padding-left: 0;
+}
+#services_prefs .prefsOverview h2 {
+    margin-bottom: 10px;
+    padding: 0 5px;
+    height: 22px;
+    line-height: 22px;
+    background-color: #fff;
+    border: 1px #dadada solid;
+    -moz-border-radius: 4px;
+    -webkit-border-radius 4px;
+    border-radius: 4px;
+    font-size: 1em;
+}
+#services_prefs .prefsOverview dl {
+    margin-left: 10px;
+    font-size: 1.05em;
+}
+#services_prefs .prefsOverview dt {
+    float: left;
+}
+#services_prefs .prefsOverview dt a {
+    padding: 0 5px 0 16px;
+    height: 2em;
+    line-height: 16px;
+    background: transparent url('graphics/kronolithSprites.png') -328px -30px no-repeat;
+    border: none;
+    font-weight: normal;
+}
+#services_prefs .prefsOverview dd {
+    padding: 0;
+    height: 2em;
+    line-height: 16px;
+    background: none;
+    border: none;
+    color: #888;
+    font-style: italic;
+}
+#services_prefs #prefs .header {
+    margin-bottom: 0;
+    padding-left: 6px;
+    padding-right: 6px;
+    background-position: 0 0;
+    border-color: #ccc;
+    color: #666;
+}
+#services_prefs div.prefsContainer {
+    line-height: 2em;
+    background-color: transparent;
+}
+#services_prefs #prefs div.prefsContainer .header {
+    margin-bottom: 10px;
+}
+#services_prefs div.prefsContainer div {
+    margin-bottom: 5px;
+}
+#services_prefs #notifyParams {
+    margin-top: 5px;
+}
+#services_prefs .headerbox {
+    background: none;
+    border: none;
+}
+#services_prefs .control {
+/* almost the same as kronolithDialogInfo */
+    margin: 10px 0;
+    padding-left: 20px;
+    line-height: 1.4em;
+    background: transparent url('graphics/kronolithSprites.png') -200px -158px no-repeat;
+    border: none;
+    color: #666;
+}
+#services_prefs div.prefsContainer p {
+    padding-top: inherit;
+}
+#services_prefs .text {
+    padding: 2px 8px;
+    border: 1px #ccc solid;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+}
+/* end prefs */
+
+
+/* ini ads */
+#kronolithBody {
+    right: 180px;
+}
+#sapoAds {
+    position: absolute;
+    top: 70px;
+    right: 10px;
+    bottom: 10px;
+    width: 160px;
+    overflow: hidden;
+}
+.sapoAdsBack {
+       position: absolute;
+       z-index: 0;
+       top: 0;
+       bottom: 0;
+       width: 158px;
+       background-color: #dad5c0;
+       border: 1px #ccc7b4 solid;
+       -moz-border-radius: 8px;
+       -webkit-border-radius: 8px;
+       border-radius: 8px;
+}
+.sapoAdsLogo {
+       position: absolute;
+       top: 50%;
+       left: 50%;
+       margin-top: -32px;
+       margin-left: -40px;
+       width: 80px;
+       height: 64px;
+    background: transparent url('graphics/kronolithSprites.png') -24px -78px no-repeat;
+}
+#sapoAds iframe {
+       position: absolute;
+       z-index: 2;
+}
+
+/* end ads */
+
+
+/* ini grads
+ * grey
+ */
+#kronolithNav a,
+span#kronolithNewEvent,
+#kronolithMenu a.kronolithAdd,
+#kronolithMenu div.kronolithCalendars .kronolithCalEdit,
+.kronolithPrint,
+.kronolithGotoToday,
+.kronolithPrev,
+.kronolithNext,
+#kronolithMinicalPrev,
+#kronolithMinicalNext,
+#kronolithViewTasks .kronolithAddTask,
+#kronolithViewTasks caption.tabset li a,
+#kronolithViewAgenda caption.tabset li a,
+.hordeCalendarPopup thead a,
+.kronolithDialog .tabset li,
+.option,
+.button,
+.kronolithTopTags span,
+.hordeACListItem {
+       background-color: #f0f0f0;
+       background-image: none;
+       background-image: -moz-linear-gradient(top, #fefefe, #dbdbdb);
+       background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#fefefe),to(#dbdbdb));
+       border: 1px #ccc solid;
+}
+/*
+ * light grey inverse, search
+ */
+#kronolithSearchTerm {
+       background-color: #fff;
+       background-image: none;
+       background-image: -moz-linear-gradient(top, #f3f3f3, #fefefe);
+       background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#f3f3f3),to(#fefefe));
+}
+/*
+ * dark grey, quickevent
+ */
+span#kronolithQuickEvent {
+       background-color: #9d9c9a;
+       background-image: none;
+       background-image: -moz-linear-gradient(top, #dedede, #9d9c9a);
+       background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#dedede),to(#9d9c9a));
+       border: 1px #888 solid;
+}
+/*
+ * grey inverse, selected
+ */
+#kronolithNav a.on,
+.kronolithDialog .tabset .activeTab,
+#kronolithViewTasks caption.tabset li.activeTab a,
+#kronolithViewAgenda caption.tabset li.activeTab a {
+       background-color: #fafafa;
+       background-image: none;
+       background-image: -moz-linear-gradient(top, #9d9c9a, #dedede);
+       background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#9d9c9a),to(#dedede));
+       border: 1px #ccc solid;
+}
+/*
+ * green
+ */
+#kronolithBody caption,
+#kronolithViewTasks caption.tabset,
+#services_prefs .header {
+       background-color: #f0f2a7;
+       background-image: none;
+       background-image: -moz-linear-gradient(top, #f0f2a7, #d3d968);
+       background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#f0f2a7),to(#d3d968));
+       border: 1px #d3d968 solid;
+}
+/* end grads */
diff --git a/kronolith/themes/sapo/screen_maps.css b/kronolith/themes/sapo/screen_maps.css
new file mode 100644 (file)
index 0000000..efea08d
--- /dev/null
@@ -0,0 +1,211 @@
+#kronolithEventTabMap {margin-bottom:-5px; padding-bottom:0px !important;}\r
+\r
+#kronolithEventForm {margin-bottom:0px; padding-bottom:0px;}\r
+\r
+#kronolithEventMap {width:700; height:270px; background:#f2f4fb !important;}\r
+\r
+#kronolithEventMap .sliderDoorTop {background:url(graphics/widget_btns2.png) no-repeat; border:none; font-size:11px; position:absolute; overflow:hidden; font-weight:bold}\r
+\r
+#kronolithEventMap .mapa { background:#fff; width:700px; height:270px;  border:1px solid blue;}\r
+\r
+#kronolithEventMap .slider {display:none; position:absolute; top:0px; left:0px; width:202px; height:270px; padding-right:34px; background:url(graphics/widget_slider.png) no-repeat; overflow:hidden; z-index:1006}\r
+\r
+#kronolithEventMap .sliderDoor { position:absolute; width: 20px; height : 25px; top:110px; left:200px; cursor:pointer; }\r
+#kronolithEventMap .sliderDoor span {display:block; text-indent:-9999px;}\r
+\r
+#kronolithEventMap .sliderDoorTop {width:15px; height:16px; background-position:-500px -16px; text-indent:-9999px; top:5px; right:40px;}\r
+#kronolithEventMap .sliderDoorTop:hover {background-position:-515px -16px; cursor:pointer}\r
+\r
+#kronolithEventResults {\r
+    width:100%; \r
+    height:auto !important;\r
+    height:270px\r
+}\r
+\r
+.content_smapi, .smapi_popup_content {font-family:Arial, Helvetica, sans-serif; font-size:12px;line-height:1.5}\r
+.smapi_popup_wrapper {\r
+       /*  height:110px !important */\r
+       min-height:110px;\r
+       height:auto !important;\r
+       height:110px;\r
+    padding-bottom: 35px !important;\r
+}\r
+\r
+.smapi_popup_content h3 {font-size:13px; padding:0px; margin:0px}\r
+.smapi_popup_content input, .smapi_popup_content textarea {border:1px solid #999999}\r
+.search_pop_header_smapi p {\r
+       font-size:13px; \r
+       padding:0px; \r
+       margin:0px;\r
+       font-weight:bold;\r
+       line-height:1.0em;\r
+       }\r
+\r
+.utils_msg_smapi {display:none;}       \r
+.search_photo {visibility:hidden; display:none;}       \r
+\r
+.WhereAmI {\r
+    width: 240px;\r
+}\r
+\r
+.WhereAmI .pop_input{\r
+    /*width: 178px;*/\r
+}\r
+\r
+#markerformcontrols a{float: left; cursor: pointer;}\r
+#markerformcontrols .submit_btn {margin-top: 5px;}\r
+\r
+.WhereAmI .marker_data{\r
+    clear: both;\r
+}\r
+\r
+.WhereAmI .marker_data textarea{\r
+    overflow: auto;\r
+}\r
+\r
+.WhereAmI .marker_data input {\r
+    background:transparent url(http://imgs.sapo.pt/fotos_gis/site/mapasLayout.png) no-repeat scroll right -103px;\r
+    border:0 none;\r
+    display: block;\r
+    height:16px;\r
+    padding:4px 2px 2px;\r
+    width: 223px;\r
+}\r
+\r
+.WhereAmI .marker_data h3 {\r
+    display: block;\r
+    font-size: 12px;\r
+}\r
+\r
+.WhereAmI .marker_data .input_start {\r
+    background:transparent url(http://imgs.sapo.pt/fotos_gis/site/mapasLayout.png) no-repeat scroll left -103px;\r
+    border:0 none;\r
+    display:block;\r
+    float:left;\r
+    height:20px;\r
+    padding:2px;\r
+}\r
+\r
+.WhereAmI textarea {\r
+    width: 220px;\r
+    padding: 5px;\r
+    font-family: arial, sans-serif;\r
+    font-size: 12px;\r
+}\r
+\r
+.pop-up_smapi h5 {margin-bottom: 10px; font-size: 14px; font-weight: bold;}\r
+\r
+.pop-up_smapi .description{\r
+    overflow: auto;\r
+}\r
+.smaps_api_search_paging {margin-top:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#ffffff}\r
+.smaps_api_search_paging_pages { padding-bottom:5px}\r
+.smaps_api_search_paging_resultsInfo { margin-bottom:3px}\r
+.iti_submit { margin-left:115px; width:67px; height:24px; background:url(graphics/widget_btns2.png) no-repeat -414px -27px; border:none !important; font-size:11px;overflow:hidden; cursor:pointer}\r
+.linkCancel {color: #1D94E7}\r
+\r
+\r
+.category_results{\r
+       height:222px;   /* give margin to map scale */\r
+       overflow:auto;\r
+    padding: 0px ! important;\r
+}\r
+.category_results .newsubmitbtn{\r
+  font-size:12px;\r
+}\r
+\r
+.search_title_header { padding-left:10px}\r
+.search_results_smapi {background:#FFF}\r
+\r
+.search_pop_content_smapi {font-size: 10px;}\r
+\r
+\r
+.search_title_header { \r
+       font-size:9pt;\r
+       width : 170px;\r
+       line-height:1.2; \r
+       padding-bottom:2px;\r
+       /*  height:25px !important */\r
+       min-height:25px;\r
+       height:auto !important;\r
+       height:25px;\r
+}\r
+.metadata { font-size:9.5pt; line-height:1.2}\r
+.search_pop_content_smapi { width: 270px;}\r
+.k___ronolithDialog { margin-bottom:1px;}\r
+.kronolithEventGeo { margin:0px; padding:0px;}\r
+.action_container { text-align: right; margin-right:5px; margin:0px; margin-top:1px;padding:0px; line-height:1.1em}\r
+.b_adicionar {background:url(graphics/widget_btns2.png) no-repeat; border:none; font-size:11px; overflow:hidden; font-weight:bold; width:140px; height:23px; background-position:-223px 0px; top:4px; left:500px;}\r
+.b_adicionar:hover {cursor:hand; }\r
+\r
+.kronolithTabsOption {line-height: 1em}\r
+\r
+.iframe_title {\r
+    padding: 2px 4px;\r
+    background: #efefef url(graphics/cal_grads.png) 0 0 repeat-x;\r
+    border: 1px #c0c0c0 solid;\r
+    -moz-border-radius: 4px;\r
+    -webkit-border-radius: 4px;\r
+    color: #666;\r
+    font-weight: bold;\r
+    font-size: .95em;\r
+    text-transform: uppercase;\r
+    text-shadow: #fff 1px 1px 2px;\r
+}\r
+\r
+.mapict_NavigationZoom {\r
+        margin: 1px auto auto !important;\r
+        font-weight:bold !important;\r
+ }\r
+\r
+.mapict_zoom_point_wraper {\r
+    padding: 4px 0 !important;\r
+}\r
+\r
+.mapict_NavigationZoom_zoomout, .mapict_NavigationZoom_zoomin {\r
+    font-weight:bold;\r
+    line-height: 1.7em;\r
+}\r
+\r
+\r
+.category_results .results_list .pagination {\r
+     padding:2px ! important;\r
+ }\r
+\r
+\r
+.category_results .selected_cat h2, .category_results .zone_header h2 {\r
+    height:14px ! important;\r
+}\r
+\r
+.category_results .newsubmitbtn {\r
+    font-size:11px ! important;\r
+    padding: 5px !important;\r
+\r
+}\r
+\r
+.vermais {\r
+    margin: 0px ! important;\r
+    padding: 0px ! important;\r
+}\r
+\r
+
+
+/* ini fmt 2010-06-15 */
+.action_container {
+       position: absolute;
+       z-index: 9999;
+       top: 5px;
+       right: 8px;
+}
+.b_adicionar {
+       width: 18px;
+       overflow: hidden;
+       background-image: url('graphics/kronolithSprites.png');
+       background-position: -300px -138px;
+       text-indent: -9999px;
+       cursor: pointer;
+}
+#kronolithEventTabMap {
+       margin-bottom: 10px;
+}
+/* end fmt 2010-06-15 */
diff --git a/kronolith/themes/sapo/themed_graphics b/kronolith/themes/sapo/themed_graphics
new file mode 100644 (file)
index 0000000..e69de29