/* Calendar Widget */

.CalendarWidget {
   width:233px;
   margin-bottom:20px;
   position:relative;
}
.calendarTitle a {
   font-size: 11px;
   color: #363434;
   position: absolute;
   top: 5px;
   right: 0;
}
.CalendarWidget .monthSelector {
   position:relative;
   height:20px;
   margin-top:10px;
}
.monthSelector .prevMonth,
.monthSelector .nextMonth {
   position:absolute;
   width:20px;
   height:20px;
}
.monthSelector .prevMonth {
   left:0;
   background: url('/National_Library/oe_/https://phxart.org/theme_images/calendarwidget/previous-month.png') 0 0 no-repeat transparent;
}
.monthSelector .prevMonth:hover {
   background: url('/National_Library/oe_/https://phxart.org/theme_images/calendarwidget/previous-month-hover.png') 0 0 no-repeat transparent;
}
.monthSelector .nextMonth {
   right:0;
   background: url('/National_Library/oe_/https://phxart.org/theme_images/calendarwidget/next-month.png') 0 0 no-repeat transparent;
}
.monthSelector .nextMonth:hover {
   background: url('/National_Library/oe_/https://phxart.org/theme_images/calendarwidget/next-month-hover.png') 0 0 no-repeat transparent;
}
.monthSelector .currentMonth {
   color:#333;
   font-size:14px;
   text-align:center;
   width:193px;
   line-height: 20px;
   position: absolute;
   left: 20px;
}
.CalendarWidget .dowBar {
   background:#dadada;
   height:20px;
   margin-top:3px;
   padding-left:15px;
}
.CalendarWidget .dowBar .day {
   font-size:14px;
   color:#656262;
   text-transform:uppercase;
   display:inline-block;
   width:26px;
   height:20px;
   text-align:center;
   line-height:20px;   
}

.CalendarWidget .monthContainer {
   width:233px;
   /* min-height:180px; */  /* Blank Weeks should collapse -SR */
   position:relative;
}
.CalendarWidget .monthContainer .weekRow {
   height:30px;
   margin-left:14px;
}
.CalendarWidget .monthContainer .weekRow .day {
   width:30px;
   text-align:center;
   color:#656262;
   font-size:14px;
   line-height:30px;
   float:left;
   display:block;
}

.weekRow a.day { cursor: default; }
.weekRow .day.hasEvent {
   background:#cedbb8;
   cursor: pointer;                      
}
.weekRow .day.today {
   font-weight:bold;                     
}
.CalendarWidget .day:hover { }
.CalendarWidget .day.hasEvent:hover {
   background:#cacaca;
}

.CalendarWidget .day.hasEvent.selected {   
   background:#aaaaaa;
}



/* Calendar Widget (Popup) */

.eventToolTipWrapper {
   position: absolute;
   top:100%;
   left: -8px;
   width: 243px;
   margin:0px;
   padding:0px;
   border:3px solid #dadada;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   background: #fff;
   display:none;
   z-index:3;
}
.eventToolTipWrapper .eventToolTipContainer {
   width:246px;
   /* height:106px; */
   overflow:hidden;
}

.eventToolTipWrapper .eventShort { 
   margin:10px;
}

.eventToolTipWrapper .eventAvatar,
.eventToolTipWrapper .eventDetails {
   float:left;
}
.eventToolTipWrapper .eventAvatar {
   width:68px;
   height:98px;
   border:1px solid #cdcdcd;   
}
.eventToolTipWrapper .eventDetails {
   color: #333;
   font-size: 12px;
   width:140px;
   min-height:106px;
   line-height:18px;
   position:relative;
   text-align:left;display: inline-block;
float: none;
}
.eventToolTipWrapper .eventDetails a {
   color:#78a02e;
   font-size:14px;
   font-weight:bold;
   text-decoration:underline;
}
.eventToolTipWrapper  .eventDetails .eventPagi {
   position:absolute;
   right:0;
   bottom:0;
   font-size:12px;
}
.eventToolTipWrapper .eventDetails .eventPagi a {
   color:#333;
   text-decoration:none;
}



.CalendarWidget .template { display:none; }