/*
 ocPortal
 Copyright (c) ocProducts, 2004-2006

 You may not distribute a modified version of this file, unless it is solely as an ocPortal modification.
 See text/en/licence.txt for full licencing information.

*/

/*
=========================
=========Monthly=========
=========================
*/

.calendar_month {
   width: 100%;
   border-collapse: collapse
}

.calendar_month th {
   width: 12%
}

.calendar_month_entry {
   display: inline;
   width: 100%;
   height: 30px
}

.calendar_month_day {
   height: 100px
}

.calendar_month_day div {
   z-index: 10;
   float: right
}

/*
=========================
=========Yearly==========
=========================
*/

.calendar_year_month {
   height: 150px;
   width: 33%;
   vertical-align: top;
   text-align: center
}

.calendar_year_month table {
   border-collapse: collapse;
   width: 90%;
   margin: auto
}

.calendar_year_month th {
   width: 33%
}

.calendar_year_month_day {
   width: 14%;
   height: 2.5em
}

.calendar_year_month_day div {
   display: inline;
   width: 100%;
   height: 30px
}

.calendar_year_month_day img {
   float: right
}

/*
=========================
=========Weekly==========
=========================
*/

.calendar_week {
   width: 100%;
   border-collapse: collapse
}

.calendar_week_hour {
   width: 90px
}

/*
=========================
==========Day============
=========================
*/

.calendar_day_table {
   /* decided this looks ugly:
   border: 1px solid #C3CDDD;
   background-color: #EBEFF5;*/
   width: 100%;
   border-collapse: collapse
}

.calendar_day_table th {
   width: 90px;
   height: 40px
}

.calendar_day_entry {
   width: 100%;
   height: 100%
}

.calendar_day_icon {
   float: left;
   margin-right: 8px
}

.calendar_day_priority {
   float: right;
   margin-right: 8px
}

.calendar_day_entry_title {
   font-weight: bold
}

.calendar_day_entry_time {
   font-size: 0.8em
}

/*
=========================
======Miscellaneous======
=========================
*/

.calendar_date_span_link {
   float: left;
   width: 23.7%;
   text-align: center
}

.calendar_main_page_hidden_data {
   width: 40%
}

.calendar_priority_na,
.calendar_priority_1,
.calendar_priority_2,
.calendar_priority_3,
.calendar_priority_4,
.calendar_priority_5,
.calendar_priority_free_time,
.calendar_free_time,
.calendar_hover,
.calendar_active {
   font-size: 0.85em;
   padding: 2px;
   border: 1px solid #573b57; /* */
   color: #565759; /* 53% (seed sat_to 03) + 47% !W/B */
   background-color: #ede7ed; /*  */
}

/* The following classes are for the varying degress of priority that
   certain calendar events can hold. These can be used if, for example, you
   want to design higher priority events to have a darker background or an
   image. 1 is the highest priority, with 5 being the lowest. */

.calendar_priority_na {
}

.calendar_priority_1 {
}

.calendar_priority_2 {
}

.calendar_priority_3 {
}

.calendar_priority_4 {
}

.calendar_priority_5 {
}

.calendar_free_time {
}

.calendar_free_time_hourly {  /* for free time in a given hour, as opposed to .calendar_free_time, which manages free time in a month, week, or year */
}

/* -- */

.calendar_current {
   background-color: #cfbdcf; /*  */
}

.calendar_hover {
   background-color: #dcbcdc; /*  */
}

.calendar_multiple {
   background-color: #FF0000
}


.event_conflict {
}

.event_interested {
   width: 20em
}

.event_interest_box {
   padding: 3px;
   width: 50%
}

.event_reminders {
   float: right;
   width: 20em
}

.event_specification {
   padding-right: 20em
}

/*
=========================
=========Block===========
=========================
*/

.event_listing_day {
   text-decoration: underline;
   font-weight: bold;
   font-size: 1.1em
}