/**************************************************************
/* PGCalendar.css
/* jpl 5/29/08
/*
/*	Styles for the Coach Accountable instance of the PGCalendar.
/*************************************************************/



/*------------------------------------------------------------------------------*/
/* SECTION::Summary Calendar */

.PG_summaryCalendar table.canvasGrid {
	width:				100%;
	
}

.PG_summaryCalendar table.canvasGrid td {
	border:					1px solid #BBBBBB;
	margin:					0px;
	padding:				0px;
	height:					16px;
	width:					16px;
	text-align:				center;
	font-size:				11px;
}

.PG_summaryCalendar table.canvasGrid tr.canvasGridHeader td {
	color:					#6D9C32;
	font-size:				12px;
	font-weight:			900;
	background-color:		#fff;
}

.dayOtherMonth {
	color:					#999;
}

.dayWeekend {
	color:					#444;
	background-color:		#F0F0F0
}

.dayWeekday {
	color:					#000;
	background-color:		#fff;
}

.PG_summaryCalendar .dayToday {
	border:					1px solid #F52 !important;
}

.PG_summaryCalendar .eventCount1, .PG_summaryCalendar .eventCount2 {
	color:					#000 !important;
	background-color:		#E2F8CA !important;
	cursor:					pointer;
}

.PG_summaryCalendar .eventCount3, .PG_summaryCalendar .eventCount4 {
	color:					#000 !important;
	background-color:		#AACC75 !important;
	cursor:					pointer;
}

.PG_summaryCalendar .eventCount5, .PG_summaryCalendar .eventCount6, .PG_summaryCalendar .eventCount7,
.PG_summaryCalendar .eventCount8, .PG_summaryCalendar .eventCount9, .PG_summaryCalendar .eventCount10,
.PG_summaryCalendar .eventCount11,.PG_summaryCalendar .eventCount12,.PG_summaryCalendar .eventCount13,
.PG_summaryCalendar .eventCount14,.PG_summaryCalendar .eventCount15,.PG_summaryCalendar .eventCount16 {
	color:					#fff !important;
	background-color:		#6D9C32 !important;
	cursor:					pointer;
}


/* End SECTION::Summary Calendar
/*------------------------------------------------------------------------------*/





/*------------------------------------------------------------------------------*/
/* SECTION::Control Calendar */

.PG_controlCalendar table.canvasGrid {
	width:				100%;
	
}

.PG_controlCalendar table.canvasGrid td {
	border:					1px solid #BBBBBB;
	margin:					0px;
	padding:				0px;
	height:					16px;
	width:					16px;
	text-align:				center;
	font-size:				11px;
}

.PG_controlCalendar table.canvasGrid tr.canvasGridHeader td {
	color:					#6D9C32;
	font-size:				12px;
	font-weight:			900;
	background-color:		#fff;
}

.PG_controlCalendar .dayOtherMonth {
	color:					#999;
}

.PG_controlCalendar .dayWeekend {
	color:					#444;
	background-color:		#F0F0F0
}

.PG_controlCalendar .dayWeekday {
	color:					#000;
	background-color:		#fff;
}

.PG_controlCalendar .dayToday {
	border:					1px solid #F52 !important;
}

.PG_controlCalendar .eventCount1, .PG_controlCalendar .eventCount2 {
	font-weight:			bold;
	cursor:					pointer;
}

.PG_controlCalendar .eventCount3, .PG_controlCalendar .eventCount4 {
	font-weight:			bold;
	cursor:					pointer;
}

.PG_controlCalendar .eventCount5, .PG_controlCalendar .eventCount6, .PG_controlCalendar .eventCount7,
.PG_controlCalendar .eventCount8, .PG_controlCalendar .eventCount9, .PG_controlCalendar .eventCount10,
.PG_controlCalendar .eventCount11,.PG_controlCalendar .eventCount12,.PG_controlCalendar .eventCount13,
.PG_controlCalendar .eventCount14,.PG_controlCalendar .eventCount15,.PG_controlCalendar .eventCount16 {
	font-weight:			bold;
	cursor:					pointer;
}


/* End SECTION::Control Calendar
/*------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------*/
/* SECTION::Multi-view Controls */

