#cccal { background-color:white; border:solid thin black; }
.cal { float:left; background-color:white; width:200px; }
.cal table { background-color:#cccccc; border:solid thin black; width:200px; height:180px; }
.cal_weekdays { background-color:#dfdfdf; }
.cal_days { background-color:white; }
.cal_days a { color:#404040; text-decoration:none; }
.cal_days:hover { background-color:#ffaaaa; }
.cal_date { display:block; width:100%; height:20px; line-height:20px; font-size:11px; padding:0 4px; clear:both;}
.cal_date a { color:black; font-weight:bold; text-decoration:none; }
.cal_date a:hover { color:#888888; }
.cal_date .cal_close { float:right; margin-right:10px; color:red; font-weight:bold; text-decoration:none; }
.cal_ok { border:solid thin green; height:20px; line-height:20px; background-color:white; color:green; font-weight:bold; text-align:center; cursor:pointer; }
.cal_ok:hover { background-color:#DDFFDD; }
#userdiv select { background-color:white; width:200px; color:black; }
.cal_datetime { color:black; margin:5px; text-align:center;}
.cal_planning { float:right; background-color:#DDDDDD; width:190px; height:300px; overflow:auto; }
.cal_planning table { width:100%; border-collapse:collapse; }
.cal_planning td { border:solid thin #CCCCCC; }
.cal_planning tr { height:12px; }
.cal_planning_select { cursor:pointer; }
.cal_planning_select:hover { background-color:white; }
.cal_planning_item { background-color:#FFDDDD; cursor:default; }
.cal_planning_lock { background-color:#AAAAAA; cursor:default; }