/* **COLOR AREA, CHANGE COLORS AND BORDERS EASILY HERE ** */

/* previous/next background, border and default link color */
.datepicker_links {background:#364C5A; color:#fff; border:1px solid #a7a7a7;}

/* previous/next link hover color and style */
.datepicker_links a:hover {color:#fff;text-decoration:underline;}

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

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

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

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

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

/* 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:#999999; 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;}


/* ** LAYOUT STYLES DO NOT CHANGE ** */
/* Overall div for calendar */
#datepicker_div { 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:9pt; 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;}

/* new row */
.datepicker_newRow {clear:both;}

/* bar with select boxes */
.datepicker_header { width:173px; padding:3px 0 0 10px; 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-size:8pt; font-family:Tahoma;}
table.datepicker a { 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;}

/* overall day number styles */
.datepicker_daysRow td { text-align:center; padding:2px;}