/* -- GRAPHICAL CALENDAR STYLES -- */

/* -- previous/next background, border and default link color -- */
.datepicker_links {
	background:#1c3316;
	color:#fff;
	border:1px solid #1c3316;
}
#calDisplay .datepicker_links a {
	color:#fff;
	text-decoration:none;
}
#calDisplay .datepicker_links a:hover {
	color:#fff;
	text-decoration:underline;
}

/* -- month and year select area background and border color -- */
div.datepicker_header {
	background:#dbd7b6;
	border-bottom:1px solid #a2a2a2;
	border-right:1px solid #a2a2a2;
	border-left:1px solid #a2a2a2;
}

/* -- overall table (with day names and numbers) background and border color -- */
table.datepicker {
	background:#fff;
	border-left:1px solid #a2a2a2;
}

/* -- background color for day abbreviation bar -- */
tr.datepicker_titleRow {
	background:#fff2d9;
}

/* -- border color around day cells -- */
tr.datepicker_titleRow td, tr.datepicker_daysRow td {
	border-bottom:1px solid #a2a2a2;
	border-right:1px solid #a2a2a2;
}

/* -- weekend cell background color -- */
.datepicker_weekEndCell {
	background:#fee5b4;
}

/* -- no day background color/styles -- */
.datepicker_otherMonth {
	background:url(/Images/system/calendar/cal_nodaydiag.gif) 0 0;
}

/* -- current day cell styles -- */
tr.datepicker_daysRow td.datepicker_currentDay {
	background:#ffc726;
	color:#fff;
	font-weight:bold;
}

/* -- hover cell styles -- */
.datepicker_daysCellOver,
.datepicker_weekEndCell.datepicker_daysCellOver {
	background:#dddddd;
	font-weight:bold;
}
.datepicker_daysCellOver a:hover {
	text-decoration:none;
}

/* -- weekend day hover cell if you'd like it different -- */
.datepicker_weekEndCell.datepicker_daysCellOver {
	background:#dddddd;
}



/* ---------------------------------------- */
/* ----- GRAPHIC CALENDAR LAYOUT STYLES ------ */
/* ----- SHOULD NOT NEED TO CHANGE THESE ----- */


#datepicker_div { /* -- Overall div for graphical calendar -- */
	width:185px;
}
#datepicker_div a {
	cursor:pointer;
}

/* -- top row that has prev, current and next links -- */
.datepicker_links {
	cursor:pointer;
	width:183px;
	height:20px;
	font-size:8pt;
	font-family:tahoma;
}
.datepicker_prev {
	float:left;
	padding:2px 10px 0 10px;
}
.datepicker_current {
	float:left;
	font-weight:bold;
	padding:2px 0 0 20px;
}
.datepicker_next {
	float:right;
	padding:2px 10px 0 10px;
}
.datepicker_newRow { /* -- new row -- */
	clear:both;
}

/* -- bar with select boxes -- */
.datepicker_header {
	width:183px;
	padding:3px 0 0 0;
	height:25px;
}
select.datepicker_newMonth {
	margin:2px 2px 0 10px;
	float:left;
	font-size:8pt;
}
select.datepicker_newYear {
	margin:2px 0 0 3px;
	padding:0;
	font-size:8pt;
}

/* -- whole table that contains days of week etc -- */
table.datepicker {
	width:185px;
	font-family:Tahoma;
}
table.datepicker a {
	font-size:8pt;
	cursor:pointer;
	display:block;
	width:100%;
	font-family:Arial;
}

/* -- bar with days of week -- */
.datepicker_titleRow {
	height:23px;
	font-weight:bold;
}
.datepicker_titleRow {
	padding:0 0;
	text-align:center;
}
.datepicker_titleRow a:link,
tr.datepicker_titleRow td a:visited {
	display:block;
	cursor:pointer;
	width:100%;
}
.datepicker_titleRow a:hover {
	text-decoration:underline;
}
.datepicker_daysRow td { /* -- overall day number styles -- */
	text-align:center;
	padding:2px;
}

/* ---------------------------------------- */
/* ----- END GRAPHIC CALENDAR LAYOUT STYLES ------ */