/* Start of CMSMS style sheet 'kids4peace: calendar' */
.column .calendar #calendar_popup
{
	width: 250px;
	display: block;
}

.column #calendar_popup .span1 { display: inline-block; width: 35px; }
.column #calendar_popup .span2 { display: inline-block; width: 71px; }
.column #calendar_popup .span3 { display: inline-block; width: 106px; }
.column #calendar_popup .span4 { display: inline-block; width: 142px; }
.column #calendar_popup .span5 { display: inline-block; width: 177px; }
.column #calendar_popup .span6 { display: inline-block; width: 213px; }

.column #calendar_popup .day
{
	display: inline-block;
	width: 27px;
	padding: 4px;
}

.column #calendar_popup .caption
{
	width: 250px;
	padding: 5px 0 5px 0;
	text-align: center;
	border-bottom: 2px #09F solid;
}

/* Big Calendar */

.content .calendar td, .content .calendar th
{
	background-color: #FFF;
	width: 14%;
	text-align: center;
	vertical-align: middle;
	padding: 7px;
	font-family: Tahoma, Verdana, Arial, San-Serif;
	font-size: 8pt;
	line-height: 1.2em;
}

/* display the "upcominglist" as one line per entry (assuming default class and id names) */
.content #cal-upcominglist .calendar-date-title,
.content #cal-upcominglist .calendar-summary-title { display: none; }

.content #cal-upcominglist h2,
.content #cal-upcominglist .calendar-date,
.content #cal-upcominglist .calendar-summary {
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
.content #cal-list h1, #cal-upcominglist h1 {
  color: red;
  font-size: 120%;
}
.content #cal-list h2, cal-upcominglist h2 {
  font-size: 110%;
}

/** large calendar rules (assuming default class and id names) **/
/* border on for #cal-calendar */
.content #cal-calendar
{
	margin: 0px;
	border-collapse: collapse;
	border: 1px #FFF solid;
}

/* nice squares for the #cal-calendar table */
.content #cal-calendar th {
  border: 1px solid #FFF;
  padding: 3px;
  width: 75px;
}

.content #cal-calendar td
{
	border: 1px #FFF inset;
	vertical-align: top;
	padding: 3px;
	height: 75px;
	width: 75px;
}

/* format summaries nicely in #cal-calendar */
.content #cal-calendar ul {
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

.content #cal-calendar li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.content #cal-calendar td a.day
{
	display: block;
	text-align: center;
	padding: 1px;
	background-color: #09F;
	color: #FFF;
	text-decoration: none;
}
.content #cal-calendar td a.day:hover { background-color: #661C35; }

.content #cal-calendar .calendar-day { background-color: #80ff80; }

.content #cal-calendar .calendar-today
{
	font-weight: normal;
	background-color: #FCC;
}

.content .calendar-event .calendar-date-title,
.content .calendar-event .calendar-summary-title,
.content .calendar-event .calendar-details-title { display: none; }

/* Bubble pop-up */

.bubbleInfo {
	position: relative;
	top: 0px;
	left: 0px;
	width: 200px;
}

.bubbleInfo .trigger { position: relative; }

.bubbleInfo .popup {
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
}

.bubbleInfo .popup td.corner {
	height: 15px;
	width: 19px;
}

.bubbleInfo .popup td#topleft { background-image: url(uploads/images/calendar/bubble-1.png); }
.bubbleInfo .popup td.top { background-image: url(uploads/images/calendar/bubble-2.png); }
.bubbleInfo .popup td#topright { background-image: url(uploads/images/calendar/bubble-3.png); }
.bubbleInfo .popup td.left { background-image: url(uploads/images/calendar/bubble-4.png); }
.bubbleInfo .popup td.right { background-image: url(uploads/images/calendar/bubble-5.png); }
.bubbleInfo .popup td#bottomleft { background-image: url(uploads/images/calendar/bubble-6.png); }
.bubbleInfo .popup td.bottom { background-image: url(uploads/images/calendar/bubble-7.png); text-align: center;}
.bubbleInfo .popup td.bottom img { display: block; margin: 0 auto; }
.bubbleInfo .popup td#bottomright { background-image: url(uploads/images/calendar/bubble-8.png); }

.bubbleInfo .popup .bubble_cont {
	font-size: 12px;
	line-height: 1.2em;
	background-color: #fff;
	color: #666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}
/* End of 'kids4peace: calendar' */

