/* -------------------------------------
Calendar and Event items
------------------------------------- */
.cal-wrap {
  position: relative;
  margin-top: 35px;
}

#content .calendar {
  margin-bottom: 25px;
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
  width: 880px;
  border-right-style: none;
  margin-top: 10px;
}

#content .calendar caption {
  padding: 0 0 12px 50px;
  color: #666666;
  background-color: transparent !important;
  font-weight: bold;
  font-size: 118%;
  text-align: left;
  background-image: url(/_img/caption_bg.png);
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  top: -35px;
  left: 0;
  line-height: 1;
}

#content .calendar span {
  display: block;
  /*width:21px;
  height:18px;
   text-indent:-9999em; */
  line-height: 3px;
  padding: 9px 10px;
  color: #fff;
  position: absolute;
  font-size: 11px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-image: url(/_img/caption_span_bg.png);
  background-repeat: no-repeat;
}

#content span.calendar-next {
  background-position: right top;
  top: 0;
  left: 23px;
}

#content span.calendar-prev {
  background-position: left top;
  top: 0;
  left: 0;
}

#content .calendar th {
  padding: 0;
  background: #414141;
  color: #fefefe;
  font-size: 100%;
  font-weight: bold;
  line-height: 33px;
  text-transform: uppercase;
  text-align: center;
}

#content .calendar td {
  width: 114px;
  height: 90px;
  padding: 2px;
  border: 1px solid #CCCCCC;
  border-left: 0;
  text-align: right;
  border-top: 0;
  background: #FFFFFF;
  color: #686762;
  font-size: 85%;
  vertical-align: top;
}

#content .calendar td ul {
  margin: .7em 0 0 .4em;
  font-size: 100%;
  list-style: none;
  padding: 6px;
  margin-right: -4px;
  display: block;
  background: none;
  border: 0;
}

#content .calendar td li {
  margin-bottom: .95em;
  font-size: 100%;
  line-height: 1.3;
  text-align: left;
  background: none;
  list-style-type: none;
  padding: 0;
}

#content .calendar td li a {
  font-size: 100%;
}

#content .calendar td.empty {
  background-color: #eee;
  background-image: none;
}

.ui-tabs .ui-tabs-hide {
  display: none;
}

#event-tabs .tabs-links {
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}

#event-tabs .tabs-links li {
  float: right;
  list-style: none;
  margin-right: 10px;
  background: none;
  padding: 0;
}

#event-tabs .tabs-links li a {
  text-decoration: none;
  padding: 4px 8px;
  display: block;
  color: #555;
  background: #eee;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#event-tabs .tabs-links li.ui-tabs-selected a {
  background: #17374e;
  color: #fff;
  border: solid thin #ccc;
}

#event-tabs #calendar-tab {
  display: none;
}
@media (min-width: 61.5em) {
  #event-tabs #calendar-tab {
    display: block;
  }
}

#events h4 {
  margin-top: 30px;
}

#content #events article time {
  float: left;
  display: block;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  margin: 0 15px 0 0;
  border: 1px solid #f1f1f1;
  padding: 0;
}

#content #events article.detail time.detail {
  float: none;
  display: block;
  background: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  overflow: hidden;
  margin: 0 0 5px 0;
  border: 0;
  padding: 0;
  font-size: 100%;
}

#content #events article time .evtday {
  font-size: 138.5%;
  display: block;
  font-weight: bold;
  text-align: center;
  padding: 0;
  color: #666666;
  line-height: 1.5;
  padding-top: 2px;
}

#content #events article time .evtmonth {
  font-size: 100%;
  text-transform: uppercase;
  text-align: center;
  padding: 3px 13px;
  display: block;
  background-color: #17374e;
  color: #fff;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
}

#content #events article h3 {
  margin: 0;
  padding: 0;
}