/* Calendar styles*/

div.popupCalendar {
	position:absolute;
	z-index: 2;
	width: 180px;
	height: 180px;
	top: 0px;
	left: 0px;
}

table.calendarHeader {
	cursor: default;
	background-color: #4682B4;
	width: 100%;
	border-collapse: collapse;
}

table.calendarMainTable {
	background-color: white;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	border-collapse: collapse;
	padding: 0px;

	border: 2px solid #4682B4;
	border-color: #6EA6DB #195F8F #195F8F #6EA6DB;
}
table.calendarMainTable th {
	color: white;
	background-color: #87cefa;
	font-weight: normal;
	border: 1px solid #4682B4;
	padding: 0px;
}
table.calendarMainTable td {
	padding: 0px;
}

colgroup.calendarWeekend {
	background-color: #dbeaf5;
}

tr.calendarCell td {
	cursor: pointer;
	border: 1px solid #4682B4;
	width: 24px;
	height: 22px;
	color: black;
}

td.calendarDiffMonth {
	color: #C0C0C0;
}

td.calendarToday {
	background-color: #FFFFA1;
}
td.selected {
	text-decoration: underline;
	font-weight: bold;
}

a.calendarGotoToday {
	color: black;
	text-decoration: none;
	background-color: #dbeaf5;
}
a.calendarGotoToday:hover {
	background-color: #C7D7E1;
}


/**TODO: use background url image? */
/*Date Icon Images*/
img.dateIcon {
	position: absolute;
	width:16px;
	height:16px;
	border:0px;
	margin: 1px;
}

/*Small Icon Images*/
img.dateChangeIcon {
	width:16px;
	height:16px;
	border:0px;
	margin-top:2px;
}