/*
	Document   : zg-events
	Created on : Jul 22, 2013, 11:28:48 AM
	Author     : Eric
	Description:
	Purpose of the stylesheet follows.
*/
/* Event Navigator Widget
------------------------------------------------------------------------------ */
.pd-event-navigator-widget .month {
  margin: 4px 0;
  overflow: hidden;
}
.pd-event-navigator-widget .month h5 {
  border: 1px solid black;
  padding: 4px;
}
.pd-event-navigator-widget .month h5 a {
  text-decoration: none;
}
.pd-event-navigator-widget .month table {
  border-collapse: collapse;
  border-top: 1px solid black;
  margin: 0;
  width: 100%;
}
.pd-event-navigator-widget .month table td, .pd-event-navigator-widget .month table th {
  text-align: center;
  padding: 5px 0;
  border: 1px solid black;
}
.pd-event-navigator-widget .month table th {
  background-color: #666;
  color: #eee;
}
.pd-event-navigator-widget .month table a {
  text-decoration: none;
}
.pd-event-navigator-widget .month table .has-events {
  background: #ddd;
}
.pd-event-navigator-widget .month table .current-day {
  background: #aaa;
}

/* Event archive basic styling
----------------------------------------------------------------------------- */
.archive-list {
  position: relative;
}

form.type-select select.filter-select {
  width: 100%;
  margin-bottom: 0.8em;
}
form.type-select select.filter-select option.hidden {
  display: none;
}

.ajax-loader-icon {
  position: absolute;
  left: 50%;
  top: 10px;
  margin-left: -16px;
  background-image: url("../images/ajax-loader.gif");
  width: 31px;
  height: 31px;
}

/* Migrate this into the Everything.css file */
#filter-timer {
  display: none;
}

#linear-timer {
  position: relative;
  display: block;
  top: -6px;
  margin: 0 1em;
  height: 1px;
  text-align: left;
}
#linear-timer .progress-bar {
  display: block;
  background: white;
  width: 0;
  height: 100%;
}

.event-filters {
  margin-bottom: 2em;
}

#event-filters.type-select input[type=submit].hide-if-js {
  display: inherit;
}
#event-filters.type-select input[type=submit].disabled {
  background: #ccc;
  cursor: default;
  border-color: #ccc #ccc #bbb #ccc;
  box-shadow: none;
}

.event-filters {
  overflow: auto;
}
.event-filters .hide-if-js {
  display: none;
}
.event-filters li {
  display: inline;
}
.event-filters .right-aligned {
  display: inline;
  float: right;
}
.event-filters.readonly {
  border: 1px solid black;
  padding: 0.5em;
  margin-bottom: 0.5em;
}
.event-filters.readonly h5 {
  margin-bottom: 0.3em;
}
.event-filters.readonly .filter-header {
  font-weight: bold;
}

.current-month-nav {
  margin: 0 0 0.5em;
}
.current-month-nav .month-pagination {
  font-size: 0.7em;
  font-family: "HelveticaNeueW01-57Cn", Helvetica;
  margin-bottom: 0.5em;
}
.current-month-nav .month-pagination .event-count {
  display: inline-block;
  margin-right: 10px;
}
.current-month-nav .month-pagination .month-pagination-link a {
  display: inline-block;
  padding: 1px 4px;
  border-radius: 4px;
  border: 1px solid #58595B;
  color: #58595B;
}
.current-month-nav .month-pagination .month-pagination-link a:hover {
  border-color: #ea7e37;
  color: #ea7e37;
}
.current-month-nav .month-pagination .month-pagination-link.current {
  border: transparent;
}

a.nav-button {
  display: inline-block;
  background: transparent top left no-repeat;
  vertical-align: middle;
  width: 20px;
  height: 24px;
  margin: 0 4px;
}
a.nav-button.next {
  background-image: url("../images/next.png");
}
a.nav-button.prev {
  background-image: url("../images/previous.png");
}
a.nav-button:hover {
  background-position: 0 -25px;
}

.day-header a.nav-button {
  width: 14px;
  height: 18px;
}
.day-header a.nav-button.next {
  background-image: url("../images/next_days.png");
}
.day-header a.nav-button.prev {
  background-image: url("../images/previous_days.png");
}
.day-header a.nav-button:hover {
  background-position: 0 -18px;
}

.archive-list {
  clear: both;
}
.archive-list .type-pd-event {
  margin: 0.5em 0 2em 0;
}
.archive-list .type-pd-event .entry-meta {
  font-size: 1.25em;
  margin-top: 0.5em;
}
.archive-list .type-pd-event .entry-summary {
  margin-bottom: 0.5em;
}

.site-content ul.event-info {
  list-style: none;
  margin: 0 0 0.5em;
}
.site-content ul.event-info li {
  margin-bottom: 0;
}
.site-content ul.event-info li span {
  color: black;
  font-weight: bold;
}

.day-header {
  border-top: 1px solid #00874d;
  padding-top: 0.5em;
}

.pd-event-navigator-widget .month {
  margin: 4px 0;
  overflow: hidden;
}
.pd-event-navigator-widget .month h5 {
  border: none;
  background: #999;
  padding: 0;
}
.pd-event-navigator-widget .month h5 a {
  display: block;
  padding: 4px;
  text-decoration: none;
  color: white;
}
.pd-event-navigator-widget .month.current h5 {
  background: #4eb959;
}
.pd-event-navigator-widget .month table {
  border-collapse: collapse;
  border-top: 1px solid black;
  margin: 0;
  width: 100%;
}
.pd-event-navigator-widget .month table td, .pd-event-navigator-widget .month table th {
  border: 1px solid #999;
}
.pd-event-navigator-widget .month table th {
  background-color: #6d6e71;
  color: white;
  border-color: #6d6e71;
  font-weight: bold;
}
.pd-event-navigator-widget .month table a {
  text-decoration: none;
  color: black;
}
.pd-event-navigator-widget .month table .has-events {
  background: #ddd;
}
.pd-event-navigator-widget .month table .current-day {
  background: #aaa;
}
.pd-event-navigator-widget .month table .current-day a {
  color: white;
}