@charset "utf-8";
/* CSS Document */
.calendar {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	float: left;
	border: 1px solid #900;
	width: 800px;
}
.calendar .calendar_row {
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
}
.calendar .calendar_row .month {
	float: left;
	width: 25px;
	padding: 1px;
	border: 1px solid #999;
	text-align: right;
	font-weight: bold;
	color: #FFF;
	background-color: #00C;
	margin-right: 1px;
}
.calendar .calendar_row .day {
	margin: 1px;
	padding: 1px;
	float: left;
	border: 1px solid ;
	height: 10px;
	width: 12px;
	text-align: center;
}
.pastday {
	color: #BCBCBC;
	background-color: #E4E4E4;
}
.weekend {
	color: #FFF;
	background-color: #F00;
}

.emptyday {
	color: #CCC;
	background-color: #F4F4F4;
}
.calendar2 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #CCC;
	overflow: auto;
	float: left;
	width: 600px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 10px;
}

.calendar2 .calendar_row {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	height: 190px;
	width: 184px;
	float: left;
	margin: 3px;
	padding: 3px;
	border: 1px solid #dddddd;
	background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
	color: #333333;
}
.calendar2 .calendar_row .month_header {
	background-image: url(calendar_css/ui-bg_gloss-wave_35_f6a828_500x100.png);
	background-repeat: no-repeat;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 182px;
	height: 25px;
	float: left;
	border: 1px solid #D88A0A;
	background-position: -50px;
}
.calendar2 .calendar_row .month_header .month_label {
	color: #FFF;
	text-align: center;
	float: left;
	width: 134px;
	padding: 2px;
	margin-top: 3px;
	font-size: 14px;
}



.calendar2 .calendar_row .month_header .prev_month {
	background-image: url(calendar_css/ui-icons_ffffff_256x240.png);
	background-position: -80px -192px;
	margin: 3px;
	float: left;
	height: 12px;
	width: 12px;
	padding: 2px;
}
.calendar2 .calendar_row .month_header .next_month {
	background-image: url(calendar_css/ui-icons_ffffff_256x240.png);
	background-position: -48px -192px;
	margin: 3px;
	float: right;
	height: 12px;
	width: 12px;
	padding: 2px;
}
.calendar2 .calendar_row .week {
	float: left;
	width: 184px;
	background-color: #EEE;
}
.calendar2 .calendar_row .week .weekday{
	float: left;
	height: 14px;
	width: 18px;
	margin: 2px;
	text-align: center;
	padding: 2px;
}
.calendar2 .calendar_row .days {
	float: left;
	width: 184px;
}
.calendar2 .calendar_row .days .empty {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
	height: 14px;
	width: 18px;
	margin: 2px;
	text-align: right;
	padding: 2px;
	
}
.calendar2 .calendar_row .days .day{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #FFF;
	float: left;
	height: 14px;
	width: 16px;
	margin: 2px;
	text-align: right;
	padding: 2px;
	border: 1px solid #999;
}
.calendar2 .calendar_row .days .day.today{
	font-weight: bold;
	color: #FFF;
	background-color: #090;	
}
.calendar2 .calendar_row .days .day.off{
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
}
.calendar2 .calendar_row .month_header .month_label.no_navigation {
	width: 100%;
}