/* PECMS CALENDAR CSS */

div.calendar					{ width: 990px; color: #D4D4D5; background: url('/epfs/gfx/calendar/title_calendar.jpg') no-repeat 0 0; }

div.calendar .control				{ width: 960px; margin: 0 auto; height: 32px; line-height: 32px; text-align: center; background: url('/epfs/gfx/calendar/control_bg.jpg') repeat-x 0 0; }
div.calendar .control .previous			{ width: 157px; float: left; }
div.calendar .control .search			{ width: 646px; float: left; }
div.calendar .control .search .smonth		{ width: 118px; float: left; margin-left: 91px; }
div.calendar .control .search .smonth select	{ width: 108px; }
div.calendar .control .search .syear		{ width: 108px; float: left; }
div.calendar .control .search .syear select	{ width: 98px; }
div.calendar .control .search .scity		{ width: 178px; float: left; }
div.calendar .control .search .scity select	{ width: 168px; }
div.calendar .control .search .button		{ width: 40px; float: left; }
div.calendar .control .next			{ width: 157px; float: right; }

div.calendar .cheader				{ width: 960px; margin: 0 auto; background: url('/epfs/gfx/calendar/cheader_day_name_bg.jpg') repeat-x 0 0; }
div.calendar .cheader .day_name			{ width: 137px; height: 31px; line-height: 31px; float: left; text-align: center; font-size: 12pt; color: #D4D4D5; }

div.calendar .cpage				{ width: 960px; margin: 0 auto; }
div.calendar .cpage .empty			{ width: 135px; height: 135px; float: left; margin: 1px 1px 1px 1px; overflow: hidden; border: 0px solid #ACACAC; background: #3A3A3A; }
div.calendar .cpage .days			{ width: 133px; height: 133px; float: left; margin: 1px 1px 1px 1px; overflow: hidden; border: 1px solid #888888; background: #5B5B5B; position: relative; }
div.calendar .cpage .today			{ width: 133px; height: 133px; float: left; margin: 1px 1px 1px 1px; overflow: hidden; border: 1px solid #0B0B0B; background: #5B5B5B; position: relative; }
div.calendar .cpage .event			{ width: 133px; height: 133px; float: left; margin: 1px 1px 1px 1px; overflow: hidden; border: 1px solid #EAEAEA; background: url('/epfs/gfx/calendar/event_bg.jpg') no-repeat 0 0; position: relative; }
div.calendar .cpage .event .name		{ margin: 3px 0px 4px 8px; border-bottom: 0px solid #A9A9A9; }
div.calendar .cpage .event .name a		{ color: #FAFAFA; outline: none; }

div.calendar .cpage span.number			{ float: right; font-size: 25pt; color: #EAEAEA; bottom: 3px; right: 3px; z-index: 3; position: absolute; }

div.calendar .cpage .event:hover span.number	{ display: none; }

