/* =============================================================
   THE CALENDAR BOX
============================================================= */
/*	The date navigation form
	========================================= */
#dateFormBG {}
#dateFormBG form {
	background: #ddd;
	padding: 5px 10px;
}
#dateFormBG select {
	margin: 0;
	border: 1px solid #fff;
	}
#dateFormBG input {
	margin: 0;
	height: 24px;
	}

/*	The calendar form
	========================================= */
#calendarFormBG {
	clear: both;
	background: #ddd;
	padding: 3px;
	}
#calendarFormBG .submitBG {
	clear:both; 
	text-align: center;
	margin: 5px -3px -3px -3px;
	padding: 8px;
	color: #000;
	font-weight: bold;
	background: #ddd url('../imgPG/grad60TW80.png') left top repeat-x;
}

/*	The 2 months table
	========================================= */
.calendarBG {
	background: #fff url('../imgPG/sx_colorGray40.png');
	padding: 1px;
	}
.calendarBG img.spacer {with: 16px; height: 13px}
.calendarBG table {
	background: #fff; 
}
.calendarBG table td {text-align: center; width: 12.5%; line-height: 120%;}

.calendarBG .arrow {background: url('../imgPG/sx_header.png') left bottom repeat;}

/*	Week and days
	========================================= */
.weekNameTD {
	text-align: center;
	color: #444;
	border: 1px solid #eee;
	}
.weekNumber {font-size: 11px; border: 1px solid #eee;}
.dayTD {
	background: #ccc url('../imgPG/sx_header.png') left top repeat-x;
	color: #23a;
	
	}
.dayTD img {margin: 3px 0;}
.otherDayTD {color: #99a; background: #fff}

/*	END
	======== */