/* calendar container element */
div.calendar {
	width: 170px;
	padding: 2px 0 0 0;
	z-index: 300;
}

div.calendar table.ctrl {
	width: 100%;
}

/* navigation table */
div.calendar table.ctrl {
	border-bottom: 0;
}

/* navigation buttons */
div.calendar table.ctrl td.naveg {
	width: 15px;
	height: 20px;
	border: 1px solid transparent;
	cursor: pointer;
}
div.calendar table.ctrl td.naveg:hover {
	border: 1px solid #030;
}

/* month year header */
div.calendar table.ctrl th {
	color: #030;
	border: 0;
}

div.calendar table.mtr {
	width: 100%;
	background-color: white;
	border: 1px solid silver;
}

/* week days header */
div.calendar .mtr th {
	border-style: solid;
	border-color: silver;
	border-width: 0 1px 1px 0;
	background-color: gray;
	text-align: center;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	color: white;
	cursor: default;
	padding: 3px 0;
}

div.calendar .mtr th.prim {
	border-width: 0 1px 1px 0 !important;
}
div.calendar .mtr th.ult {
	border-width: 0 0 1px 0 !important;
}

/* date cells */
div.calendar .mtr td {
	border: 1px solid white;
	text-align: center;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	width: 24px;
	cursor: pointer;
	padding: 2px;
}

div.calendar .mtr td:hover {
	border: 1px solid silver;
}

/* date highlight in case of conflicting settings order here determines the priority from least to most important */
div.calendar .mtr td.othermonth {
	color: silver;
}
div.calendar .mtr td.weekend {
	border: 1px solid #ACD6F5;
	background-color: #ACD6F5;
}
div.calendar .mtr td.today {
	border: 1px solid red !important;
}
div.calendar .mtr td.selected {
	border: 1px solid #FFB3BE;
	background-color: #FFB3BE !important;
}