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

/* Calendar Header/Controls */
.mooECal {
	margin:0 auto 0 auto; 
	padding:0; 
	width:600px; 
	height:400px; 
	border:1px solid #ccc; 
	border-left:none; 
	text-align:center; 
	border-collapse:separate; 
	font-family:Arial, Helvetica, sans-serif;
}
.mooECal a:link,
.mooECal a:visited,
.mooECal a:active,
.mooECal a:hover { 
	color: #759416;
	text-decoration:none;
}
.mooECal a:hover {
	color: #11155A;
	text-decoration:none;
}
.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 #ccc; 
	border-left:1px solid #ccc; 
	height:30px;
}
.mooECal .liHeaderCal {
	font-size:13px;
	color:#11155A;
	float:right; 
	width:50%; 
	text-align:left;
	text-decoration:none;
	margin-top:3px;
	
} /* date range of current view */
.aPrevCal,.aNextCal {
	text-decoration:none;
	font-size:1.2em;
	border:none;
	padding:0 5px;
} /* left/right nav arrow */
.mooECal .liNextCal {
	float:right;
	border:none;
}
.mooECal .liLoading {
	font-size:10px; 
	color:#ccc; 
	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;
} 
/* mon, tues, wed ... row */
.mooECal tr.dowRow {
	height:10px;
	
}
.mooECal tr.dowRow th {
	border-left:1px solid #ccc; 
	font-size:10px; 
	text-align:center; 
	height:10px;
	background-color:#F3F3F3;
	color:#11155A;
}
.mooECal tr.dowRow th li {
	float:left; 
	width:14.25%;
	
	
}


/* Calendar Body */
.monthWeek {
	overflow:hidden;
}
.weekWeek,.dayDay {
	height:90%;
	
}
.monthDay,.weekDay,.dayDay {
	border:1px solid #ccc; 
	border-right:none; 
	border-bottom:none; 
	width:84px; 
	text-align:left; 
	vertical-align:top;
}
.mooECal td.dayDay {
	padding:2%;
}
.mooECal td.hover {
	background-color:#FFD;
	color:#759416;
} /* color when hovering a day */
.mooECal td.selected {
	background-color:#EEEEFF;
	background-image:url(../_images/bgrd_calendar.jpg);
} /* color for the selected day */
.mooECal td span {
	color:#11155A; 
	font-size:9px;
	padding:0 0 0 2px;
	margin:0px;
	
} /* day of the month (1-31) */
.monthDay div {
	width:84px;
	height:55px; 
	overflow:hidden; 
	cursor:pointer;
	margin:0 4px 0 2px;
	
}
.mooECal td div div {
	font-size:10px; 
	color:#759416; 
	height:25px;
	line-height:12px;
	overflow:hidden; 
	cursor:pointer;
	margin-bottom:5px;
	
}
.mooECal td a {
	font-size:10px; 
	color:#759416; 
	text-decoration:none;
	display:block;
}
.mooECal td a:hover {
	font-size:10px; 
	color:#11155A; 
	text-decoration:none;
	display:block;
}
.mooECal td div.fullEvent {
	height:auto; 
	overflow:auto; 
	font-size:14px; 
	border-bottom:1px solid #DDD;
}
/* tips styling */
.tip { 
 	color: #fff; 
 	z-index: 13000;
	width:200px;
 	background-color:#666; 
 	-moz-border-radius: 3px; 
 	-webkit-border-radius: 3px;
}
.tip-title {
	font-weight: bold;
	font-size: 13px;
	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;
}