#cal {position:absolute;Z-Index:1000;FONT-FAMILY:verdana, arial;
color:#555;border:1px solid black;width:212px;display:none;}
#cal td, #cal div {font-size:13px;color:black;}
#cal table {cell-padding:0;cell-spacing:0;color:#555;width:212px;padding:0;margin:0;border:0;}
#cal td, #cal img, #cal a {padding:0;margin:0;border:0;}
#cal tr.head {height:20px;max-height:20px;background-color:#fff;font-size: 10px;color:#555;}
#cal tr.head div {height:20px;}
#cal tr.head div div {float:left;height:20px;width:20px;}
#cal tr.head div div#spanmonth{float:left;height:20px;line-height:20px;width:72px;background-color:#fff;}
#cal tr.head div div#spanyear{float:left;height:20px;line-height:20px;width:40px;background-color:#fff;}
#cal td {width:24px;height:20px;text-align:center;vertical-align:center;}
#cal td a, #cal td a img {padding:0;margin:0;border:0;text-decoration:none; }
#cal td img {padding:0;margin:0;border:0;cursor:pointer;text-decoration:none;}
#cal table tr td.close {text-align:right;}
#cal table tr.dayname {background-color: #ddd;}
#cal table tr td.kwhead {background-color:#a1bd26;}
#cal table tr td.kw {background-color:#ddd;}
#cal table tr td.wdayhead {background-color:#a1bd26;}
#cal table tr td.wday {background-color:#fff;cursor:pointer;}
#cal table tr td.wdayact {background-color:#7ab105;color:black;cursor:pointer; }
#cal table tr td.wendhead {background-color:#a1bd26; }
#cal table tr td.wend {background-color:#eee;cursor:pointer; }
#cal table tr td.wendact {background-color:#7ab105;color:black;cursor:pointer;}
@media only screen and (min-height:500px) {
  #cal td { height:30px; }
  #cal tr.head td { height: 20px }
}
@media only screen and (min-width:800px) {
	#cal { width:260px; }
	#cal table { width:260px;}
	#cal table tr td, #cal div { font-size:15px; }
	#cal table tr td { width:30px; }
	#cal tr.head div div#spanmonth { width: 100px; }
	#cal tr.head div div#spanyear { width: 60px; }
}