.ec-calendar { margin: 10px; font-size: 12px;line-height: 14px; }
.ec-calendar .ec-view-switch, .ec-calendar .ec-calendar-nav, .ec-calendar .ec-month-grid { border-collapse:collapse; }

/* View Switch */
.ec-view-switch { margin: 5px 0; padding-bottom: 5px; border-bottom: 1px solid #666; }
.ec-view-switch table { margin: auto 0 auto auto; }
.ec-view-switch td, .ec-view-switch span { vertical-align: middle; height: 100%; }
.ec-view-switch span { padding:0 10px 0 5px; }
.ec-view-switch a { text-decoration: none; }
.ec-view-switch img { border: 0 none; vertical-align:middle; }
.ec-view-switch .ec-separator { border-left:1px solid #A7A194; height:20px; padding-left:3px; margin-right:3px; }

/* Navigation */
.ec-calendar-nav { padding: 5px 0; table-layout: fixed; width: 100%;}
.ec-calendar-nav .ec-header {color: #666; font-size: 18px; font-weight: bold; padding: 10px; text-align: left; }
.ec-calendar-nav .ec-prev {text-align: right; }
.ec-calendar-nav .ec-next { text-align: left; }
.ec-calendar-nav .ec-nav {  font-size: 14px; padding-bottom: 6px; }
.ec-calendar-nav .ec-nav a:hover { background-color: #666; }
.ec-calendar-nav .ec-nav a { 
	margin: auto 5px; padding:5px 10px; color: #fff; border-style: 1px none solid; text-decoration: none !important; background: #bbb; 
	display: inline-block; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; }


.ec-month-grid { width:100%; border-left:1px solid #BFBFBF; }
.ec-month-grid thead th { 
	width: 14.2857%; padding: 4px 0; background-color: #EBEBEB;  color: #444444; font-weight: bold; font-size: 13px; text-align: center; vertical-align: top; line-height: 130%; 
	border-top: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF;  }

.ec-month-grid tbody td { height: 93px; vertical-align: top; border-right: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF; }

.ec-month-grid tbody .ec-weekend { background-color: #ffcece /*#efefef*/; }
.ec-month-grid tbody .ec-weekend .ec-date-title a { color: #af0000; }

.ec-month-grid .ec-date-title { padding: 3px 0; }
.ec-month-grid .ec-date-title a { color:#444444; padding: 3px 5px; text-decoration:none; font-weight: bold; }
.ec-month-grid .ec-previous-month {  }
.ec-month-grid .ec-next-month { }
.ec-month-grid .ec-today { background: #FFFFDD }
.ec-month-grid .ec-today .ec-date-title { }
.ec-month-grid .ec-today a { background:#FFD58D; }


/* Event*/
.ec-date-event { width: 99px; white-space:nowrap; overflow-x:hidden; overflow-y:hidden; }
.ec-event-detail { margin-bottom: 10px; }
.ec-daily-event { margin-bottom: 10px; width: 100%;}
.ec-starttime { padding-right: 3px; font-weight: bold; }
.ec-event { width: 70px; margin: 2px 0; padding-right: 5px; line-height: 18px; white-space:nowrap; overflow-x:hidden; overflow-y:hidden; }
.ec-event { padding-left: 22px; background: url(../IMAGES/CALENDAR/ec_default.gif) 2px center no-repeat; }
.ec-event a { text-decoration: none; }
.ec-more { margin: 0 auto 5px; padding: 0; width: 100%; line-height: 100%; font-weight: bold; text-align: center;  }
.ec-holiday { padding-left: 22px; background: url(../IMAGES/CALENDAR/holiday.gif) 2px center no-repeat; }
.ec-birthday { padding-left: 22px; background: url(../IMAGES/CALENDAR/birthday.gif) 2px center no-repeat; }
.ec-meeting { padding-left: 22px; background: url(../IMAGES/CALENDAR/meeting.gif) 2px center no-repeat; }
.ec-training { padding-left: 22px; background: url(../IMAGES/CALENDAR/training.gif) 2px center no-repeat; }
.ec-leave { padding-left: 22px; background: url(../IMAGES/CALENDAR/leave.gif) 2px center no-repeat; }
.ec-reserve { padding-left: 22px; background: url(../IMAGES/CALENDAR/reserve.gif) 2px center no-repeat; }