
/*			ListViewCalendar			*/
p.summary
{
	font-size:2em;
	text-align:center;
}

.calendarview
{
	margin:0.5em 0em;
    border-collapse: collapse;
}

.calendarview th
{
	padding:0.5em;
	background-color:#666;
	color:#fff;
	text-transform:uppercase;
   border: 1px solid #666;
}

.calendarview td .day
{
	background-color:#b2b2b2;
	color:#fff;
	font-weight:bold;
	padding:0.15em 0.5em;
}

.calendarview td.comingup .day
{
	background-color:#b2b2b2;
}

.calendarview td.today .day
{
	background-color:#BF0000;
}

.calendarview td.past .day, .calendarview td.lastmonth .day
{
	color:#999;
	background-color:#ddd;
}

.calendarview td {
	vertical-align:top;
	height:10em;
	width:14.3%;
	border: 1px solid #ccc;
} 

.calendarview td:last-child {
	width:auto;
}

.calendarview td ul
{
	margin:0.5em;
	padding:0em;
	list-style:none;
}

.calendarview td ul li
{
	margin:0em;
	list-style:none;
	padding:0em;
	list-style:disc inside none;
	list-style:none;
}

.calendarview td ul li.featured a:before
{
	margin-right:0.25em;
	line-height:12px;
	vertical-align: middle;
	content:url('../images/featured12.png');
}

.calendarview td ul li a
{
	font-weight:bold;
}

.calendarview td ul li + li:before
{
	display:block;
	content: '';
	border-top:1px dotted #ccc;
	margin:0.25em 0em;
}

.calendarview td ul li.isfirst:before
{
	content:none;
}

.calendarview td.comingup ul
{
	margin:0.5em 0em;
	padding:0em;
}

.calendarview td.comingup ul li
{
	margin:0em 0.5em;
}

.calendarview td.comingup ul li span.date
{
	font-weight:bold;
}




td.leftcol a:hover.tooltips span.tooltip
{
	left:120px;
}

td.leftcol a:hover.tooltips span.tooltip:after
{
	left:10%;
}

td.rightcol a:hover.tooltips span.tooltip
{
	left:auto;
	right:0px;
	margin-left:auto;
}

td.rightcol a:hover.tooltips span.tooltip:after
{
	left:90%;
}

span.tooltip .Head
{
	display:block;
}

span.tooltip .duration
{
	display:block;
	font-weight:bold;
}

span.tooltip .summary
{
	display:block;
	margin-top:1em;
}




div.categories
{
	float:right;
	padding:0.25em 0.5em;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	background-color:#f8f8f8;
	background-image:url('../images/linear2.png');
	border:1px solid #999;
	border-radius:0.5em;
}

div.categories select
{
	font-family:Helvetica,Arial,sans-serif;
	line-height:1.5em;
	height:1.5em;
	border:0px;
	background-color:transparent;
}

@media only screen and (max-width: 786px) {
	div.categories select
	{
		max-width:10em;
	}
}
