/* 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(images/calendar.gif) 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 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	width: 90px;
	float: left;
}
TABLE.jCalendar {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: #aaa; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; BORDER-COLLAPSE: separate; border-spacing: 2px
}
TABLE.jCalendar TH {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: #333; PADDING-BOTTOM: 3px; COLOR: #fff; PADDING-TOP: 3px
}
TABLE.jCalendar TD {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #ccc; PADDING-BOTTOM: 3px; COLOR: #000; PADDING-TOP: 3px; TEXT-ALIGN: center
}
TABLE.jCalendar TD.other-month {
	BACKGROUND: #ddd; COLOR: #aaa
}
TABLE.jCalendar TD.today {
	BACKGROUND: #666; COLOR: #fff
}
TABLE.jCalendar TD.selected {
	BACKGROUND: #f66; COLOR: #fff
}
TABLE.jCalendar TD.selected:hover {
	BACKGROUND: #f33; COLOR: #fff
}
TABLE.jCalendar TD:hover {
	BACKGROUND: #fff; COLOR: #000
}
TABLE.jCalendar TD.dp-hover {
	BACKGROUND: #fff; COLOR: #000
}
TABLE.jCalendar TD.disabled {
	BACKGROUND: #bbb; COLOR: #888
}
TABLE.jCalendar TD.disabled:hover {
	BACKGROUND: #bbb; COLOR: #888
}
DIV.dp-popup {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 10px; BACKGROUND: #D8D0B9; PADDING-BOTTOM: 2px; WIDTH: 171px; LINE-HEIGHT: 1.2em; PADDING-TOP: 2px; FONT-FAMILY: arial, sans-serif; POSITION: relative
}
DIV#dp-popup {
	Z-INDEX: 199; POSITION: absolute
}
DIV.dp-popup H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 2px 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
A#dp-close {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; TEXT-ALIGN: center
}
A#dp-close:hover {
	TEXT-DECORATION: underline
}
DIV.dp-popup A {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; COLOR: #000; PADDING-TOP: 3px; TEXT-DECORATION: none
}
DIV.dp-popup DIV.dp-nav-prev {
	LEFT: 4px; WIDTH: 100px; POSITION: absolute; TOP: 2px
}
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 {
	RIGHT: 4px; WIDTH: 100px; POSITION: absolute; TOP: 2px
}
DIV.dp-popup DIV.dp-nav-next A {
	FLOAT: right
}
DIV.dp-popup A.disabled {
	CURSOR: default; COLOR: #aaa
}
DIV.dp-popup TD {
	CURSOR: pointer
}
DIV.dp-popup TD.disabled {
	CURSOR: default
}
