Index: openacs-4/packages/calendar/www/resources/calendar.css
===================================================================
RCS file: /usr/local/cvsroot/openacs-4/packages/calendar/www/resources/calendar.css,v
diff -u -r1.11 -r1.11.2.1
--- openacs-4/packages/calendar/www/resources/calendar.css	16 Aug 2006 17:52:15 -0000	1.11
+++ openacs-4/packages/calendar/www/resources/calendar.css	9 Feb 2007 16:07:38 -0000	1.11.2.1
@@ -1,559 +1,421 @@
-ca.cal-table-header {
-	background: #587d91;
-	color: #000000;
-	margin: 0px;
-	padding: 0px;
-	font-weight: bold;
-}
-
-.cal-month-title-text {
-        font-size: 140%;
-        font-weight: bold;
-        background-color: #003b53;
-        text-align: center;
-        color: #FFFFFF;
-}
-
-.cal-table-header a {
-	color: #0055AA;
-}
-
-.cal-table-header a:hover {
-	text-decoration: underline;
-}
-
-.cal-table-title {
-	background: #FFFFFF;
-	font-weight: bold;
-	border-width: 0px 0px 1px 0px;
-	border-style: solid;
-	border-color: #dfe2e5;
-	vertical-align: top;
-}
-
-.cal-week {
-	background: #FFFFFF;
-	valign: top;
-	font-weight: bold;
-	border-width: 0px 0px 1px 0px;
-	border-style: solid;
-	border-color: #dfe2e5;
-}
-
-.cal-month-day {
-	background: #dfe2e5;
-	border: 0px none;
-	color: #003366;
-	font-weight: bold;
-	font-size: 80%;
-	vertical-align: top;
-        height: 60px;
-}
-
-.cal-month-day:hover {
-	background: #cccccc;
-        cursor: pointer;
-}
-
-.cal-month-today {
-	font-weight: bold;
-	background-color: #587d91;
-	text-align: left;
-	color: #FFFFFF;
-	border: 0px solid;
-	font-size: 80%;
-	vertical-align: top;
-
-}
-.cal-month-today:hover {
-	background: #666666;
-        cursor: pointer;
-}
-.cal-month-today a {
-	color: #dfe2e5;
-}
-
-.cal-no-border {
-        border: medium none; 
-}
-
-.mini-calendar .view-list {
-	color: #999999;
-	text-decoration: none;
-	font-size: 8pt;
-	white-space: nowrap;
-	font-weight: bold;
-	border-top: 0px solid #dfe2e5;
-	border-right: 0px solid #dfe2e5;
-	border-bottom: 1px solid #dfe2e5;
-	border-left: 0px solid #dfe2e5;
-}
-
-.mini-calendar .view-list td {
-	padding-right: 8px;
-	padding-left: 8px;
-	padding-top: 4px;
-	padding-bottom:4px;
-	text-align: center;
-}
-
-.mini-calendar .view-list .selected {
-	background-color: #6b96ad;
-}
-
-.mini-calendar .view-list a {
-	color: #999999;
-}
-
-.mini-calendar .view-list .selected a {
-	color: #000000;
-}
-
-.mini-calendar .view-list .selected a:visited {
-	color: #000000;
-}
-
-.mini-calendar .view-list a:visited {
-	color: #999999;
-}
-
-.mini-calendar .view-list a:hover {
-	color: #000000;
-	text-decoration: none;
-}
-
-.mini-calendar a {
-        text-decoration: none;
-}
-
-.cal-field {
-	font-size: 8pt;
-	color: #000000;
-	margin: 0px;
-	padding: 0px;
-	border: 1px solid #dfe2e5;
-	background-color: #FFFFFF;
-}
-
-.cal-frm-compact {
-	font-size: 9pt;
-	color: #000000;
-	margin: 0px;
-	padding: 0px;
-	border: 0px solid #000000;
-	vertical-align: top;
-}
-
-.cal-navbar-spacer {
-	color: #000000;
-	font-size: 8pt;
-	text-align: center;
-	font-weight: bold;
-	text-decoration: none;
-	padding-top: 4px;
-	padding-bottom:4px;
-	padding-right: 8px;
-	padding-left: 8px;
-	white-space: nowrap;
-	border-top: 1px solid #000000;
-	border-right: 0px solid #000000;
-	border-bottom: 0px solid #000000;
-	border-left: 0px solid #000000;
-	background-color: #CEE6FF;
-}
-
-.cal-navbar-spacer-end {
-	color: #000000;
-	font-size: 8pt;
-	text-align: center;
-	font-weight: bold;
-	text-decoration: none;
-	padding-top: 4px;
-	padding-bottom:4px;
-	padding-right: 8px;
-	padding-left: 8px;
-	white-space: nowrap;
-	border-top: 1px solid #000000;
-	border-right: 0px solid #000000;
-	border-bottom: 0px solid #000000;
-	border-left: 0px solid #000000;
-	background-color: #CEE6FF;
-}
-
-.cal-navbar-end {
-	color: #000000;
-	font-size: 8pt;
-	text-align: center;
-	font-weight: bold;
-	text-decoration: none;
-	padding-top: 4px;
-	padding-bottom:4px;
-	padding-right: 8px;
-	padding-left: 8px;
-	white-space: nowrap;
-	border-width: 0px 0px 0px 1px;
-	border-style: solid;
-	border-color: #dfe2e5;
-}
-
-.cal-navbar-spacer-start {
-	border-width: 1px 0px 0px 0px;
-	border-style: solid;
-	border-color: #000000;
-	background-color: #CEE6FF;
-}
-
-.cal-navbar-spacer-selected {
-	color: #000000;
-	font-size: 8pt;
-	text-align: center;
-	font-weight: bold;
-	text-decoration: none;
-	white-space: nowrap;
-	padding: 4px 8px;
-	background-color: #CEE6FF;
-	border: 0px solid #000000;
-}
-
-.cal-navbar-spacer-body {
-	background-color: #DDDDFF;
-	color: #000000;
-	font-size: 8pt;
-	text-decoration: none;
-	padding: 4px 8px;
-	white-space: nowrap;
-	border-width: 0px 1px;
-	border-style: solid;
-	border-right-color: #663399;
-	border-left-color: #FFFFFF;
-}
-
-.cal-navbar-spacer-selected-start {
-	background-color: #CEE6FF;
-	border-width: 0px 0px 0px 1px;
-	border-style: solid;
-	border-color: #FFFFFF;
-}
-
-.cal-button-sml {
-	font-family: Arial, Helvetica, sans-serif;
-	font-size: 8pt;
-	font-weight: bold;
-	background-color: #CC0000;
-	margin: 0px;
-	padding: 0px;
-	border: 1px solid #000000;
-	cursor: pointer;
-	color: #FFFFFF;
-}
-
-.cal-row-dark {
-        background: #dfe2e5;
-}
-
-.cal-row-light {
-        background: #FFFFFF;
-}
-
-.cal-row-hi {
-	font-weight: bold;
-	border: 0px solid #6b96ad;
-}
-
-.cal-row-lo {
-	color: #999999;
-	border: 0px solid #6b96ad;
-}
-
-#at-a-glance {
-	font-weight: normal;
-	border: 0px solid;
-	line-height: 140%;
-}
-
-#at-a-glance td {
-	margin: 3px;
-	padding: 1px;
-        width: 30px;
-        border: 1px solid #ffffff;
-	background-color: #Dfe2e5;
-}
-
-#at-a-glance td.months {
-        width: 80px;
-}
-
-#at-a-glance td.selected {
-	background-color: darkgray;
-        color: #ffffff;
-}
-
-#at-a-glance td.selected a {
-        color: #ffffff;
-}
-
-#at-a-glance td.selected a:link {
-        color: #ffffff;
-}
-
-#at-a-glance td.selected a:visited {
-        color: #ffffff;
-}
-
-#at-a-glance td.selected a:hover {
-        color: #ffffff;
-}
-
-#at-a-glance td.selected a:active {
-        color: #ffffff;
-}
-
-#at-a-glance tr.days td {
-	font-weight: bold;
-	background-color: #FFFFFF;
-	text-align: right;
-	color: #000000;
-	border: 0px solid #002C5A;
-}
-
-#at-a-glance td.inactive {
-	background-color: #dfe2e5;
-	text-align: right;
-}
-
-#at-a-glance td.inactive a {
-	color: #999999;
-}
-
-#at-a-glance td.active {
-	background-color: #dfe2e5;
-	text-align: right;
-}
-#at-a-glance td.active:hover {
-	background-color: #cccccc;
-	text-align: right;
-}
-
-#at-a-glance td.today {
-	font-weight: bold;
-	text-align: right;
-	background-color: #CC3300;
-}
-
-#at-a-glance td.today a {
-	color: #FFFFFF;
-}
-
-#jump {
-	background: #6b96ad;
-	color: #000000;
-	margin: 0px;
-	padding: 0px;
-}
-
-#jump a {
-	color: #0055AA;
-}
-
-#jump a:hover {
-	text-decoration: underline;
-}
-
-#jump tr {
-        text-align: center;
-}
-
-#jump td {
-        padding-left: 1em;
-        font-size: smaller;
-}
-
-
-.cal-spacer {
-	line-height: 1px;
-	font-size: 0px;
-	margin: 0px;
-	padding: 0px;
-	border-top: 0px solid #003366;
-	border-right: 0px solid #003366;
-	border-bottom: 1px solid #003366;
-	border-left: 0px solid #003366;
-}
-
-.mini-calendar .header {
-	width: 100%;
-	border: 0px none;
-	margin: 0px;
-	padding: 0px;
-
-}
-
-.mini-calendar .header td.back {
-	background-color: #003b53;
-	vertical-align: middle;
-        text-align: left;
-}
-
-.mini-calendar .header td.forward {
-	background-color: #003b53;
-	vertical-align: middle;
-        text-align: right;
-}
-
-.mini-calendar .header td.current_view {
-	font-size: 140%;
-	font-weight: bold;
-	background-color: #003b53;
-	text-align: center;
-	color: #FFFFFF;
-}
-
-.mini-calendar {
-	border: 1px solid #dfe2e5;
-	font-size: 90%;
-        width: 240px;
-}
-
-.cal-month {
-	font-weight: bold;
-	background-color: #Dfe2e5;
-	text-align: center;
-	line-height: 160%;
-
-}
-.cal-week-table {
-	width: 100%;
-	border: 0px none;
-	background-color: #FFFFFF;
-
-}
-.cal-text-grey-sml {
-	font-size: 75%;
-	color: #999999;
-	font-weight: normal;
-
-}
-.cal-week-events {
-	width: 100%;
-	background-color: #dfe2e5;
-
-
-}
-.cal-month-day-title {
-	background: #FFFFFF;
-	border: 0px none;
-	color: #000000;
-	font-weight: bold;
-	text-align: center;
-	margin: 0px;
-	padding: 0px;
-}
-
-.cal-month-event {
-	text-align: left;
-	font-weight: normal;
-}
-
-.cal-month-event a {
-	font-weight: normal;
-}
-
-.cal-month-table {
-
-	width: 100%;
-	border: 0px none;
-	margin: 0px;
-	padding: 0px;
-}
-
-.cal-month-thismonth {
-	font-weight: bold;
-	background-color: #003366;
-	text-align: center;
-	color: #FFFFFF;
-	line-height: 160%;
-	border: 0px solid;
-}
-
-.cal-month-day-inactive {
-	background: #EEEEEE;
-	border: 0px none;
-	color: #999999;
-}
-
-.cal-month-event-notime {
-	text-align: left;
-	font-weight: bold;
-	font-size: 120%;
-}
-
-.cal-day-time {
-	font-weight: bold;
-	text-align: right;
-        font-size: 80%;
-}
-
-.cal-day-event {
-	text-align: left;
-	vertical-align: top;
-        font-size: 80%;
-}
-
-.cal-week-event-notime {
-	background-color: #dfe2e5;
-	font-weight: bold;
-}
-
-.cal-week-event-notime a {
-	background-color: #dfe2e5;
-}
-
-.cal-day-event-notime {
-	font-weight: bold;
-}
-
-.cal-day-event-notime a {
-	font-weight: bold;
-}
-
-.cal-day-event-spans {
-	text-align: left;
-	white-space: nowrap;
-	vertical-align: top;
-	border-width: 0px 0px 0px 2px;
-	border-style: solid;
-	border-color: #000066;
-}
-
-.cal-table-data-title {
-	background: #FFFFFF;
-	font-weight: bold;
-	border: 0px solid #dfe2e5;
-	text-align: right;
-	padding: 0px 10px 0px 0px;
-	width: 1%;
-	white-space: nowrap;
-        vertical-align: top;
-}
-
-.cal-table-data-action {
-	background: #dfe2e5;
-	font-weight: bold;
-	border: 1px solid #dfe2e5;
-	text-align: center;
-	width: 1%;
-	white-space: nowrap;
-	padding: 2px;
-	font-size: 95%;
-}
-
-#viewadp-mini-calendar {
-         width: 240px;
-         float: left;
-}
-
-#events {
-         margin-left: 250px;
-         margin-bottom: 0px;
-}
-
+/*  Month View  ---------------------------------------------------*/
+.cal-month-day {
+	background: #ffffff;
+	vertical-align: top;
+    height: 70px;
+	width:70px; /* this width will keep events from compressing the days without events */
+}
+
+
+.cal-month-day:hover {
+	background: #cccccc;
+    cursor: pointer;
+}
+
+.cal-month-today {
+	font-weight: bold;
+	background-color: #EAF2FF;
+	text-align: left;
+	vertical-align: top;
+
+}
+.cal-month-today:hover {
+	background: #cccccc;
+    cursor: pointer;
+}
+
+.cal-month-day-inactive {
+	background: #E6E6E6;
+}
+
+.cal-month-event {
+	text-align: left;
+	font-weight: normal;
+    overflow: hidden;
+	border:1px #ffffff solid;
+	-moz-opacity:.9; 
+	filter:alpha(opacity=90);
+}
+
+.cal-month-event a {
+	font-weight: normal;
+}
+
+.cal-month-table {
+	border: 0px none;
+	margin: 0px;
+	padding: 0px;
+	border-top: 1px #89A2B3 solid;
+	border-left: 1px #89A2B3 solid;
+}
+
+.cal-month-table td {
+	border-right: 1px #89A2B3 solid;
+	border-bottom: 1px #89A2B3 solid;
+	padding: 2px;
+}
+
+
+/* END Month View  ---------------------------------------------------*/
+
+.cal-input-field {
+	color: #000000;
+	margin: 0px;
+	padding: 0px;
+	border: 1px solid #99CCFF;
+	background-color: #FFFFFF;
+}
+
+
+/* at-a-glance ---------------------------------------------------*/
+/* This is the small cal that appears in month/week/day views on the left hand side*/
+
+.at-a-glance-head {
+    white-space: nowrap;
+    margin-right: 5px;
+}
+
+.at-a-glance-head-current_view {
+	text-align: center;
+}
+
+#at-a-glance td {
+    width: 25px;
+	height:25px;
+    border-right: 1px solid #B8B8B8;
+	border-bottom: 1px solid #B8B8B8;
+	background-color: #ffffff;
+	font-size: .9em;
+}
+
+#at-a-glance td.months {
+	width: 80px;
+}
+
+#at-a-glance td.selected {
+	background-color: #EAF2FF;
+}
+
+#at-a-glance tr.days td {
+	text-align: center;
+	border: 0px;
+}
+
+#at-a-glance td.inactive {
+	background-color: #E6E6E6;
+}
+
+#at-a-glance a {
+	text-decoration:none;
+	padding-left:3px;
+}
+
+#at-a-glance td.active {
+	background-color: #ffffff;
+}
+
+#at-a-glance td.active:hover {
+	background-color: #cccccc;
+	text-align: left;
+}
+
+#at-a-glance td.today {
+	font-weight: bold;
+	background-color: #EAF2FF;
+}
+/* END at-a-glance ---------------------------------------------------*/
+
+
+.cal-text-grey-sml {
+	font-size: .75em;
+	color: #666666;
+	font-weight: normal;
+
+}
+
+/* cal-item-view, cal-item-new ---------------------------------------------------*/
+
+#viewadp-mini-calendar {
+         width: 240px;
+         float: left;
+}
+
+#events {
+         /* margin-left: 250px; */
+         margin-bottom: 0px;
+}
+
+
+/* Navigation at the bottom of Month/Week views */
+
+.calendar-back-forward {
+	padding-top:6px;
+} 
+
+.calendar-back-forward img {
+	vertical-align:middle;
+	padding-bottom:2px;
+	border:0px;
+}
+/* /Navigation at the bottom of Month/Week views */
+
+
+
+/*  Week/Day View Common Styles  ---------------------------------------------------*/
+#cal-table-day, #cal-table-week  {
+	background-color:#89A2B3;
+}
+
+.day-time-1 {
+	border:1px #ffffff solid;
+	background-color:#D8E0E6;
+	height:43px;
+}
+.day-time-1 p, .day-time-2 p {
+	margin-top:6px;
+	text-align:center;
+}
+
+.day-time-2 {
+	border:1px #ffffff solid;
+	background-color:#e8edf1;
+	height:43px;
+}
+
+/*  Week View  ---------------------------------------------------*/
+
+.week-event-1 {
+	background-color:#E5E5E5;
+	vertical-align:top;
+}
+
+.week-event-2 {
+	background-color:#ffffff;
+	vertical-align:top;
+}
+
+.week-entry-item p {
+	margin:3px;
+}
+
+.week-entry-box {
+	position:relative;
+	width:100%;
+	top:0px;
+	z-index:3;
+}
+
+.week-entry-box a {
+	text-decoration:none;
+	color:#333333;
+}
+
+
+.week-entry-item {
+	width:65px;
+	border:1px #ffffff solid;
+	height:28px;
+	-moz-opacity:.9; 
+	filter:alpha(opacity=90);
+	overflow:hidden; 
+	cursor: hand;
+	right:0px;
+}
+
+.cal-week-day-title td {
+	text-align:center;
+}
+
+/*  END Week View  ---------------------------------------------------*/
+
+/*  Day View  ---------------------------------------------------*/
+.day-event-1 {
+	border:0px #ffffff solid;
+	background-color:#E5E5E5;
+}
+
+.day-event-2 {
+	border:0px #ffffff solid;
+	background-color:#ffffff;
+}
+
+#day-entry-box {
+	position:relative;
+	width:100%;
+	top:0px;
+}
+
+.day-entry-item {
+	position:absolute;
+	width:65px;
+	height:43px;
+    overflow: hidden;
+	border:1px #ffffff solid;
+	-moz-opacity:.9; 
+	filter:alpha(opacity=90);
+    font-size: 90%;
+}
+
+.day-entry-item p {
+	margin:3px;
+}
+
+/*  END Day View  ---------------------------------------------------*/
+
+/* view-list-display ---------------------------------------------------*/
+
+.cal-table-list {
+	padding:5px;
+}
+
+.cal-table-list td {
+	padding-top:2px;
+	padding-bottom:2px;
+	padding-left:5px;
+	padding-right:5px;
+}
+
+.cal-table-list thead {
+	background-color:#547083;
+	font-weight:bold;
+	color:#ffffff;
+	padding:0px;
+}
+
+.cal-table-list tbody td {
+	padding-left:5px;
+	text-align:left;
+	padding-top:5px;
+	padding-bottom:5px;
+}
+
+/* END view-list-display ---------------------------------------------------*/
+
+
+.topnavbar { 
+	background:#dddddd; 
+	height:25px; 
+	text-align:center; 
+}
+
+.topnavbar .active { 
+	background:#ffffff; 
+	padding: 3px 5px;
+}
+
+.topnavbar-icon { 
+	vertical-align:middle;
+	padding-bottom:3px;
+	padding-top:1px; 
+	border:0px; 
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* UNUSED?*/
+
+
+.cal-row-dark {
+        background: #DDEEFF;
+}
+
+.cal-row-light {
+        background: #FFFFFF;
+}
+
+.cal-row-hi {
+	font-weight: bold;
+	border: 0px solid #7D7DFF;
+}
+
+.cal-row-lo {
+	color: #999999;
+	border: 0px solid #7D7DFF;
+}
+
+
+
+.calendar-Item {
+	background-color:#FFFFFF;
+	border: 1px solid #89A2B3;
+	-moz-opacity:.9; 
+	filter:alpha(opacity=90);
+}
+
+.calendar-classItem {
+	background-color:#F2E18F;
+}
+
+.calendar-communityItem {
+	background-color:#DBC9C3;
+}
+
+.calendar-personalItem {
+	background-color:#CBD3AB;
+}
+
+
+.cal-table-list .calendar-personalItemListName {
+	background-color:#CBD3AB;
+}
+.cal-table-list .calendar-personalItemListDescription {
+	border:1px #CBD3AB solid;
+}
+
+.cal-table-list .calendar-classItemListName {
+	background-color:#F2E18F;
+}
+.cal-table-list .calendar-classItemListDescription {
+	border:1px #F2E18F solid;
+}
+
+.cal-table-list .calendar-communityItemListName {
+	background-color:#DBC9C3;
+}
+.cal-table-list .calendar-communityItemListDescription {
+	border:1px #DBC9C3 solid;
+}
+
+.bottomnavbar { 
+	margin-top:20px; 
+	background:#89A2B3; 
+	height:55px; 
+	color:#ff0000; 
+	text-align:center; 
+}
+
+/* This was necessary to get the mini-calendar and the navkey below it to 
+   be aligned at the top of the row.  Without this they were valign'd center
+   no matter what we did. */
+
+    .cal-overrides #valign-hack td {
+        vertical-align:top;
+    }
+
+/* This was necessary to get rid of underlines under hyperlinks. */
+    .cal-overrides a:link, .cal-overrides a:visited, .cal-overrides a:active {
+        text-decoration: none;
+        border-bottom: 0px;
+    }
+
+    /* re-assert button style */
+    a.button, a.button:link, a.button:visited, a.button:active {
+        text-decoration: none;
+        border: 1px solid black;
+    }
+
+a.cal-export-option, a.cal-export-option:link, a.cal-export-option:visited, a.cal-export-option:active {
+  border-bottom: 1px solid #666666;
+  text-decoration: underline;
+}
+