/*
 The TrustServe Community
 Copyright (c) ocProducts, 2004-2008
*/

/*
=========================
=========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: 0 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 {
	width: 100%;
	border-collapse: collapse;
}

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

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

.calendar_day_entry_description {
	padding-top: 20px;
}

.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======
=========================
*/

.top_navigation {
	border-collapse: collapse;
}

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

.no_description {
	font-style: italic;
	text-align: center;
}

.calendar_main_page_hidden_data {
	width: 36%;
	padding: 5px;
}

.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 #415161; 
	color: #192836; 
	background-color: #e3e9ee; 
}

.calendar_day_table th, .calendar_year_month th {
	border: 1px solid #829bb4; /*  Matches border above, but uses bg-color so invisible */
}

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

.calendar_hover {
	background-color: #bdcedd; 
}

.calendar_multiple {
	background-color: red;
}


.event_conflict {
}

.event_interested {
	width: 20em;
}

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

.event_right {
	float: right;
	width: 22em;
}

.event_left {
	margin-right: 22.4em;
}

.event_subscribe {
	text-align: center;
	font-size: 0.85em;
	font-weight: bold;
	margin-top: 0.25em;
}

.event_subscriptions div {
	font-size: 0.8em;
	vertical-align: middle;
	float: right;
}

.event_type_image {
	float: left;
	margin-right: 3px;
}

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

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

.side_calendar_wrap {
	overflow-x: auto;
}

.side_calendar {
	margin-left: -1px;
}