/* Styles for calendar layout */
.calendar input
{

}

.calendar .calendarLayout
{
	width: 210px;
}

.mainTable
{
	border: 1px solid #67a2c0;
	background-color: #ffffff;
}

.calendar .header
{
	background-color: #67a2c0;
	border-bottom: 1px solid #ffffff;
	padding-right: 3px;
}

.calendar .navigationLayout td
{
	background-color: #969696;
	color: #ffffff;
	font-weight: bold;
}

.calendar .navigationLayout td a
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.calendar .navigationLayout td a.intervalSelect
{
	color: #e5ebff;
	text-decoration: underline;
}

.calendar .daysLayout
{
	
}

.calendar .daysLayout td
{
	background-color: #ffffff;
	padding-bottom: 2px;
	padding-top: 2px;
}

.calendar .daysLayout a
{
	color: #000000;
	text-decoration: none;
}

.calendar .daysLayout a[href]
{
	text-decoration: underline;
}

.calendar .daysLayout a.underLine
{
	text-decoration: underline;
}
.calendar .daysLayout .startSelectInterval
{
	border: 1px solid red;
	background-color: #ffffcc;
}

.calendar .dayName
{
	background-color: #eaeaea;
}

.calendar .dayName a
{
	color: #000000;
}

.calendar td.selectedDay
{
	background-color: #969696;	
}
	
.calendar .selectedDay a
{
	color: #ffffff;
}

.calendar .holiday a
{
	color: #d80303;
}

.calendar .futureDay a
{
	color: #969696;
}

.calendar .futureHoliday a
{
	color: #f2c5c5;
}

.calendar .timeLayout
{
	border-top: 1px solid #829ac1;
}

.calendar .intervalDay
{
	background-color: #2a2a2a;
}

.calendar .intervalHoliday
{
	background-color: #696969;
}

.calendar .intervalDay a 
{
	color: #ffffff;
}

.calendar .intervalHoliday a
{
	color: #ffd9d9;
}

.calendar .pastMonthDay a
{
	color: #d3d3d3;
}

.calendar .pastMonthInervalDay
{
	background-color: #eeeeee;
}

.calendar .pastMonthInervalDay a
{
	color: #cccccc;
}

.calendar table td
{
	text-align: center;
	font-family: "MS Sans Serif";
	font-size: 11px;
}

.calendar table tr
{
	height: 14px;
}

.calendar .navigationLayout td select
{
	width: 100%;
}

