/* Styles for popup calendar icon. */
img.popup_calendar
{
	cursor: pointer;
	margin: 0 5px 2px 5px;
	vertical-align: middle;
}

/* Styles for popup calendar window. */
div#popup_calendar
{
	font-family: 'Arial', sans-serif;
	padding: 0 10px;
	text-align: center;
	width: 250px;
}
div#popup_calendar div#controls
{
	margin: 0;
	padding: 0;
	text-align: center;
}
div#popup_calendar div#controls input,
div#popup_calendar div#controls select
{
	border: 1px solid #999;
	text-align: left;
}
div#popup_calendar div#controls #year
{
	display: block;
	float: left;
	width: 120px;
}
div#popup_calendar div#controls #month
{
	display: block;
	float: right;
	width: 120px;
}
div#popup_calendar table#days
{
	border-collapse: collapse;
	clear: both;
	margin: 5px auto;
	padding: 0;
	width: 100%;
}
div#popup_calendar table#days thead th
{
	font-size: 12px;
}
div#popup_calendar table#days tbody td
{
	border: 1px solid #ccc;
	font-family: 'Courier New', monospace;
	font-size: 12px;
	text-align: center;
	vertical-align: center;
	width: 14%;
	height: 14px;
}
div#popup_calendar table#days tbody td a
{
	background: transparent;
	color: #000;
	display: block;
	height: 100%;
	text-decoration: none;
}
div#popup_calendar table#days tbody td a.today {
    background: #9bf;
}
div#popup_calendar table#days tbody td a:hover
{
	background: #dfd;
}
div#popup_calendar div#close
{
	background: #eee;
	border: 1px solid #555;
	color: #000;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	margin: 10px auto;
	padding: 0 5px;
	text-align: center;
	width: 120px;
}

/* IE6 won't put top borders on the body cells, so we fake it using the header cells. */
* html div#popup_calendar table#days thead th
{
	border-bottom: 1px solid #ccc;
}