.magi_calender{width:500px;height:400px;padding:0px;margin:auto;overflow-y:auto;}
.magi_calender .event{padding:10px;border-bottom:1px dashed #eee;color:#aaa;}
.magi_calender .event h1{font:36px Century Gothic, Arial!important;color:#555;float:left;}
.magi_calender .event h2{font:24px Century Gothic, Arial!important;color:#888;text-align:right;padding-top:12px;}
.magi_calender .event p{font:14px Century Gothic, Arial!important;clear:both;}
.magi_calender .in{width:100%;height:100%;background:#fff;}
.magi_calender .header{height:40px;padding:10px 10px 15px;background:url('headerBottom.png') repeat-x center bottom; border-bottom:1px solid #cccccc;}
.magi_calender .searchHolder{position:absolute;margin:2px 0 0 5px;}
.magi_calender .search, .magi_calender .home{position:absolute;width:38px;height:38px;background:#bbb url('search.png') no-repeat center center;border:10px solid #fff;}
.magi_calender .home{margin-left:30px;background-image:url('home.png');}
.magi_calender .search:hover, .magi_calender .home:hover{background-color:#ccc;}
.magi_calender .search:active{margin:1px 0 0 1px;}
.magi_calender .home:active{margin:1px 0 0 31px;}
.magi_calender .arrowHolder{position:absolute;width:320px;margin:5px 0 0 80px;}
.magi_calender .arrow{width:24px;height:27px;padding:5px;background:#fff no-repeat 12px 12px;border-width:0;}
.magi_calender .arrow:hover{background-position:11px 11px;}
.magi_calender .arrow:active{background-position:12px 12px;}
.magi_calender .arrow.left{background-image:url('arrowLeft.png');position:absolute;}
.magi_calender .arrow.right{background-image:url('arrowRight.png');float:right;}
.magi_calender .monthYear{width:500px;text-align:center;font:32px Century Gothic, Arial!important;padding:0;margin:0;}
.magi_calender .clock{position:absolute;margin:6px 0 0 415px;font:24px Agency FB;color:#bbb;}
.magi_calender .clock span{font-size:12px;}
.magi_calender .days div{width:71px;float:left;margin:0 0 -1px; padding:10px 0px 10px 0px; text-align:center;font:12px Century Gothic, Arial!important;color:#006699; font-weight:bold!important;}
.magi_calender .dates{float:left!important;width:500px!important;}
.magi_calender .dates div{width:63px;height:25px;background:#fbfbfb;border:1px solid #f5f5f5;float:left;margin:5px 0 0 5px; padding:10px 0px;text-align:center;font:24px Century Gothic, Arial!important;color:#aaa;cursor:default;}
.magi_calender .dates div.date:hover{width:63px!important;height:25px!important;padding:10px 0px!important;border-width:1px!important;font-size:26px!important;}
.magi_calender .dates div.today{background:#f5f5f5;border-color:#ccc;color:#555;font-weight:bold;}
.magi_calender .dates div.highlight{background:#daebf5;border-color:#c6dcf3;padding:4px 0 16px!important;color:#006699;cursor:pointer;text-align:left;}
.magi_calender .dates div p.number{margin:0!important;width:55px!important;text-align:center!important; padding:0px;}
.magi_calender .dates div.highlight:hover{padding:4px 0 16px!important; font-size:24px!important;}
.magi_calender .dates div.highlight span{position:absolute!important;display:block!important;width:60px!important;margin-top:-4px!important;text-align:center!important;font-size:9px!important;}
.magi_calender .dates div.searched{border:1px dashed #555;}
.magi_calender .dates div.out{background:#fff;border:1px solid #fff;color:#d9d9d9;}
#magi_calenderModal{display:none;}
#magi_magi_calenderModalBG{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity = 60);}
#magi_calenderSearchForm, #magi_dateInfoBox{position:absolute;display:none;left:50%;width:260px;height:145px;padding:30px;margin-left:-160px;z-index:3;background:url('modalBG.png');}
#magi_dateInfoBox{padding:20px;width:280px;height:165px;}
#magi_calenderSearchForm h1, #magi_dateInfoBox h1{font:22px Century Gothic, Arial!important;text-align:center;margin:0 0 20px;color:#555;}
#magi_dateInfoBox h1{margin-bottom:5px; font-size: 1.1em !important; font-weight: bold !important;}
#magi_calenderSearchForm h1:first-child, #magi_dateInfoBox h1:first-child{cursor:move; color:#006699;}
#magi_calenderSearchForm input.text{width:180px;height:26px;padding:10px;background:#eee;font:16px Century Gothic, Arial!important;border-width:0;background:url('searchText.png');color:#aaa;}
#magi_calenderSearchForm input.submit{width:60px;height:46px;padding:0 30px;border-width:0;position:absolute;background:url('searchSubmit.png');}
#magi_calenderSearchForm input.submit:active{margin:1px 0 0 1px;}
#magi_calenderSearchForm a, #magi_dateInfoBox a{display:block;font:12px Century Gothic, Arial!important;width:50px;text-align:center;color:#aaa;padding:10px;margin:20px auto 0;}
#magi_dateInfoBox a{margin-top:5px;padding:5px; color:#006699;}
#magi_dateInfoBox p{margin:0 0 15px;font:12px Century Gothic, Arial!important;color:#333;}
#magi_dateInfoBox #magi_dateInfoScroller{height:140px;overflow-y:auto;}