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

/*
=========================
=========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_wrap {
   width: 100%;
   overflow-x: scroll
}

.calendar_week {
   width: 200%;
   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.5%;
   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 #788bb3; /* */
   color: #565759; /* 53% (seed sat_to 03) + 47% !W/B */
   background-color: #eaeff8; /*  */
}

/* 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: #c7d3eb; /*  */
}

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

.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
}