,#calendar-list {background: #fff; }
.calendar-event .details, 
.calendar-events {background: #fff;  -moz-box-shadow: 1px 1px 7px #ccc;
  -webkit-box-shadow: 1px 1px 7px #ccc;
  box-shadow: 1px 1px 7px #ccc;
 }
.category-key .no-icon {border: 1px solid #555; }
 .my-calendar-date-switcher h3 {
margin-top:0;
padding-top:0;
}

.my-calendar-date-switcher {
padding: 4px;
margin: -40px 0 25px 0;
width:400px;
}

.my-calendar-date-switcher h4 {
display:inline;
}


.my-calendar-date-switcher form, .my-calendar-date-switcher input, .my-calendar-date-switcher label, .my-calendar-date-switcher select  {display:inline;}
.my-calendar-date-switcher input, .my-calendar-date-switcher label, .my-calendar-date-switcher select {
margin: 0;
padding: 0;
color: #333;
}
.my-calendar-date-switcher .button {font-size: .9em;}
.list-event .details, td {border:1px solid #eee; }
.calendar-event .details, .calendar-events {color:#000;}
.calendar-event .details, .calendar-events  {border:1px solid #bbb; }
.list-event .details, .day-without-date {background:#fafafa;}
.nextmonth, .nextmonth .weekend {color: #777;}
#calendar-list .odd {background:#e3e3e3; }
.odd .list-event .details {
background:#f3f3f3;
border:1px solid #d3d3d3;
}
.current-day {background:#ffd; }
.current-day .mc-date {
color: #000; 
background: #eee; 
}
.weekend {
background:#eee; 
color: #000; 
}
.mc-date {background:transparent; }
.my-calendar-nav li a {
color: #00a; 
text-decoration:none;
font-size:1.2em;
}
.my-calendar-nav li a:hover {
color:#aa0f28; 
}
#upcoming-events .past-event {color: #777; }
#upcoming-events .today {color: #111; }
#upcoming-events .future-event, #upcoming-events .past-event  {color: #555; }
caption {
margin: 2px 0;
font-weight:100;
padding:2px;
font-size:2em;
font-family:'times new roman',serif;
text-align:center;
color:#aa0f28;
}
table {
width:100%;
line-height:1.2;
border-collapse:collapse;
}
td {
vertical-align:top;
text-align:left;
width:13%;
height:150px;
padding:2px!important;
}
.mini td {height: auto!important;}
th {
text-align: center;
padding: 5px 0!important;
letter-spacing: 1px;
}
th abbr {border-bottom: none;}

#calendar-list h3 img {
vertical-align: middle;
}

.list-event h3 {
font-size:1.2em;
margin:0;
}
.calendar-event .details, .calendar-events {
position:absolute;
left: 15%;
width:70%;
padding:5px;
z-index: 3;
}
.details .close {
float: right;
width: 16px!important;
padding: 2px 2px 7px 7px;
}
.mini .details .close {
position: absolute;
top: 8px;
right: 8px;
}
.calendar-events {
width: 200px!important;
left: 0px;
}
.list-event .details {
margin:5px 0;
padding:5px 5px 0;
}
#calendar-list {
margin: 0;
padding: 0;
}
#calendar-list li {
padding:5px;
list-style-type: none;
margin: 0;
}
.mc-date {
display:block;
margin:-2px -2px 2px;
padding:2px 4px;
}
th {
font-size:.8em;
text-transform:uppercase;
padding:2px 4px 2px 0;
}
.category-key {
padding: 5px 5px 15px 5px;
margin:0;
float:right;
width:auto;
}
.category-key h3 {margin-top:0;}
.category-key ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.category-key li {
margin: 2px 10px;
}
.category-key span {
margin-right:5px;
vertical-align:middle;
}
.category-key .no-icon {
width: 10px;
height: 10px;
display: inline-block;
}
#calendar-list li {
text-indent:0;
margin:0;
padding:0;
}
.calendar-event .event-time, .list-event .event-time {
display:block;
height:100%;
margin-right:10px;
margin-bottom:10px;
font-weight:700;
font-size:.9em;
}
p {
line-height:1.5;
margin:0 0 1em;
padding:0;
}
.vcard {
font-size:.9em;
margin:10px 0;
}
.calendar-event .vcard {margin:0 0 10px;}
{position: relative;}

.my-calendar-nav ul {
height: 2.95em;
width:100%;
list-style-type:none;
margin:10px 0 0 0;
padding:0;
font-family:'arial narrow',sans-serif;
text-transform:uppercase;
border-top:1px solid #f4f4f4;
clear:both;
}
.mini .my-calendar-nav ul {height: 2em!important;}

.my-calendar-nav li {
list-style-type: none;
height:40px;
}


.my-calendar-nav li a {
display:block;
}
.mini .my-calendar-nav li a {
padding: 1px 3px!important;
font-size: .7em;
}
.my-calendar-prev {float:left;}
.my-calendar-prev a {height:40px;background:url(http://www.phillyexpocenter.com/assets/expo.arrow_.40x40.left_.png) center left no-repeat; padding-left:45px;padding-top:25px;}

.my-calendar-next {float:right;}
.my-calendar-next a {height:40px;background:url(http://www.phillyexpocenter.com/assets/expo.arrow_.40x40.png) right center no-repeat; padding-right:45px;padding-top:25px;}

.mini .my-calendar-date-switcher label {
display: block;
float: left;
width: 6em;
}
.mini .my-calendar-date-switcher {padding: 4px;}
.mini td .category-icon {display: none;}
.