#maincontent { background-image: url(images/pagebgs/newswho.jpg); }
#maincontent #banner .pagebar { background-image: url(images/pagebgs/newswho-opac.jpg); }

#maincontent #banner .titlemonthyear { z-index: 50; position: absolute; top: 146px; right: 20px; }
#maincontent #banner .titlemonthyear h1 { margin: 0; font-size: 18px; color: #fdfdfd; font-weight: normal; }


.calendar { position: relative; width: 722px; margin-left: -6px; }

.calendar form { margin: 0; padding: 0 0 15px 0; }
.calendar form .monthyear { display: inline; float: left; padding-left: 6px; }
.calendar form .previousnext { padding-top: 8px; color: #1b5770; font-weight: bold; display: inline; float: right; padding-right: 6px; }

.previousnext a.previous:link, .previousnext a.previous:visited { padding-left: 11px; font-weight: bold; color: #1b5770; background: url(images/arrow-previousmonth.gif) no-repeat top left; }
.previousnext a.previous:hover, .previousnext a.previous:active { padding-left: 11px; font-weight: bold; color: #6d98af; background: url(images/arrow-previousmonth.gif) no-repeat top left; }
.previousnext a.next:link, .previousnext a.next:visited { padding-right: 11px; font-weight: bold; color: #1b5770; background: url(images/arrow-nextmonth.gif) no-repeat top right; }
.previousnext a.next:hover, .previousnext a.next:active { padding-right: 11px; font-weight: bold; color: #6d98af; background: url(images/arrow-nextmonth.gif) no-repeat top right; }

.calendar a.printerfriendly:link, .calendar a.printerfriendly:visited { padding-left: 15px; background: url(images/printerfriedly-icon.gif) no-repeat 2px 1px; font-size: 90%; color: #7d7d7d; }
.calendar a.printerfriendly:hover, .calendar a.printerfriendly:active { padding-left: 15px; background: url(images/printerfriedly-icon.gif) no-repeat 2px 1px; font-size: 90%; color: #7d7d7d; font-weight: bold; }

.calendar table { width: 722px; margin-bottom: 8px; background-color: #d1d1d1; font-size: 90%; }
.calendar table td { width: 102px; width/**/:/**/ 94px; padding: 3px 4px 3px 4px; height: 70px; vertical-align: top; background-color: #FFFFFF; }
.calendar table th { padding: 7px 0 4px 0; width: 102px; color: #4c4b4b; background-color: #eaeaea; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
.calendar table th.sunday { width: 101px; border-left: 1px solid #FFFFFF; }
.calendar table th.saturday { width: 101px; border-right: 1px solid #FFFFFF; }

.calendar table td .date { display: block; margin-bottom: 2px; text-align: center; font-weight: bold; color: #1b5770; }

.calendar table td a:link, .calendar table td a:visited { display: block; line-height: 115%; margin-bottom: 3px; color: #fdfdfd; text-decoration: none; }
.calendar table td a:hover, .calendar table td a:active { display: block; line-height: 115%; margin-bottom: 3px; color: #fdfdfd; text-decoration: underline; }


/* Highlighted Events */
.calendar table td.event { background-color: #4c9dd7; }
.calendar table td.event .date { color: #fdfdfd; text-align: center; }
.calendar table td.event span.title { text-align: left; }

.calendar table td.funding { background-color: #eb7a02; }
.calendar table td.funding .date { color: #fdfdfd; }

.calendar table td.todaysdate { border: 1px solid #e18f37; /*background-color: #f4f4f4;*/ }

.calendaritemcontainer { position: relative; padding: 0 4px; }

.calendarpopout { position: absolute; z-index: 9999; left: -4px; top: -3px; background-color: #7cbfef; width: 288px; padding: 8px 10px; text-align: left; }
.calendarpopoutclose { float: right; clear: both; }
.calendarpopout .popupdetails { text-align: left; }
.calendarpopout h3 { color: #3d3d3d; }


#popupEventDetails { line-height: normal !important; display: none; background-color: #7cbfef; border: 1px solid #1f567e; border-bottom: 2px solid #1f567e; padding: 15px 20px 17px 20px; width: 300px; position: absolute; z-index: 9999; left: 50%; top: 43%; margin-left: -170px; font-size: 90%; }
#popupEventDetails h3 { color: #3d3d3d; }
#popupEventDetails a { color: #fdfdfd; display: block; padding: 3px 0 3px 12px; margin: 0; background: url(images/landing-headline-arrow.gif) no-repeat scroll 2px 7px; }
#popupEventDetails a:hover { text-decoration: underline; }
#popupEventDetails .calendarpopoutclose { padding: 0; background: none; }