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

/* Calendar Header/Controls */
.mooECal{
		margin:0; 
		padding:0; 
		width:600px; 
		height:400px; 
		border:1px solid #999; 
		border-left:none; 
		text-align:center; 
		border-collapse:separate; 
		position: relative;
		z-index:	100;
}


.mooECal li, .mooECal ul{list-style:none; display:inline; margin:0; padding:0;}
.trControls, .dowRow {color: #6d9fd0;} 
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.5em; float:right; width:90%; text-align:center; margin-right:2%; position: relative; top: -5px;} /* date range of current view */
.aPrevCal,.aNextCal{color: #6d9fd0; text-decoration:none; font-size:1.8em;} /* left/right nav arrow */
.mooECal .liNextCal{float:right; position: relative; right: 20px;}
.mooECal .liPrevCal{ position: relative; left: 20px;}
.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:10px;}
.mooECal tr.dowRow th{border-left:1px solid #999; font-size:2em; text-align:center; height:10px; font-weight: normal; padding-bottom: 15px;}
.mooECal tr.dowRow th li{float:left; width:14.28%; * width: 14.2%;}


/* Calendar Body */
.monthWeek{overflow:hidden;}
.weekWeek,.dayDay{height:90%;}
.monthDay,.weekDay,.dayDay{color: #fff; border:1px solid #999; border-right:none; border-bottom:none; width:14%; text-align: center; vertical-align: center;}
.monthDay {background: url(images/dia.png) -5px 0 no-repeat;}
.mooECal td.dayDay{padding:2%;}
.mooECal td.hover{color: #666;}
.mooECal td.hover span{color: #666; cursor: pointer;}/* color when hovering a day */
/*.mooECal td.selected{color:#000;} /* color for the selected day */
.mooECal td span{color:#fff; font-size:3em; font-weight: bold} /* day of the month (1-31) */
.mooECal td.selected span{color:#000;}
.monthDay div{height:35px; overflow:hidden; cursor:default;}
.mooECal td div div{font-size:10px; color:#009; height:12px; overflow:hidden; cursor:default;}
.mooECal td a{font-size:10px; color:#009; text-decoration:underline;}
.mooECal td div.fullEvent{height:auto; overflow:auto; font-size:14px; border-bottom:1px solid #DDD;}
/* tips styling */
.tip {color: #fff; z-index: 13000; background-color:#666; -moz-border-radius: 3px; -webkit-border-radius: 3px; max-width: 600px;}
.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;}

.mooECal, .mooECal * {border: none !important;}
.ulViewPicker {visibility: hidden !important;}

.mooECal td div.eventillo {
	width:		10px;
	height: 	15px;
	float:		left;
	margin-left: 5px;
	display: 	block;
}

h2.tip {
	font-size: 	1.1em;
	margin-bottom: 	3px;
}

.monthDay div div {float: left;}

.mooECal .liViewPicker, .mooECal .liLoading {
	display:		none;
}