/* Stylesheet for events page */
#events {clear: both;}

.month-selection, .month-selection * {margin: 0; padding: 0;}
.month-selection {margin-bottom: 50px;}
.month-selection li {margin: 0 8px 8px 0; padding: 0; background: url('/home/events/images/month-day-icons.jpg') no-repeat; background-position: 0 0; height: 75px; width: 76px; display: block; float: left; cursor: pointer; color: #666;}
.month-selection li:hover {background-position: -76px 0; color: #fff;}
.month-selection li.last {margin-right: 0;}
.month-selection li p {text-align: center; padding-top: 2px;}

.month-selection li.active {margin: 0 8px 8px 0; padding: 0; background: url('/home/events/images/month-day-icons.jpg') no-repeat; background-position: -76px 0; height: 75px; width: 76px; display: block; float: left; cursor: pointer; color: #fff;}

.month-title {clear: both; padding: 15px 0 8px; color: #003366;}

.event {display: none; margin-bottom: 15px; border-bottom: solid 1px #ddd; padding-bottom: 15px;}
.event .title {color: #333; font-weight: bold; font-size: 14px;}
.event .startday {height: 45px; width: 32px; float: left; background: url('/home/events/images/month-day-icons.jpg') no-repeat; background-position: -152px -30px; margin-right: 8px;}
.event .startday p {margin: 0; padding: 0; text-align: center; font-size: 9px; color: #fff;}
.event .startday div {text-align: center; font-size: 18px; font-weight: bold; padding-top: 1px; color: #333;}
.event .city-state-booth b {font-weight: bold; color: #333;}