.calender{width:450px;height:300px;margin:auto;overflow-y:auto}
.event{padding:10px;border-bottom:1px dashed #eee;color:#aaa}
.event h1{font:36px Calibri;color:#555;float:left}
.event h2{font:24px Calibri;color:#888;text-align:right;padding-top:12px}
.event p{font:14px Calibri;clear:both}
.in{width:100%;height:100%;background:#fff}
.header{height:20px;padding:0px 0px 10px;background:url('') repeat-x center bottom}
.searchHolder{position:absolute;margin:2px 0 0 45px}
.search, .home{position:absolute;width:38px;height:38px;background:#bbb url('search.png') no-repeat center center;border:10px solid #fff}
.home{margin-left:30px;background-image:url('home.png')}
.search:hover, .home:hover{background-color:#ccc}
.search:active{margin:1px 0 0 1px}
.home:active{margin:1px 0 0 31px}
.arrowHolder{margin: 0 0 0 80px; position: absolute; width: 230px;}
.arrow{width:24px;height:27px;padding:5px;background:#fff no-repeat 12px 12px;border-width:0}
.arrow:hover{background-position:11px 11px}
.arrow:active{background-position:12px 12px}
.arrow.left{background-image:url('arrowLeft.png');position:absolute; cursor:pointer;}
.arrow.right{background-image:url('arrowRight.png');float:right; cursor:pointer;}
.monthYear{width:400px;text-align:center;font:22px Calibri;padding:0;margin:0}
.clock{position:absolute;margin:6px 0 0 650px;font:24px Agency FB;color:#bbb}
.clock span{font-size:12px}
.days div{width:58px;float:left;margin:0 0 -1px;padding:4px 0 0;text-align:center;font:14px Calibri;color:#00ADEF}
.dates{float:left;width:450px}
.dates div{width:50px;height:15px;background:#fbfbfb;border:1px solid #f5f5f5;float:left;margin:5px 0 0 5px;padding:10px 0;text-align:center;font:15px Calibri;color:#000;cursor:default}
.dates div.date:hover{/*width:40px;height:20px;padding:8px 0 10px;border-width:2px;font-size:22px*/ background:#BFEAFB}
.dates div.today{background:#f5f5f5;border-color:#ccc;color:#555;font-weight:bold}
.dates div.highlight{background:#EF3B24;border-color:#EF3B24;color:#fff;}
.dates div p.number{margin:0;width:50px;text-align:center}
.dates div.highlight:hover{background:#EF3B24;}
.dates div.highlight span{position:absolute;display:block;width:40px;margin-top:-2px;text-align:center;font-size:12px}
.dates div.searched{border:1px dashed #555}.dates div.out{background:#fff;border:1px solid #fff;color:#d9d9d9}
#calenderModal{display:none}#calenderModalBG{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity = 60)}
#calenderSearchForm, #dateInfoBox{position:absolute;display:none;left:50%;width:260px;height:145px;padding:30px;margin-left:-160px;z-index:3;background:url('modalBG.png')}
#dateInfoBox{padding:20px;width:280px;height:165px}
#calenderSearchForm h1, #dateInfoBox h1{font:22px Calibri;text-align:center;margin:0 0 20px;color:#555}
#dateInfoBox h1{margin-bottom:5px}
#calenderSearchForm h1:first-child, #dateInfoBox h1:first-child{cursor:move}
#calenderSearchForm input.text{width:180px;height:26px;padding:10px;background:#eee;font:16px Calibri;border-width:0;background:url('searchText.png');color:#aaa}
#calenderSearchForm input.submit{width:60px;height:46px;padding:0 30px;border-width:0;position:absolute;background:url('searchSubmit.png')}
#calenderSearchForm input.submit:active{margin:1px 0 0 1px}
#calenderSearchForm a, #dateInfoBox a{display:block;font:12px Calibri;width:50px;text-align:center;color:#aaa;padding:10px;margin:20px auto 0}
#dateInfoBox a{margin-top:5px;padding:5px}#dateInfoBox p{margin:0 0 15px;font:12px Calibri;color:#aaa}
#dateInfoBox #dateInfoScroller{height:140px;overflow-y:auto}p.html{font: 16px Calibri; color: #555; width: 800px; margin: 10px auto; text-align: justify; text-justify: auto;}