/* =============================================================
   CALENDAR OF TEXTS & EVENTS
============================================================= */

/* =============================================================
   THE CALENDAR BOX - COMMON FOR BOTH TEXTS & EVENTS
============================================================= */

#calendarBG {
	margin: 0;
	background-image: url('../imgPG/sx_Color.gif');
	padding: 1px;
	}
#calendarTable {
	width: 100%;
	vertical-position: bottom;
	background: #fff url('../imgPG/sx_Color10.gif') left top repeat;
	}

#pillLeft {
	background: url('../imgPG/sx_header.gif') left center repeat;
	}
#pillRight {
	background: url('../imgPG/sx_header.gif') left center repeat;
	text-align: right;
	}
#currentMonthYear {
	font-weight: bold; 
	font-size: 11px; 
	border: 1px solid #999; 
	}

/*	Form
	========================================= */
#goBG {
	background: url('../imgPG/sx_Color10.gif') left top repeat;
	margin-top: 1px;
	padding: 1px;
}
#goBG form {
	text-align: center;
	background: url('../imgPG/sx_header.gif') left center repeat;
	}
#goBG table {
	width: 100%;
	}
#goBG table td {
	}

/*	Week and days
	========================================= */
.weekNameTD {
	text-align: center;
	vertical-position: bottom;
	height: 15px;
	color: #fff;
	background: url('../imgPG/sx_bar.gif') left bottom repeat;
	}
.weekNameTD a {color: #dd6;}
.weekNameTD a:hover {color: #fff}

.dayTD, .eventDayTD, .thisDayTD, .otherDayTD, .thisEventDayTD {
	text-align: right; 
	height: 15px;
	vertical-position: bottom;
	background: url('../imgPG/sx_headerR.gif') left -80px repeat;
	}
.dayTD {text-align: right; color: #666}
.otherDayTD {color: #999; background: url('../imgPG/sx_Color10.gif')}


.thisDayTD {text-align: right; background-image: url('../imgPG/sx_Color.gif'); color: #eee}

.thisEventDayTD {font-weight: bold; background-image: url('../imgPG/sx_Color.gif');}
.thisEventDayTD a {color: #dd6}
.thisEventDayTD a:hover {color: #fff}

.eventDayTD {font-weight: bold;}
.eventDayTD a {color: #c00;}
.eventDayTD a:hover {color: #048}

/*	== Popup - java effect - to open popup info within the calendar
	========================*/
.sxPopup {
	position: absolute; 
	z-index: 1000;
	top: 40px; 
	left: 250px; 
	width: 300px; 
	padding: 10px; 
	border: 1px solid #999; 
	background: #eee url('../imgPg/sx_color20.gif') left top repeat;
	}
.sxPopup div.bg1 {padding: 2px 2px 2px 14px; background: url('../imgPG/sx_line.gif') left 7px no-repeat;}
.sxPopup div.bg2 {padding: 2px 2px 2px 14px; background: url('../imgPG/sx_line2.gif') left 7px no-repeat;}

dl {
	margin: 0 0 10px 0; 
	padding: 4px;
	border: 1px solid #999; 
	background: #ddd url('../imgPg/sx_color20.gif') left top repeat;
	}
dt {padding: 5px 0 3px 0;}
dd {
	padding: 5px;
	margin-top: 2px; margin-left: 15px;
	border: 1px solid #bbb;
	text-align: left;
	background: #eee url('../imgPg/sx_color10.gif') left top repeat;
	}
dd p {margin-top: 0; }



/* =============================================================
   CALENDAR FOR EVENTS - RIGHT 
============================================================= */

/*	== Change class - java effect
	========================*/
#calendarRotatorBG {
	margin-bottom: 15px;
	}
.calendarEventBG {
	margin-top: 1px;
	}
.calendarEventBG .imgBG {
	margin-top: 1px;
	}
.calendarEvent1 {
	font-size: 10px;
	background: #fff url('../imgPG/sx_color10.gif') left top repeat;
	}
.calendarEvent2 {
	font-size: 10px;
	background: #fff url('../imgPG/sx_color20.gif') left top repeat;
	}
.calendarEventTitle {
	font-family: verdana, arial, georgia;
	font-size: 11px; 
	font-weight: normal; 
	background: url('../imgPG/sx_line2.gif') 2px 6px no-repeat;
	padding: 2px 2px 2px 14px;
	}
.calendarEventTitle a {
	font-weight: bold; 
	font-size: 10px; 
	color: #039;
	}
.calendarEventTitle a:hover {
	color: #b00;
}


/*

	======== End
*/