/*
 * Mootools Events Calendar - 600px x 400px
*/

/* Calendar Header/Controls */
.mooECal{margin:0; padding:0; width:690px; height:500px; border:1px solid #999; border-left:none; text-align:center; border-collapse:separate; font-family:Arial, Helvetica, sans-serif;}
.mooECal li, .mooECal ul{list-style:none; display:inline; margin:0; padding:0;}
thead tr{height:30px;}
.trControls{height:30px;}
.thControls, .ulControls{text-align:left;}
.thControls{ border-bottom:1px solid #999; border-left:1px solid #999; height:30px;}
.mooECal .liHeaderCal{font-size:1.0em; float:right; width:52%; text-align:center; margin-right:2%;} /* date range of current view */
.aPrevCal,.aNextCal{text-decoration:none; font-size:1.2em;} /* left/right nav arrow */
.mooECal .liNextCal{float:right;}
.mooECal .liLoading{font-size:0.8em; color:#999; letter-spacing:0.3em; margin-left:2%;}/* "loading..." text */
/* month, week, day view links*/
.ulViewPicker li{float:right;}
.aViewCal{text-decoration:none; font-size:10px; margin-right:1.2em; color:#999;} 
.aViewCal:hover{text-decoration:underline;}
/* mon, tues, wed ... row */
.mooECal tr.dowRow{height:30px;}
.mooECal tr.dowRow th{border-left:1px solid #999; font-size:11px; text-align:center; height:30px;}
.mooECal tr.dowRow th li{
	float:left;
	width:77px;
	/*background: url(../templates/default/assets/cells.png) no-repeat left top;*/
	height:30px;
}


/* Calendar Body */
.monthWeek{overflow:hidden;}
.weekWeek,.dayDay{height:90%;}
.monthDay,.weekDay,.dayDay{
	font-size:18px;
	font-weight:bold;
	border:1px solid #999;
	border-right:none;
	border-bottom:none;
	width:14%;
	text-align:left;
	vertical-align:top;
	background-color:#DDD;
	/*background: url(../templates/default/assets/cells.png) no-repeat left top; padding:0px 4px;*/
}
.mayevent {
	/*background-position:center top;*/
	background-color:#C8D2DD;
}
.mooECal td.dayDay{padding:2%;}
.mooECal td.hover{background-color:#FFD;} /* color when hovering a day */
.mooECal td.selected{	
	background-color:#7081C2;
} /* color for the selected day */
.mooECal td.tday{
	background-color:#39C;	/*background-position:right top;*/
} /* color for the selected day */
.mooECal td span{color:#333; font-size:0.8em;} /* day of the month (1-31) */
.mooECal td.selected span{
	color:#FF9;
}
.mooECal td span{color:#333; font-size:0.8em;} /* day of the month (1-31) */
.mooECal td.tday span{color:#FFF; font-size:0.8em;} /* day of the month (1-31) */
.monthDay div{height:55px; overflow:hidden; cursor:default;}
.mooECal td div div{
	font-size:10px;
	color:#000;
	height:12px;
	overflow:hidden;
	cursor:default;
	padding-bottom:8px;
}
.mooECal td a{font-size:10px; color:#009; text-decoration:underline;}
.mooECal td div.fullEvent{height:auto; overflow:auto; font-size:12px; border-bottom:1px solid #DDD;}
/* tips styling */
.tip {color: #fff; z-index: 13000; background-color:#333; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.tip-title {font-weight:bold;font-size: 11px;margin: 0;padding: 8px 8px 4px;}
.tip-text {font-size: 11px;padding: 4px 8px 8px;}
.tip a{text-decoration:none; color:#FFF; font-size: 11px;}

#monthCal .evented {
	width:0px;
	height:10px;
	background-color:#F60;
	margin:0px 3px 3px 0px;
	float:left;
	padding:0px 0px 0px 10px;
	-moz-border-radius:1px;
	-webkit-border-radius: 1px;
	cursor:pointer;
	overflow:hidden;
}
span.detl{
	font-size:11px;
	font-weight:normal;
}