#calendar				{padding:10px 0;width:100%}
#calendar form			{margin:0;padding:0}
#calendar table			{width:100%;background:#EBEBE1 url("/img/default/bg_02.gif") no-repeat bottom right}
#calendar th.left		{height:19px;font-size:11px;color:#666;font-weight:bold;padding-left:7px;text-align:left}
#calendar th.left span	{color:Red;font-weight:bold}
#calendar tr.date td	{height:19px;background-color:#666;padding:0 7px}
#calendar tr.date td.date	{padding-right:0}
#calendar select			{width:80px;color:#000;border:1px solid #666}
#calendar select.year		{width:58px;border-left:1px solid #FFFFFF}
#calendar tr.date td.input	{padding-left:0;padding-right:7px;text-align:right}
#calendar td.input input	{width:19px;color:#FFF;font-size:15px}
#calendar input				{height:19px}
#calendar .grid				{padding:7px}
#calendar .grid table		{background-image:none}
#calendar .grid th			{height:18px;color:#FFF;font-weight:normal;background-color:#666;width:14%}
#calendar .grid th.weekend	{background-color:Red}
#calendar .grid td			{color:#000;background-color:#FFF}
#calendar .grid td.out		{background-color:transparent}
#calendar .grid td a, #calendar .grid td span	{display:block;height:18px;line-height:18px;color:#CCC;text-align:center;text-decoration:none;font-size:10px}
#calendar .grid td a		{font-weight:bold;color:#000}
#calendar .grid td a:hover	{color:Red}
#calendar .grid td.out a.weekend, #calendar .grid td.out span.weekend	{color:FFC1C1}
#calendar .grid a.weekend		{color:Red}
#calendar .grid span.weekend	{color:#FFC1C1}
#calendar .grid td.active a, #calendar .grid td.active span	{border:Red solid 1px}
#calendar .grid .active a, #calendar .grid .active a:hover, #calendar .grid .active span	{color:#000}