.calendar_nav { color: #fff; background: #091653; line-height: 38px; padding: 0 10px; font-weight: bold; } .calendar_nav h2 { display: inline-block; font-size: 25px; margin: 5px 0 0; } .calendar_nav a { color: #fff; } .calendar_nav .circle { background: #2E386B; line-height: 22px; } table.calendar { width: 100%; border-collapse: collapse; margin-bottom: 20px; background: url("../../images/skewed-lines.png"); } table.calendar tbody { border-right: 1px solid #ccc; } table.calendar th { width: 110px; text-align: center; font-weight: bold; font-size: 14px; line-height: 35px; color: #091653; background-color: #f2f2f2; } table.calendar td { height: 68px; font-size: 12px; vertical-align: top; background: url("../../images/divider.png") no-repeat 0% 0%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0; } table.calendar td.day-na { background-color: #f2f2f2; } table.calendar .no { font-size: 11px; font-weight: bold; padding: 3px 6px; color: #262262; display: inline-block; } table.calendar .current .no { font-size: 12px; background: #262262; color: #fff; } table.calendar .event { margin-top: 2px; padding: 5px 8px; height: 52px; overflow: hidden; } table.calendar .event a { display: block; width: 100%; height: 100%; } table.calendar .event { color: #E36018; border-color: #E36018; border-top: 1px solid; border-bottom: 1px solid; } table.calendar .event.first { border-left: 1px solid; } table.calendar .event.last { border-right: 1px solid; } table.calendar .event.blank { background: none; border: none; height: 54px; } table.calendar .event.type-regular { background: #F8D8C7; } table.calendar .event.type-group { background: #F8D8C7; } table.calendar .event.type-committee { background: #DEF4FE; } table.calendar .event.type-other { background: #FFFFCC; } .calendar_tip .event { background: #FFF; border: 1px solid #B5B5B5; padding: 8px 10px; margin: 0 9px 0 0; position: relative; box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.5), 0 0 0 transparent; -moz-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.5), 0 0 0 transparent; -webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.5), 0 0 0 transparent; -o-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.5), 0 0 0 transparent; -box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.5), 0 0 0 transparent; max-width: 400px; } .calendar_tip .event .btn { width: 95px; } .calendar_tip .event .btn.btn-agenda { width: 135px; } .calendar_tip .event:after { content: ""; background: url("../../images/arrow.png") no-repeat 0% 0%; position: absolute; right: -10px; top: 50%; width: 10px; height: 17px; display: block; margin-top: -9px; } .calendar_tip .date { font-weight: bold; } .calendar_tip h5 { margin: 5px 0; font-size: 13px; } .calendar_tip .link .btn { margin: 8px 0 0; } div.calendar-legend .event { background: #FFF; border: 1px solid #E36018; padding: 8px 10px; margin-bottom: 10px; } div.calendar-legend .event.type-regular { background: #F8D8C7; } div.calendar-legend .event.type-committee { background: #DEF4FE; } div.calendar-legend .event.type-other { background: #FFFFCC; }