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

/* Calendar Header/Controls */
.mooECal{margin:0; padding:0; width:715px; height:400px; border:1px solid #998F1D; border-left:none; text-align:center; border-collapse:separate; background:#FFFEF5;}
.mooECal li, .mooECal ul{list-style:none; display:inline; margin:0; padding:0; font-weight:normal;}
/*thead tr{height:30px;}*/
.trControls{height:30px;}
.thControls, .ulControls{text-align:left;}
.thControls{ border-bottom:1px solid #998F1D; border-left:1px solid #998F1D; 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:10px;}
.mooECal tr.dowRow th{border-left:1px solid #999; font-size:0.6em; text-align:center; height:10px;}
.mooECal tr.dowRow th li{float:left; width:14%;}


/* Calendar Body */
.monthWeek{overflow:hidden; height:16%;}
.weekWeek,.dayDay{height:90%;}
.monthDay,.weekDay,.dayDay{border:1px solid #998F1D; border-right:none; border-bottom:none; width:14%; text-align:left; vertical-align:top;}
.mooECal td.dayDay{padding:2%;}
.mooECal td.hover{background-color:#FFD;} /* color when hovering a day */
.mooECal td.selected{background-color:#D9D282;} /* color for the selected day */
.mooECal td span{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; 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 #998F1D;}
/* tips styling */
.tip {color: #fff; z-index: 598; background-color:#562D06; -moz-border-radius: 3px; -webkit-border-radius: 3px; width:250px;}
.tip-title {font-weight: bold;font-size: 14px;margin: 0;padding: 8px 8px 4px; color:#FFFFFF;}
.tip-text, .tip-text i{font-size: 12px;padding: 4px 8px 8px; color:#FFFFFF;}
.tip-text span{color:#FFFFFF;}
.tip a{text-decoration:none; color:#FFF; font-size: 11px; color:#FFFFFF;}
/* controls */
.mooECal div.calTitle{text-align:center;}
.mooECal div.calTitle img{padding:0 16px; cursor:pointer;}
.mooECal div.calView{text-align:center;}
.mooECal div.calView a{font-size:10px; color:#C17600; text-decoration:none;}
.mooECal div.calView a:hover{text-decoration:underline;}
.mooECal div.calView span.viewPickers{margin:0 5px; width:auto; color:inherit;}
/* miniMonth */
#miniCal .mooECal{background:none!important;}
#miniCal .monthDay div{height:5px; overflow:hidden; cursor:default;}
#miniCal .mooECal{margin:2px; padding:0; width:144px; height:100px; border:none; text-align:center; border-left:none!important;}
#miniCal .monthDay, #miniCal .weekDay, #miniCal .dayDay{border:none; width:14%; text-align:left; vertical-align:top;}
#miniCal .thControls{ border:none; height:30px;}
#miniCal .mooECal tr.dowRow th{border:none; font-size:0.6em; text-align:center; height:10px;}
#miniCal .mooECal div.calTitle img{padding:0 2px; cursor:pointer;}
#miniCal .selected{cursor:pointer;}
#miniCal .eventList{display:none;}
#miniCal .mooECal td.hover{background-color:#C17600!important;} /* color when hovering a day */