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

/* Calendar Header/Controls */
.mooECal{
	margin:				0; 
	padding:			0; 
	width:				200px; 
	height:				170px; 
	border-left:		none; 
	text-align:			center; 
	border-collapse:	separate; 
	font-size: 			.7em;
}

.mooECal li, .mooECal ul{list-style:none; display:inline; margin:0; padding:0;}
.thControls, .ulControls{text-align:left; }
.thControls{  height:25px; }
.mooECal .liHeaderCal{position: relative; top: -20px; font-size:2em; color: #355fc5; text-transform: uppercase; float: right; width:100%; text-align:left; margin-right:5%; position: relative; left: 25px; font-weight: normal; z-index: 1} /* date range of current view */

.aPrevCal,.aNextCal{text-decoration:none; font-size:1.2em; z-index: 3} /* left/right nav arrow */

.mooECal .liNextCal{float:right;}

.mooECal .liLoading{font-size:0.6em; color:#999; letter-spacing:0.1em; margin-left:1%;} /* "loading..." text */
/* month, week, day view links*/
.ulViewPicker li{float:right; display: none;}
.aViewCal{text-decoration:none; font-size:10px; margin-right:0.6em; color:#999;} 
.aViewCal:hover{text-decoration:underline;}

/* mon, tues, wed ... row */
.mooECal tr.dowRow th{font-size:1.4em; text-align:right; color:  #7f84a4;  font-weight: normal;}
.mooECal tr.dowRow th li{float:left; width:14.2%; font-weight: normal; position: relative; left: 0px; top: -10px;}

/* Calendar Body */

.monthWeek{overflow:hidden;}
.weekWeek,.dayDay{height:85%;}

.monthDay,.weekDay,.dayDay{width:14%; text-align:center; vertical-align: middle;}

.mooECal td { vertical-align: middle; text-align: right; position: relative; top: 10px; }
.mooECal td.dayDay{padding:2%;  }
.mooECal td.hover{ } /* color when hovering a day */
.mooECal td.selected{ } /* color for the selected day */


.mooECal td span{color:#fff; font-size:1.8em; cursor: pointer; position: relative; left: -1px; } /* day of the month (1-31) */
.monthDay div{height:35px; overflow:hidden; cursor:default; display: none;}
.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;}
.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;}