.PG_controlDateLabel {
	width:				190px;
	font-weight:		900;
	font-size:			16px;
}


	
/* End SECTION::Multi-view Controls
/*------------------------------------------------------------------------------*/





/*------------------------------------------------------------------------------*/
/* SECTION::Widget Styling */


	.backIcon {
		background:				url(../images/icons/icon13BlackArrowLeft.gif) 50% 50% no-repeat;
		height:					13px;
		width:					13px;
		cursor:					pointer;
	}
	
	.forwardIcon {
		background:				url(../images/icons/icon13BlackArrowRight.gif) 50% 50% no-repeat;
		height:					13px;
		width:					13px;
		cursor:					pointer;
	}
	
	.dateInput {
		width:				70px;
	}

	.timeInput {
		width:				60px;
	}
	
/* End SECTION::Widget Styling
/*------------------------------------------------------------------------------*/






/*------------------------------------------------------------------------------*/
/* SECTION::Month Calendar */


.PG_monthCalendar {
	overflow:				hidden;
	position:				relative;
}

.PG_monthCalendar div.weekDayHeaderHolder {
	padding-top:			10px;
	height:					20px;
	position:				relative;
}

	.PG_monthCalendar div.weekDayHeaderHolder div {
		float:					left;
		color:					#000;
		font-size:				12px;
		font-weight:			900;
		border:					none;
		width:					14.2857%;
		padding:				0px;
		text-align:				center;
	}


.PG_monthCalendar div.eventHolder {
	position:				absolute;
	top:					0;
	left:					0;
	width:					100%;
	height:					100%;
	z-index:				2;
}

.PG_monthCalendar div.monthDayHolder {
	position:				absolute;
	width:					14.2857%;
}

	.PG_monthCalendar div.monthDay {
		border:					1px solid #BBBBBB;
		margin:					2px;
		background-color:		#FFFFFF;
	}
	.PG_monthCalendar div.monthDay:hover {
		background-color:		#d1e2f0;
		border:					1px solid #888888;
		cursor:					pointer;
	}
	
	.PG_monthCalendar .dayToday {
		background-color:			#FFFFE0;
	}
	
	.PG_monthCalendar .monthDropOver {
		background-color:			#E2F8CA;
	}
	
	.PG_monthCalendar .draggingMonthEvent {
		opacity:					0.7 !important;
		width:						300px !important;
	}
	
	.PG_monthCalendar .smallTime {
		font-size:					9px;
	}
	
		.PG_monthCalendar .dayHeading {
			color:					#000;
			font-size:				12px;
			height:					17px;
			padding:				0 3px;
			background-color:		#F0F0F0;
			text-align:				right;
		}
		
		.PG_monthCalendar .dayHeadingOtherMonth {
			color:					#959595 !important;
		}
		
		.PG_monthCalendar .dayContent {
			font-size:				11px;
			padding:				3px;
			text-align:				left;
			overflow:				hidden;
			white-space:			nowrap;
		}
		
		.PG_monthCalendar .monthEvent {
			position:				absolute;
			cursor:					pointer;
			-moz-user-select:		none;
			padding-left:			4px;
			width:					13%;
			white-space:			nowrap;
			overflow:				hidden;
		}


/* End SECTION::Month Calendar
/*------------------------------------------------------------------------------*/




	
/*------------------------------------------------------------------------------*/
/* SECTION::Calendar Event Color Coding */

	.PG_colorBG1 { background-color:	#3b4d5c; }
	.PG_colorBG2 { background-color:	#0e6db6; }
	.PG_colorBG3 { background-color:	#ac4eb4; }
	.PG_colorBG4 { background-color:	#dc960f; }
	.PG_colorBG5 { background-color:	#6b476d; }
	
	.PG_color1 { color:	#3b4d5c; }
	.PG_color2 { color:	#0e6db6; }
	.PG_color3 { color:	#ac4eb4; }
	.PG_color4 { color:	#dc960f; }
	.PG_color5 { color:	#6b476d; }

/* End SECTION::Calendar Event Color Coding
/*------------------------------------------------------------------------------*/