/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date
{
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled
{
	background-position: 0 -20px;
	cursor: default;
}

/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied
{
	width: 140px;
	float: left;
}

.turn-me-into-datepicker
{
	float: left;
	margin-right: 10px;	
}

table.jCalendar td.weekend, table.jCalendar td.weekend:hover
{
	background: #cccccc;
	color: #AAAAAA;
}

TABLE.jCalendar 
{
	padding: 0;
	
}
TABLE.jCalendar TH
{
	PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #FFFFFF; COLOR: #000000; FONT-WEIGHT: bold; PADDING-TOP: 3px
}
TABLE.jCalendar TD 
{
	TEXT-ALIGN: center; PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #e0e0e0; COLOR: #666666; PADDING-TOP: 3px; border: solid 1px #f2f2f2;
}
TABLE.jCalendar TD.other-month
{
	BACKGROUND: #fafafa; COLOR: #aaa
}
TABLE.jCalendar TD.today
{
	BACKGROUND: #666; COLOR: #fff
}
TABLE.jCalendar TD.selected
{
	BACKGROUND: #f66; COLOR: #fff
}
TABLE.jCalendar TD.dp-hover.selected
{
	BACKGROUND: #f33; COLOR: #fff
}
TABLE.jCalendar TD.dp-hover
{
	BACKGROUND: #fff; COLOR: #000
}
TABLE.jCalendar TR.activeWeekHover TD
{
	BACKGROUND: #fff; COLOR: #000
}
TABLE.jCalendar TR.selectedWeek TD
{
	BACKGROUND: #f66; COLOR: #fff
}
TABLE.jCalendar TD.disabled
{
	BACKGROUND: #fafafa; COLOR: #cccccc
}
TABLE.jCalendar TD.dp-hover.disabled
{
	BACKGROUND: #FFFFFF; COLOR: #888
}
TABLE.jCalendar TD.unselectable
{
	BACKGROUND: #bbb; COLOR: #888
}
TABLE.jCalendar TD.unselectable:hover
{
	BACKGROUND: #bbb; COLOR: #888
}
TABLE.jCalendar TD.dp-hover.unselectable
{
	BACKGROUND: #bbb; COLOR: #888
}
DIV.dp-popup
{
	POSITION: relative; PADDING-BOTTOM: 2px; LINE-HEIGHT: 1.2em; PADDING-LEFT: 2px; WIDTH: 184px; PADDING-RIGHT: 2px; FONT-FAMILY: arial, sans-serif; BACKGROUND: #FFFFFF; FONT-SIZE: 10px; PADDING-TOP: 2px; border: solid 1px #ebebea;
}
DIV#dp-popup
{
	Z-INDEX: 199; POSITION: absolute
}
DIV.dp-popup H2
{
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; MARGIN: 2px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; PADDING-TOP: 0px
}
A#dp-close
{
	TEXT-ALIGN: center; PADDING-BOTTOM: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; FONT-SIZE: 11px; PADDING-TOP: 4px
}
A#dp-close:hover
{
	TEXT-DECORATION: underline
}
DIV.dp-popup A
{
	PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; COLOR: #000; TEXT-DECORATION: none; PADDING-TOP: 3px
}
DIV.dp-popup DIV.dp-nav-prev
{
	POSITION: absolute; WIDTH: 100px; TOP: 2px; LEFT: 4px
}
DIV.dp-popup DIV.dp-nav-prev A
{
	FLOAT: left
}
DIV.dp-popup DIV.dp-nav-prev A
{
	CURSOR: pointer
}
DIV.dp-popup DIV.dp-nav-next A
{
	CURSOR: pointer
}
DIV.dp-popup DIV.dp-nav-prev A.disabled
{
	CURSOR: default
}
DIV.dp-popup DIV.dp-nav-next A.disabled
{
	CURSOR: default
}
DIV.dp-popup DIV.dp-nav-next
{
	POSITION: absolute; WIDTH: 100px; TOP: 2px; RIGHT: 4px
}
DIV.dp-popup DIV.dp-nav-next A
{
	FLOAT: right
}
DIV.dp-popup A.disabled
{
	COLOR: #aaa; CURSOR: default
}
DIV.dp-popup TD
{
	CURSOR: pointer
}
DIV.dp-popup TD.disabled
{
	CURSOR: default
}