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

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

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

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

a.px_calendar_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.px_calendar_monthNav:hover {background-color:#FFC;}

.px_calendar_monthName {
	text-align: center;
	font-size:16px;
}

.px_calendar_dayName {
	text-align: center;
}

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

a.px_calendar_otherMonth:hover, a.px_calendar_day:hover {
	/*day hover color*/
	background-color: #7F8BC1;
	color:#FFF;
}

.px_calendar_calendar td {
	margin:0;
	padding:0;
	text-align:center;
	width:26px;
	height:25px;
}
.px_calendar_otherMonth, .px_calendar_day {
	padding:0;
	margin:0;
	border-right:1px solid #8B786A;
	border-bottom:1px solid #8B786A;
	text-align: center;
	width:26px;
	height:25px;
}

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

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

.px_calendar_busyDay, a.px_calendar_busyDay {
	background-color:#95CED4;
	color:#FFF;
}

.px_calendar_today, a.px_calendar_today {
	background-color:#D6F0EE;
	color:#000;
}

/* for the single pixel border */
.px_calendar_topDay {border-top:1px solid #8B786A;}
.px_calendar_leftDay {border-left:1px solid #8B786A;}


.px_calendar_event_title {
	color: #000;
}

.px_calendar_event_file_box{
	border: 1px solid #CCC;
	padding: 8px;
	background-color: #666;
}

.px_calendar_event_details {}

.px_calendar_event_content {}

#px_calendar_events_main {float:left; width: 70%;}

#px_calendar_calendar_wrapper {float:right;}

#px_calendar_calendar_main_busy{}

#px_calendar_date_column_left{float:left; margin-right: 20px;}
#px_calendar_date_column_right{float:left; width: 70%;}

#px_calendar_date_column_left #px_calendar_calendar_wrapper{float:none;}