body{   font:normal 11px verdana,sans-serif; } 
.calendar { width: 150px; font: normal 9px verdana, sans-serif; background: #e9e9e9; height: 162px; border: 1px solid #000 } 
.calhead { width: 150px; border-bottom: 1px solid #000; margin-bottom:5px; text-align:center; height:18px; } 
.calhead a { display: block; color: #fff; text-decoration: none; padding: 3px } 
.calhead a:hover { background: #a6a6a6 } 
.right, .left { width: 20px; height: 18px; background: #000; } 
.right { float: right } 
.left { float: left; } 
.middle { margin: 0px 20px; padding: 0 auto; } 
.middle span { font: bold 12px verdana, sans-serif; } 
.caldays { width: 150px; margin: 2px 0px;padding: 2px 0px; } 
ul.days { padding: 0px; margin: 0px; list-style-type: none; } 
ul.days li { background: #d6d6d6; float: left; display: in-line; border: 1px solid #a9a9a9; width: 17px; height: 13px; margin: 1px; text-align: center; padding: 2px 0px 0px 0px; } 
.caldates { width: 148px; margin:0 auto; } 
ul.dates { padding: 0px; margin: 0px; list-style-type: none; } 
ul.dates li { background: #fff; float: left; display: in-line; border: 1px solid #a9a9a9; width: 17px; height: 13px; text-align: center; margin: 1px; padding: 2px 0px 0px 0px; } 
ul.dates li:hover { background: #e9e9e9; } 
ul.dates li a{ color:#000; text-decoration:none; } 
.blank { background: #e9e9e9!important }
td.currentMonth ul.dates li.holiday { background: #ff8400} 
.today { float: right; margin-right: 5px; position: relative; right: 0px;  bottom: 0px; } 
.today a { text-decoration: none; font: bold 8px verdana, sans-serif; position: relative; left: 0px; top: 0px; } 

td.lastMonth .calendar { width: 150px; font: 11px verdana, sans-serif; background: #e9e9e9; height: 162px; border: solid 1px #000 } 
td.lastMonth .calhead { width: 150px; border-bottom: 1px solid #000; margin-bottom:5px; text-align:center; height:18px; } 
td.lastMonth .calhead a { display: block; color: #fff; text-decoration: none; padding: 3px } 
td.lastMonth .calhead a:hover { background: #a6a6a6 } 
td.lastMonth .right, .left { width: 20px; height: 18px; background: #000; } 
td.lastMonth .right { float: right } 
td.lastMonth .left { float: left; } 
td.lastMonth .middle { margin: 0px 20px; padding: 0 auto; } 
td.lastMonth .middle span { font: bold 12px verdana, sans-serif; } 
td.lastMonth .caldays { width: 150px; margin: 2px 0px;padding: 2px 0px; } 
td.lastMonth ul.days { padding: 0px; margin: 0px; list-style-type: none; } 
td.lastMonth ul.days li { background: #d6d6d6; float: left; display: in-line; border: 1px solid #a9a9a9; width: 17px; height: 13px; margin: 1px; text-align: center; padding: 2px 0px 0px 0px; } 
td.lastMonth .caldates { width: 148px; margin:0 auto; } 
td.lastMonth ul.dates { padding: 0px; margin: 0px; list-style-type: none; } 
td.lastMonth ul.dates li { background: #fff; float: left; display: in-line; border: 1px solid #a9a9a9; width: 17px; height: 13px; text-align: center; margin: 1px; padding: 2px 0px 0px 0px; } 
td.lastMonth ul.dates li:hover { background: #e9e9e9; } 
td.lastMonth ul.dates li a{ color:#000; text-decoration:none; } 
td.lastMonth .blank { background: #e9e9e9!important } 
td.lastMonth .today { float: right; margin-right: 5px; position: relative; right: 0px;  bottom: 0px; } 
td.lastMonth .today a { text-decoration: none; font: bold 8px verdana, sans-serif; position: relative; left: 0px; top: 0px; } 

td.currentMonth .calendar { width: 309px; font: normal 9px verdana, sans-serif; background: #e9e9e9; height: 355px; border: 1px solid #000 } 
td.currentMonth .calhead { font-size: 15pt; width: 309px; border-bottom: 1px solid #000; margin-bottom:5px; text-align:center; height:25px; } 
td.currentMonth .calhead a { display: block; color: #fff; text-decoration: none; padding: 3px } 
td.currentMonth .calhead a:hover { background: #a6a6a6 } 
td.currentMonth .right, .left { width: 20px; height: 18px; background: #000; } 
td.currentMonth .right { float: right } 
td.currentMonth .left { float: left; } 
td.currentMonth .middle { margin: 10px 20px 0; padding: 0 auto; } 
td.currentMonth .middle span { font: bold 12px verdana, sans-serif; } 
td.currentMonth div.caldays { width: 309px; margin: 2px 0px;padding: 2px 0px; } 
td.currentMonth ul.days { padding: 0px; margin: 0px; list-style-type: none; } 
td.currentMonth ul.days li { background: #d6d6d6; float: left; display: in-line; border: 1px solid #a9a9a9; width: 17px; height: 13px; margin: 1px; text-align: center; padding: 20px 12px 12px 11px; } 
td.currentMonth div.caldates { width: 309px; margin:0 auto; } 
td.currentMonth ul.dates { padding: 0px; margin: 0px; list-style-type: none; } 
td.currentMonth ul.dates li { background: #fff; float: left; display: in-line; border: 1px solid #a9a9a9; width: 17px; height: 13px; text-align: center; margin: 1px; padding: 20px 12px 12px 11px; } 
td.currentMonth ul.dates li:hover { background: #e9e9e9; } 
td.currentMonth ul.dates li a{ color:#000; text-decoration:none; } 
td.currentMonth .blank { background: #e9e9e9!important } 
td.currentMonth .today { float: right; margin-right: 5px; position: relative; right: 0px;  bottom: 0px; } 
td.currentMonth .today a { text-decoration: none; font: bold 8px verdana, sans-serif; position: relative; left: 0px; top: 0px; }