/*===================================( NEW-STYLE CALENDAR STYLES )===*/
/*===================================================================*/


/*======================================( STRUCTURE AND POSITION )===*/

/* common styles */
.calMonthHeading { text-align: center; padding: 3px 4px; }
.calMonth
{
	/* overflow: auto; */
	zoom: 1;
}
.calMonth table
{
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 0px;
}
.calMonth td, .calMonth th
{
	padding: 1px;
	margin: 1px;
}
td.calDay {  width: 14%; height: 4em; vertical-align: top; }

.calLinks { position: relative; margin: 3px 0px 3px 0px; padding: 0px; text-align: left; }
.calLinks .next { position: absolute; right: 0px; }
.calMonth IMG { border: none; }
.eventLink { display: block; text-decoration: none; }

/* weekday hiding for small calendars */
.leftColumn .calDayHeading .medium, .rightColumn .calDayHeading .medium { display: none; }
.leftColumn .calDayHeading .long, .rightColumn .calDayHeading .long { display: none; }
.calDayHeading .long { display: none; }

/* height for small calendars */
.leftColumn TD.calDay, .leftColumn TD.calendar_small_event_title,
.rightColumn TD.calDay, .rightColumn TD.calendar_small_event_title
{ height: 18pt; }


/*=== tooltip-like event info display... ===*/
.eventTip
{
    position: absolute;
    bottom: 100%;
    right: -10%;
    display: none;
    border-style: solid;
    border-width: 1px;
	text-decoration: none;
    padding: 5px;
    z-index: 5;
    width: 220px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.oldie .leftColumn .eventTip { left: -50%; } 
.oldie .rightColumn .eventTip { right: 50%; }


/* for the capable browsers, let's position these better */
table.calendarTable tr td.calDay:nth-child(1) .eventTip { left: 0;}
table.calendarTable tr td.calDay:nth-child(2) .eventTip { left: -33%;}
table.calendarTable tr td.calDay:nth-child(3) .eventTip { left: -66%;}
table.calendarTable tr td.calDay:nth-child(4) .eventTip { left: -100px;}
table.calendarTable tr td.calDay:nth-child(5) .eventTip { right: -66%;}
table.calendarTable tr td.calDay:nth-child(6) .eventTip { right: -33%;}
table.calendarTable tr td.calDay:nth-child(7) .eventTip { right: 0;}

.mouseDetect { position: relative; display: block; }
.mouseDetect:hover .eventTip { display: block; }
.tipTitle { font-weight: bold; }
a .eventTitle { text-decoration: underline; }

/* tip widths */
.leftColumn .eventTip, .rightColumn .eventTip { width: 700%; }



/*======================================( STYLE AND COLOR )===*/

.calMonth {	clear: both; }
.calMonth table { background-color: #888; }
.calMonth td, .calMonth th
{
	border: 1px solid #888;
}
.calMonthName, .calYear
{
    font-size: 130%;
    color: white;
    font-weight: bold;
}
.calDayHeading th
{
    background-color: #777;
    color: white;
    letter-spacing: 0px;
    text-align: center;
	font-weight: normal;
}
.calDayHeading span { font-size: 110%; }

.calDay
{
    font-size: 80%;
    color: black;
    vertical-align: top;
    background-color: white;
}
.calDayNum { display: block; }
.calGrayDay
{
    background-color: #CCC;
    color: #333;
}
.calToday { background-color: #FFD; }
.calToday .eventTitle, .calToday .calDayNum { font-weight: bold; }
.eventTip
{
    border-color: #525200;
	border-color: rgba(0,0,0,0.4);
    background-color: #FF8;

}

/* font size for small calendars */
.leftColumn .calDayHeading SPAN, .leftColumn .calDayNum,
.rightColumn .calDayHeading SPAN, .rightColumn .calDayNum
{  }

/* font size for next and prev months - stop making them so small */
.calMonth .small.calLinks { font-size: 100%; margin-bottom: 10px; }
.calMonth .small.prev, .calMonth .small.next { font-size: 100%; }