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

/* Calendar Header/Controls */
.mooECal{position:relative;margin:0; padding:0; width:555px; height:260px; border:none; text-align:center; border-collapse:separate; font-family:verdana;background:transparent url(images/kalender.gif) no-repeat;}
#kalenderdag .mooECal{margin:0; padding:0; width:555px; height:260px; border:none; text-align:center; border-collapse:separate; font-family:verdana;background:transparent url(images/kalenderdag.gif) no-repeat;}
.mooECal li, .mooECal ul{list-style:none; display:inline; margin:0; padding:0;}
.thControls, .ulControls{text-align:left;}
.thControls{height:25px;}
.mooECal .liHeaderCal{left:25px;right:25px;font-size:small; position:absolute;width:500px; text-align:center; margin-right:1%;color:#fff;} /* date range of current view */
.aPrevCal,.aNextCal{text-decoration:none; font-size:1.2em;} /* left/right nav arrow */
#kalenderdag .aPrevCal,#kalenderdag .aNextCal{display:none;} /* 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{border-left:1px solid #999; font-size:xx-small; text-align:center;}
.mooECal tr.dowRow th li{float:left; width:14.2%;font-size:0px;height:12px;color:#bc0000;}


/* Calendar Body */
.monthWeek{overflow:hidden;}
.weekWeek,.dayDay{height:85%;}
.monthDay,.weekDay,.dayDay{border:1px solid #999; border-right:none; border-bottom:none; width:14%; text-align:left; vertical-align:top;}
#kalenderdag .monthDay,#kalenderdag .weekDay,#kalenderdag .dayDay{border:none;}
.mooECal td.dayDay{padding:2%;}
.mooECal td.hover{background-color:#ccc;} /* color when hovering a day */
.mooECal td.selected{background-color:#EEF;} /* color for the selected day */
.mooECal td span{color:#333; font-size:0.6em;} /* day of the month (1-31) */
.monthDay div{height:30px; 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;}
.mooECal td div.fullEvent a{height:auto; overflow:auto; font-size:14px;}
/* 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;}