/* I apologize for the css that follows... */

/* LAYOUT
------------------------------------------- */
.calendar-sidebar
{width: 170px;
/* padding: 5px; */
float: left;
/* position: absolute;   wasn't working in IE, using float instead */
/* border: 1px solid; */}

	.calendar-sidebar p, .calendar-sidebar table, .calendar-sidebar h3
	{margin: 0;
	margin-bottom: .8em;}

.calendar-content
{margin-left: 195px;}


/* forms */
.calendar-sidebar input, .calendar-sidebar select
{margin-bottom: 3px;}

.calendar-sidebar select
{font-size: .9em;}

.calendar-sidebar .text
{width: 10em;}

	.calendar-sidebar table p
	{margin: 0;}

/* sidebar dropdown button */
.filter-group
{margin-bottom: .8em;}

	.filter-group .button
	{display: inline;}

.date-header *
{vertical-align: top;}

/* test ----- */
.calendar-content:after
{content: ".";
display: block;
width: 0;
clear: both;
visibility: hidden;}

.calendar-box .boxbody
{overflow: hidden;}

/* big calendar */

/* TDs -------------- */
.event-title, .start, .end, .repeat, .author
{text-align: left;}

.start, .end, .repeat, .author
{width: 130px;}

/* mini calendar */
.mini-calendar
{font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;}

table.mini-calendar th, table.mini-calendar td
{padding: 3px;
text-align: center;}


/* ---------------------------------------------------- */
.day {width: 14.3%;}

.date {height: 10em; vertical-align: top; }

.birthday-list
{list-style: none;
padding: none;
margin: none;
/* margin-left: -60px; */
width: auto;}

	ul.birthday-list li
	{width: 200px;
	height: 120px;
	display: block;
	float: left;
	padding: 10px 20px;}

	.birthday-list .user-avatar
	{float: left;
	margin-right: 5px;}

	.birthday-list .user-avatar img
	{width: 100px;
	height: 100px;}

	.birthday-list li.last
	{border: none;
	margin-right: 0;}

/*
a.birthday
{position: absolute;
top: 1px;
right: 3px;}
*/

.event-title {margin: 0;}

/* NEW EVENT & EDIT EVENT PAGES ---------------------- */

.event-title input.text,
.event-tags input.text
{width: 50%;}

ul.event-list, ul.event-list li {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.event-list li.spacer { padding: 2px; }

.event-list li a { display: block; padding: 2px; }

.starts, .ends, .repeats { text-align: center; }
.repeats { width: 100px; }
.starts, .ends { width: 130px; }

div.date-header
{position: relative;
padding-bottom: 3px;}