.printonly { display: none; }
:focus { outline: 5px auto -webkit-focus-ring-color; }

#calendar-header h1 { display: inline; font-weight: bold; font-size: 42px; letter-spacing: -2px; }
#nav-previous-next { color: #888; margin-left: 10px; }
#nav-previous-next a { color: #666; text-decoration: none; }
#nav-previous-next a:hover { color: #410057; text-decoration: underline; }
#jumpto { float: right; margin-top: 12px; font-size: 12px; font-weight: bold; color: #AAA; }

#view-links { float: right; font-size: 13px; text-transform: none; margin-top: 10px; color: #666; font-weight: normal; }
#view-links a { color: #AAA; text-decoration: none; }
#view-links a:hover { color: #FC0; } 

#event-details { display: none; background: #FFF; padding: 10px; -webkit-box-shadow: 0 0 20px #333; -moz-box-shadow: 0 0 20px #333; width: 500px; }
#event-details #calendar-header { display: block; float: none; width: 100%; margin: 0; }
#event-details h1, #event-details h2, #event-details h3 { display: block; margin: 0; }
#event-details h1 { color: #410057; font-weight: bold; }
#event-details h3 { font-size: 16px; }

#event-details #admin-buttons { float: right; margin: 0 0 15px 15px; }
#admin-buttons a { display: inline-block; width: 12px; height: 12px; margin: 0 2px; text-indent: -999px; overflow: hidden; opacity: 0.6; }
#admin-buttons a#update { background: url(../i/calendar/edit.png) no-repeat; }
#admin-buttons a#copy { background: url(../i/calendar/copy.png) no-repeat; }
#admin-buttons a#delete { background: url(../i/calendar/delete.png) no-repeat; }
#admin-buttons a:hover { opacity: 1; -webkit-transition: 0.3s linear; }

/* MONTH TABLE
----------------------------------------------------------- */
#calendar { width: 880px; margin: 10px; border-collapse: collapse; -moz-box-shadow: 0 0 10px #AAA; -webkit-box-shadow: 0 0 10px #AAA; }
thead { background: #410057 url(../i/gradients.png) 0 -70px; border: 1px solid #270035; }
thead td { padding: 5px 0; text-align: center; color: #FFF; font-weight: bold; text-transform: uppercase; width: 14%; }
tbody { background: #FFF; border: 1px solid #CCC; }
tbody td { border: 1px dotted #BBB; padding: 3px; vertical-align: top; height: 100px; }
tbody td ul { list-style: disc; color: #444; padding: 0 0 0 20px !important; }
tbody ul li { margin: 0 0 5px; }
tbody a { text-decoration: none; display: block; color: #000; }
tbody a:hover { text-decoration: underline; }

.month-day-number { display: block; font-size: 20px; color: #AAA; margin: 0 0 10px; line-height: 14px; }
.add-event-icon { display: inline-block; font-size: 24px; text-decoration: none; color: #CCC; font-weight: bold; }
.add-event-icon:hover { color: #090; text-decoration: none; }

.day-other-month { background: #E8E8E8; }
.day-today { background: #FFCC00; }
.day-today .add-event-icon { color: #777; }
.day-today .month-day-number { color: #FFF; }

/* TOOLTIP
----------------------------------------------------------- */
#tooltip { display:none; position: absolute; top: 0; left: 0; background: url(../i/calendar/000_85.png); width: 210px; }
#tooltip-title { display: block; font-size: 16px; font-weight: bold; color: #FFF; padding: 2px 5px; }
#tooltip-time { display: block; color: #FC0; font-size: 11px; padding: 0 5px 5px; font-weight: bold; }
#tooltip-desc { display: block; padding: 5px; font-size: 12px; color: #AAA; }
#tooltip small { display: block; padding: 0 5px 2px; color: #888; }

/* EVENT FORM
----------------------------------------------------------- */
#inputEventForm { width: 500px; margin: 10px auto; padding: 10px; background: #FFF; -webkit-box-shadow: 0 0 10px #AAA; -moz-box-shadow: 0 0 10px #AAA; overflow :hidden; }
label { display: inline-block; }
#unused-fields { display: none; }
fieldset { border: 1px dotted #CCC; padding: 10px; }
legend { color: #000; font-weight: bold; font-size: 18px;  }
input#event-title { width: 300px; }

/* THIS WEEK IN BAND
----------------------------------------------------------- */
#twib-calendar { width: 100%; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; border-collapse: collapse; }
#twib-calendar thead { background-position: 0 -105px; border-color: #666;  }
#twib-calendar thead td { font-size: 11px; color: #000; }