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

/* Calendar Header/Controls */
.mooECal{margin:0; padding:0; width:700px; height:650px; border:2px solid #3398CC; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.mooECal li, .mooECal ul{list-style:none; display:inline; margin:0; padding:0;}
thead tr{height:30px;}
.trControls{height:30px;}
.thControls, .ulControls{text-align:left;}
.thControls{ border:1px solid #999; height:30px;}
.mooECal .liHeaderCal{font-family:"Arial"; font-size:14px; float:right; width:50%; text-align:center; margin-right:2%;} /* date range of current view */
.aPrevCal,.aNextCal{font-family:"Arial"; color:#ff0000; text-decoration:none; font-size:15px;}
.mooECal .liNextCal{float:right;}
.mooECal .liLoading{font-size:15px; 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:11px; margin-right:0.3em; text-align:center;  font-family:"Arial"; color:#999;} 
.aViewCal:hover{text-decoration:underline;}
/* mon, tues, wed ... row */
.mooECal tr.dowRow{height:10px;}
.mooECal tr.dowRow th{border:1px solid #999999; font-family:"Arial"; font-size:12px; text-align:center; height:10px;}
.mooECal tr.dowRow th li{float:left; width:14.28%;}


/* Calendar Body */
.monthWeek{overflow:hidden;}
.weekWeek,.dayDay{height:90%;}
.monthDay,.weekDay,.dayDay{border:1px solid #999; width:14%; text-align:left; vertical-align:top;}
.mooECal td.dayDay{padding:2%;}
.mooECal td.hover{background-color:#E3F1FF;} /* color when hovering a day */
.mooECal td.selected{background-color:#CAEEEE;} /* color for the selected day */
.mooECal td span{color:#FFFFFF; font-size:14px; font-weight:bold; background-image:url(bgbaslik.jpg); width:100%;} /* day of the month (1-31) */
.monthDay div{height:105px; overflow:hidden; cursor:default;}
.mooECal td div div{font-family:"Arial"; font-size:11px; color:#ff0000; text-decoration: none; height:50px; border:#999999 solid 1px; overflow:hidden; }
.mooECal td a{font-family:"Arial"; font-size:11px;  color:#000000; text-decoration: none;}
.mooECal td div.fullEvent{height:60px; overflow:auto; font-size:14px; font-family:"Arial";}
/* tips styling */
.tip {color: #fff; z-index: 13000; background-color:#666; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.tip-text {font-size: 11px;padding: 4px 8px 8px;}
.tip a{text-decoration:none; color:#FFF; font-size: 15px;}