.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; }