﻿table.jCalendar 
{
	border: 1px solid #55ACC8;
}

table.jCalendar th 
{
	background: #55ACC8;
}

table.jCalendar td 
{
	background: #ccc;
	color: #000;
}

table.jCalendar td.other-month 
{
	background: #ddd;
	color: #aaa;
}

table.jCalendar td.today
{
	background: #666;
	color: #fff;
}

table.jCalendar td.selected
{
	background: #FF9933;
	color: #fff;
}

table.jCalendar td.selected.dp-hover
{
	background: #FF9933;
	color: #fff;
}

table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td
{
	background: #fff;
	color: #000;
}

table.jCalendar tr.selectedWeek td
{
	background: #f66;
	color: #fff;
}

table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover
{
	background: #bbb;
	color: #888;
}

table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover
{
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup
{
	background: #ccc;
}

div.dp-popup a.disabled
{
	color: #aaa;
}
