﻿/* *************************************
 * Calendar
 *************************************
 */

div.event-range-selector {
/*	display:none;  */
	}

#calendar
{
	color: #000;
	margin-left: auto;
	margin-right: auto;
}
#calendar
	a {
	color: #000;
	text-decoration: underline;
}
#calendar
	a:link {
	color: #000;
	text-decoration: underline;
}
#calendar
	a:visited {
	color: #000;
	text-decoration: underline;
}
#calendar
	a:hover {
	text-decoration: underline;
	color: #FFCC00;
}
#calendar
	h2
	{
		margin: 10px 10px;
		padding: 0;
	}
#calendar
	div.peer-navigation
	{
		padding: 0 15px;
	}
#calendar
	table.calendar-grid
	{
	font-size: 9pt;
	}
#calendar
	table.event-grid
	{
		background-color: #fff;
		table-layout: inherit;
		width: 100%;
		padding: 0;
		margin: 0;
		border: 1px;
	}
#calendar
	table.event-grid
		th
		{
			text-transform: uppercase;
			font-size: x-small;
			letter-spacing: -1px;
			text-align: center;
			vertical-align: middle;
			font-weight: bold;
			width: 12%;
			height: 1.5em;
			background: #FFCC00;
			color: #000;
			border: 1px;
			border-color: #999;
			border-style: solid;
		}
#calendar
	table.event-grid
		th.week-count
		{
			display: none;
			background: #FFF;
			width: 3%;
			border: 1px;
			border-color: #999;
			border-style: solid;
		}
#calendar
	table.event-grid
		a
		{
			text-decoration: underline;
		}
#calendar
	table.event-grid
		td
		{
			width: 13%;
			border: 1px;
			border-color: #999;
			border-style: solid;
		}
#calendar
	table.event-grid
		td.week-count
		{
			display: none;
			writing-mode: tb-rl;
			filter:	flipH() flipV();
			text-transform: uppercase;
			letter-spacing: 1px;
			text-align: center;
			vertical-align: middle;
			border-left: none;
			width: 1em;
			padding: 0 2px 0 2px;
			background: #FFFFFF;
			border: 1px;
			border-color: #999;
		}
#calendar
	table.event-grid
		div.day
		{
			height: 100px;
			padding: 0 2px 2px 2px;
			background: #FFF;
		}
#calendar
	table.event-grid
		td > div.day
		{
			height: auto;
			min-height: 100px;
		}
#calendar
	table.event-grid
		div.OtherMonth
		{
			opacity: 0.2;
			filter: alpha(opacity=20);
		}
#calendar
	table.event-grid
		div.day
			ul
			{
				list-style: none;
				margin: 0;
				padding: 0;
			}
#calendar
	table.event-grid
		div.day
			span.summary
			{
				padding-left: 4px;
				font-weight: normal;
			}
#calendar
	table.event-grid
		div.Today
			span.summary
			{
				font-weight: normal;
			}
#calendar
	table.event-grid
		div.Today
			a.NumericDay:visited,
			a.NumericDay:link,
			{
				color: #FFCC00;
			}
#calendar
	table.event-grid
		div.Today
			a.NumericDay:hover
			{
				color: #000;
			}
#calendar
	table.event-grid
		div.day
			a.url,
#calendar
	table.event-grid
		div.day
			a.url:visited
			{
				font-weight: normal;
			}
#calendar
	div.day
	{
		padding: 10px 10px 10px 15px;
	}
#calendar
	div.event-range
	{
		padding: 10px 10px 10px 15px;
	}
#calendar
	div.event-range
		ul
		{
			list-style: none;
			margin: 0;
			padding: 0;
		}
#calendar
	div.event-range
		div.day
			a.url,
#calendar
	div.event-range
		div.day
			a.url:visited,
#calendar
	div.day
		div.events
			a.url,
#calendar
	div.day
		div.events
			a.url:visited
			{
				font-weight: normal;
				text-decoration: underline;
			}
#calendar
	div.event-range
		div.day
			a.url:hover,
#calendar
	div.day
		div.events
			a.url:hover	
		{
			font-weight: normal;
			text-decoration: underline;
		}
#calendar
	div.events
		ul
		{
			list-style: none;
			margin: 0;
			padding: 0;
		}
#calendar
	div.day
		span.importance
		{
			padding: 0 10px 0 0;		
		}
#calendar
	div.event
	{
		padding: 5px 10px 20px 20px;
	}
#calendar
	div.event
		div.summary
		{
			font-weight: normal;
		}
#calendar
	div.event
		div.description
		{
			padding: 0 0 10px 10px;
			color: #666;
			font-weight: normal;
		}
#calendar
	div.peer-navigation
		ul
		{
			margin: 0;
			padding: 0;
			list-style: none;
		}
#calendar
	div.peer-navigation
		li
		{
			display: inline;
			padding: 0 6px 0 10px;
			background: url('../images/bullet-tiny-black.gif') no-repeat left 4px;
}
#calendar
	div.peer-navigation
		li.first
		{
			background: none;
			padding-left: 0;
		}
#calendar
	div.peer-navigation
		a
	{
		color: #000;
		white-space: nowrap;
		text-decoration: none;
	}
#calendar
	div.peer-navigation
		a:hover
	{
		text-decoration: underline;
	}
#calendar
	div.vevent
		div.property
	{
		padding-bottom: 10px;
		font-weight: normal;	
	}
#calendar
	div.vevent
		div.descrption
	{
		font-weight: normal;
	}
#calendar
	div.vevent
		div.property
			.dtstart,
#calendar
	div.vevent
		div.property
			.dtend,
#calendar
	div.vevent
		div.property
			.importance,
#calendar
	div.vevent
		div.property
			.location
			{
				font-weight: normal;
			}

div.events a:hover {
	color: #FFCC00;
}

abbr.dtstart {
	color: #000;
	text-decoration: none;
	border-bottom: 0;
	font-weight: bold;
}

abbr.dtend {
	color: #000;
	text-decoration: none;
	border-bottom: 0;
	font-weight: bold;
}

span.time {
	font-weight: bold;
	padding-right: 2px;
}
div.gridcontainer {
	background:white;
}

.calendar
	table.calendar-grid
		td.out-range
		{
			opacity: 0.4;
			filter: alpha(opacity=40);
			background-color: #ebebeb;
		}

/*
 *************************************
 * Overwrite Estrada formatting for the calendar popup
 *************************************
*/

.calendar
	table.calendar-grid
		.cell
			.e-item
				.info-popup
					.i-shadow2
					{ 
						background: #FFCC00;
						font-size: x-small;
					}	
