datepicker/src/calendar/supercalendar.css

datepicker base on neuron

.t-warp .toleft,.t-warp .toright,.t-warp .m-close{ background-image:url(mth-bg.png); background-repeat:no-repeat;}
.t-warp .toleft,.t-warp .toright{ display:block; width:20px; height:38px; position:absolute; top:85px;}
.t-warp .toleft{ background-position:0 0; left:8px;}
.t-warp .toright{ background-position:-25px 0; right:8px;}
.t-warp .m-close{ display:block; width:17px; height:17px;background-position:-50px 0; position:absolute; right:8px; top:8px; text-indent:-999px; overflow:hidden;}
.t-warp{ width:380px; padding:20px 35px 15px; border:1px solid #85bee5;-webkit-box-shadow: 1px 0px 2px 0px #e4e4e4;box-shadow: 1px 0px 2px 0px #e4e4e4; zoom:1; position:relative;}
.t-warp:after{display:block; height:0; visibility:hidden; font-size:0; content:"."; clear:both; }
.t-warp .mth-bx{ float:left; width:182px; text-align:center;}
.mth-bx th{ padding:3px 0; font-weight:normal;}
.mth-bx h6{ padding-bottom:3px; font-size:12px; text-align:center; border-bottom:1px solid #e4e4e3;}
.mth-bx td{ border:1px solid #e4e4e3;}
.mth-bx td a{ display:block; width:25px; height:22px; line-height:22px; color:#404040; font-weight:bold;}
.mth-bx td a:hover,.mth-bx td .onday{ background-color:#5792dc; color:#fff;}
.mth-bx td .fest{ color:#ff6600; font-size:10px; font-family:Tahoma, Geneva, sans-serif; line-height:22px; font-weight:normal;}
.mth-bx td .outday,.mth-bx td .outday:hover{ color:#999; background-color:#f2f2f2; cursor:default;}
.mth-bx td .eptyday,.mth-bx td .eptyday:hover{cursor:default; background-color:#fff;}
.t-warp .mth-bxscend{ margin-left:15px;}