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

/* Calendar Header/Controls */
#calendar .mooECal{margin:0; padding:0; width:400px; height:350px; border:1px solid #999; border-left:none; text-align:center; border-collapse:separate; font-family:Arial, Helvetica, sans-serif;}
#calendar .mooECal li, #calendar .mooECal ul{list-style:none; display:inline; margin:0; padding:0;}
#calendar .thControls, #calendar .ulControls{text-align:left;}
#calendar .thControls{ border-bottom:1px solid #999; border-left:1px solid #999; height:25px;}
#calendar .mooECal .liHeaderCal{font-size:0.8em; float:right; width:200px; text-align:center; margin-right:18%; margin-top:4px;} /* date range of current view */
#calendar .aPrevCal, #calendar .aNextCal{text-decoration:none; font-size:1.2em;} /* left/right nav arrow */
#calendar .mooECal .liNextCal{float:right;}
#calendar .mooECal .liLoading{font-size:0.6em; color:#999; letter-spacing:0.1em; margin-left:1%;}/* "loading..." text */
/* month, week, day view links*/
#calendar .ulViewPicker li{float:right;}
#calendar .aViewCal{text-decoration:none; font-size:10px; margin-right:0.6em; color:#999;} 
#calendar .aViewCal:hover{text-decoration:underline;}
/* mon, tues, wed ... row */
#calendar .mooECal tr.dowRow th{border-left:1px solid #999; font-size:0.6em; text-align:center;}
#calendar .mooECal tr.dowRow th li{float:left; width:14.2%;}


/* Calendar Body */
#calendar table tr:first-child td{ background-color:#fff;}
#calendar .monthWeek{overflow:hidden;}
#calendar .weekWeek, #calendar .dayDay{height:85%;}
#calendar .monthDay, #calendar .weekDay, #calendar .dayDay{border:1px solid #999; border-right:none; border-bottom:none; width:14%; text-align:center; vertical-align:top;}
#calendar .mooECal td.dayDay{padding:2%;}

#calendar .mooECal td span{color:#333; font-size:0.6em;} /* day of the month (1-31) */
#calendar .monthDay div{height:35px; overflow:hidden; cursor:default;}
#calendar .mooECal td div div{font-size:10px; color:#009; height:12px; overflow:hidden; cursor:default;}
#calendar .mooECal td a{font-size:10px; color:#009; text-decoration:underline;}
#calendar .mooECal td div.fullEvent{height:auto; overflow:auto; font-size:14px; border-bottom:1px solid #DDD;}
/* tips styling */
#calendar .tip {color: #fff; z-index: 13000; background-color:#666; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#calendar .tip-title {font-weight:bold; font-size: 11px; margin: 0; padding: 8px 8px 4px;}
#calendar .tip-text {font-size:11px; padding: 4px 8px 8px;}
#calendar .tip a{text-decoration:none; color:#FFF; font-size: 11px;}

#calendar .mooECal td.slotsAvailable{
	background-color:#FFF;
}

#calendar .mooECal td.noSlotsAvailable{
	background-color:#999;
}

#calendar .mooECal td.selected{background-color:#FF8133;} /* color for the selected day */
#calendar .mooECal td.hover{background-color:#eee;} /* color when hovering a day */
#calendar .mooECal td.selected:hover{background-color:#FF8133;} /* color when hovering a day */

#calendar{
	font-size:15px;
}

#calendar thead{
	font-size:20px;
}