﻿/* =====================================
	Styles for the AJAX Calendar Controls
   ===================================== */

.defaultGridView td div#calendar table tr td,		/* CMS Calendar */
.requestTraining td#calendar table tr td			/* User-side Calendar */
													/* This ensures that all of the calendar rows    */
	{												/*  are visible, otherwise it chops of Fr and Sa */
		padding: 0;
	}

	#calendar .ajax__calendar_container 
	{
		margin: 0;
		padding: 0;
		font-weight: normal;
		border: 1px solid #646464;
		background-color: #FFF;
		color: #0000ee;
		outline: none;
	}

	#calendar .ajax__calendar_header
	{
		margin: 0 0 4px 0;
	}

	#calendar .ajax__calendar_dayname
	{
		color: #000;
	}

	#calendar .ajax__calendar_title,
	#calendar .ajax__calendar_today
	{
		padding: 3px 3px;
		background: #dedfe0;
		color: #000;
		font-weight: bold;
	}

	#calendar .ajax__calendar_other .ajax__calendar_day,
	#calendar .ajax__calendar_other .ajax__calendar_year 
	{
		color: #949aa5;
	}

	#calendar .ajax__calendar_hover .ajax__calendar_day,
	#calendar .ajax__calendar_hover .ajax__calendar_month,
	#calendar .ajax__calendar_hover .ajax__calendar_title,
	#calendar .ajax__calendar_other .ajax__calendar_day:hover,
	#calendar .ajax__calendar_hover .ajax__calendar_today,
	#calendar .ajax__calendar_other .ajax__calendar_day:hover,
	#calendar .ajax__calendar_other .ajax__calendar_year:hover 
	{
		color: #f00000;
	}

	#calendar .ajax__calendar_hover .ajax__calendar_day,
	#calendar .ajax__calendar_hover .ajax__calendar_month,
	#calendar .ajax__calendar_hover .ajax__calendar_year,
	#calendar .ajax__calendar_active .ajax__calendar_day,
	#calendar .ajax__calendar_active .ajax__calendar_month,
	#calendar .ajax__calendar_active .ajax__calendar_year 
	{
		margin: 0;
		padding: 0;
		color: #f00000;
		font-weight: bold;
		border: 1px solid #dedfe0;
		background: #efefff;
	}

	#calendar .ajax__calendar_active .ajax__calendar_day,
	#calendar .ajax__calendar_hover .ajax__calendar_day,
	#calendar .ajax__calendar_day
	{
		padding: 0 4px 0 0;
	}

	#calendar .ajax__calendar_active .ajax__calendar_day:hover,
	#calendar .ajax__calendar_active .ajax__calendar_month:hover,
	#calendar .ajax__calendar_active .ajax__calendar_year:hover
	{
		color: #f00000;
	}

	/*
	.ajax__calendar_header
	.ajax__calendar_prev
	.ajax__calendar_title 
	.ajax__calendar_next
	.ajax__calendar_body
	.ajax__calendar_days
	.ajax__calendar_dayname
	.ajax__calendar_day
	.ajax__calendar_months
	.ajax__calendar_month
	.ajax__calendar_years
	.ajax__calendar_year
	.ajax__calendar_footer
	.ajax__calendar_today
	.ajax__calendar_hover
	.ajax__calendar_active
	.ajax__calendar_other
	*/
