/* styles for the calendar_helper.rb module */
.calendar {
	font-size:10px;
}

.calendar th {
	color:#8B786A;
	font-weight:normal;
	text-align:center;
	font-family: arial, sans-serif;
	padding: 0;
}

.calendar td {
	font-family: arial, sans-serif;
}

.calendar h4 {
	margin:0;
	margin-bottom:10px;
	padding:0;
	padding-top:10px;
	font-size:16px;
}

a.monthNav {
	display:block;
	margin:0 auto;
	padding:0;
	width:20px;
	height:20px;
	border:1px solid #8B786A;
	background-color:#EBE4DC;
	color:#8B786A;
	text-decoration:none;
	line-height:20px;
}
a.monthNav:hover {background-color:#FFC;}

.monthName th h4 {
	text-align: center;
	font-size:14px;
}

.monthName th h4 a { border: none; }

.dayName {
	text-align: center;
}

a.otherMonth, a.day { 
	display:block; 
	line-height:25px;
	text-decoration:none;
	color:#000;
}

a.otherMonth:hover, a.day:hover {
	/*day hover color*/
	background-color: #8D8D8D;
	color:#FFF;
}

.calendar td {
	margin:0;
	padding:0;
	text-align:center;
	width:26px;
	height:25px;
}
.otherMonth, .day, a:visited.day {
	padding:0;
	margin:0;
	border-right:1px solid #8B786A !important;
	border-bottom:1px solid #8B786A !important;
	text-align: center;
	width:26px;
	height:25px;
}

.otherMonth {
	/*background-color:#999;*/
	color:#CCC;
}

.weekendDay, a.weekendDay {
	/*background-color:#DDD;*/
}

.busyDay, a.busyDay {
	background-color:#009384;
	color:#FFF;
	border: none;
}

.today, a.today {
	border: none;
	background-color: #d15402;
	color: #FFF;
}

/* for the single pixel border */
.topDay {border-top:1px solid #8B786A !important;}
.leftDay {border-left:1px solid #8B786A !important;}