/*
   Licensed to Jasig under one or more contributor license
   agreements. See the NOTICE file distributed with this work
   for additional information regarding copyright ownership.
   Jasig licenses this file to you under the Apache License,
   Version 2.0 (the "License"); you may not use this file
   except in compliance with the License. You may obtain a
   copy of the License at:

   http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing,
   software distributed under the License is distributed on
   an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
   KIND, either express or implied. See the License for the
   specific language governing permissions and limitations
   under the License.
*/

/* BEDEWORK 3.10 GLOBAL STYLESHEET
   This file is loaded after Bootstrap and jQuery CSS files
   and before bwThemeResponsive-??.css (where responsive overrides
   can be placed).

   This theme is not quite mobile first: this file holds global
   styles, bwThemeResponsive-00-Tiny.css file is used to hold
   very mobile specific overrides, and so forth. See the comments
   in the bwThemeResponsive-??.css files.  */

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: #555;
  font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif;
  font-size: 12px;
  line-height: 1.5;
  overflow: scroll;
}

/* GENERAL SELECTORS */
a:link, a:active, a:visited {
  color: #174581;
  text-decoration: none;
}
a:hover {
  color: #2828a0;
  text-decoration: underline;
}
.clear {
  display: block;
  clear: both;
  height: 0px;
}
h1,h2,h3,h4,h5,h6 { /* overrides Bootstrap */
  font-family: Arial, Helvetica, sans-serif;
  color: #555;
}
h1 {
  font-size: 2em;
}
h1 span.date {
  margin: 0 .6em;
  color: #ddb500;
  font-weight: normal;
}
h3 {
  letter-spacing: 1px;
  font-size: 18px;
}
h4 {
  font-size: 1em;
  margin: 0;
  line-height: 1.5em;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
label {
  cursor: pointer;
  display: inline; /* override bootstrap */
}
.invisible {
  display: none;
}
.form-group {
  margin-bottom: 0;
}

/* HEADER, LOGO, and TOP LINKS */
#header {
  position: relative;
  margin: 0 0 16px 0;
}
#masthead {
  margin: 0;
  padding: 35px 0 20px;
}
#masthead h1 {
  margin: 0;
}
/* Three-line menu icon */
#mobileMenu {
  float: right;
  margin-right: 0;
  padding: 6px;
}
.navbar-toggle .icon-bar {
  background-color: #333;
}
/* ERRORS */
#errors {
  margin: 0.5em 0;
  padding: 0.5em;
}
#errors p {
  margin: 5px 0;
}
#errors .ui-icon-alert {
  float: left;
  margin-right: .3em;
}

/* FEATURED EVENTS TRIPTYCH */
#feature {
  white-space: nowrap;
  overflow: hidden;
}
#feature img.img-responsive {
  width: 33.3%;
  float: left;
}
#feature img.singleFeatureMode {
  width: 100%;
}

/* COLUMNS */
/* Blocks within these columns are represented in sections below.
   These are provided here for global overrides. */
#leftColumn {
  background-color: #f5f5f5;
  padding-bottom: 2em;
}
#leftColumn label {
  display: block;
}
#rightFullColumn {
}
#centerColumn {
  padding: 0;
}

/* DATE PICKER */
#bwDatePicker {
  margin-top: -1em;
}
#bwDatePickerTodayLink {
  float: right;
  margin: 0;
  padding: 0;
}
#bwDatePickerTodayLink li {
  float: left;
  list-style: none outside none;
  margin: 0 0 0 4px;
  padding: 0 4px 0 0;
  border-right: 1px solid #888;
}
#bwDatePickerTodayLink li.last {
  padding: 0;
  border-right: none;
}
#bwDatePickerRangeLinks {
  float: right;
}
#bwDatePickerLinks {
  margin-bottom: 1.5em;
}
#bwDatePickerLinks ul {
  margin: 4px 2px 0 0;
  padding: 0;
}
#bwDatePickerLinks li {
  float: left;
  list-style: none outside none;
  margin: 0 0 0 4px;
  padding: 0 4px 0 0;
  border-right: 1px solid #888;
  line-height: 0.9em;
}
#bwDatePickerLinks li.last {
  padding: 0;
  border-right: none;
}
#bwDatePickerLinks .todayLink {
  text-transform: uppercase;
}

/* SEARCH BOX */
#bwBasicSearch {
  margin-top: 2em;
}
#bwBasicSearch .form-control {
  display: inline-block;
}
#bwSearchButtons {
  text-align: right;
}
.bwa-label {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
}

/* Date Picker and Search Box Form Control styles
   (Bootstrap overrides) */
.form-control {
  display: inline-block;
  height: 30px;
}
.btn-default {
  background-color: #eee;
  border-color: #ddd;
  color: #666;
}
.btn:hover, .btn:focus {
  background-color: #ddd;
  border-color: #ccc;
  color: #555;
}
.bwInputs {
  white-space: nowrap;
}

/* MENU EXPLORER */
.bwMenuTitle {
  cursor: pointer;
  margin-top: 1em;
  font-size: 1.2em;
  color: #174581;
  font-weight: bold;
}
.bwMenuTree {
  margin: 0.5em 0 0 2em;
  font-size: 1.2em;
}
.bwMenuTree ul {
  margin: 0;
  padding: 0;
}
.bwMenuTree li {
  list-style: none;
  margin-left: 14px;
  margin-bottom: 4px;
  line-height: 16px;
}
.bwMenuTree li.hasChildren {
}
.bwMenuTree li ul {
  margin-top: 4px;
}
.bwMenuTree li.selected {
  font-weight: bold;
}
.bwMenuTree li.selected li {
  font-weight: normal;
}
.bwMenuTree li.closed ul {
  display: none;
}
.bwMenuTree a {
  color: #335080;
}
.bwMenuTree a:hover {
  color: #2828a0;
}
.bwMenuTree .menuTreeToggle {
  display: block;
  float: left;
  margin-right: 2px;
  margin-left: -14px;
  width: 10px;
  height: 10px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

/* VIEWS LISTING */
ul.viewList {
  margin: 0 1em;
  border-top: 1px solid #fff;
}
ul.viewList li {
  border-bottom: 1px solid #fff;
}
ul.viewList li a {
  font: bold 1.2em/2 Arial, sans-serif;
  color: #335080;
}
ul.viewList li a.current {
  color: #84c03c;
}
ul.viewList li a:hover {
  color: #ddb500;
}
ul.viewList li span {
  font-weight: bold;
  margin-left: 10px;
  padding: 4px;
  font-size: 1.5em;
  cursor: pointer;
}

/* LOWER LEFT MENU CONTENT */
.sideBarContainer .leftMenuTitle {
  font-weight: bold;
  font-size: .8em;
  margin: 1.7em 0 .4em 0;
}
.sideLinks {
  list-style: none;
  padding: 0;
}

/* EVENT LIST, DATE TITLE and NAVIGATION */
.secondaryColHeader h2 {
  font-size: 2em;
}
#bwNavLinks {
  padding: 16px 0 50px 4px;
  margin: 0;
}
#bwNavLinks h3 {
  float: left;
  margin: 4px 0 0 8px;
  font-size: 2em;
}
a#prevViewPeriod,
a#nextViewPeriod {
  float: left;
  font-size: 18px;
  padding: 0 8px 4px 8px;
  margin: 0 1px 0 0;
}
ul#calDisplayOptions {
  float: right;
  cursor: pointer;
  margin: 0;
}
ul#calDisplayOptions li {
  float: left;
  list-style: none;
  margin: 0 0.5em 0 0;
}
#calDisplayOptions li:first-child {
   border-right: 1px solid #bbb;
   padding-right: 0.5em;
 }
ul#calDisplayOptions li a {
  margin: 0;
  text-decoration: none;
}

/* UPCOMING EVENTS LIST */
#listEventsTitle {
  position: relative;
}
#listEvents {
  margin: 1em 0 0 0;
  font-size: 1.2em;
}
#listEvents ul {
  padding: 0;
  list-style: none;
}
#listEvents li {
  clear: both;
  display: block;
  margin-bottom: 0.5em;
  padding: 0.5em;
}
#listEvents li.even, 
#listEvents li.odd {
  margin: 0;
  padding: 0 16px;
}
#listEvents li.bwDateRow {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea ;
  margin: 0 0 10px 0;
  padding: 5px 0;
  color: black;
  font-size: 16px;
}
#listEvents .eventListContent {
  margin: 0 0 20px 190px;
  cursor: pointer;
}
#listEvents .eventListTime {
  float: left;
  font-size: 0.9em;
  margin-right: 1em;
  width: 170px;
}
#listEvents .eventListDateTime {
  display: none;
}
.clickedEvent {
  /* briefly displayed when an listed event is clicked or touched.
     both eventList and eventListRange (day/week/month) */
  background-color: #e7e7e7 !important;
}
#listEvents .bwSummary {
  font-weight: bold;
}
#listEvents .withImage,
#listEvents .withBlank {
  margin-left: 110px;
}
#listEvents .eventThumbLink {
  max-height: 70px;
  overflow: hidden;
  display: block;
  float: left;
}
#listEvents img.eventThumb {
  margin: 0.5em;
}
#bwStartDateContainer {
  margin: -4px 0 14px 0;
}
.calFilterContainer {
  margin: 0;
  padding: 0;
  display: none; /* default */
}
#centerColumn .eventFilterInfo {
  margin: 1em;  
  margin-left: 16px; 
}
.bwfilter {
  background-color: #e7e7e7;
  color: #000000;
  padding: 2px 3px;
  white-space: nowrap;
}
.bwfilter a {
  margin-left: 6px;
}
.bwClearCalFilters {
}
#bwResultSize {
  display: none;
  clear: both;
  margin-left: 16px;
}
#loadMoreEventsLink {
  clear: left;
  margin: 2em 0;
}
#noEventsToDisplayText {
  clear: left;
  margin: 2em 0;
  padding: 0.5em;
  background-color: #f2f2f2;
}

/* DAY, WEEK, MONTH EVENTS LIST */
table.eventList {
  border-collapse: collapse;
  width: 100%;
  margin-left: 2px;
  font-size: 1.2em;
}
table.eventList tr td {
  padding: 0 10px 20px 0;
  font-size: .9em;
}
table.eventList tr.eventRowFirst td {
  padding-top: 20px;
}
table.eventList tr td.dateRow {
  border-bottom: 1px solid #c5c5c5;
  border-top: 1px solid #c5c5c5;
  border-left: 6px solid #174581;
  font-size: 16px;
  padding: 6px 10px;
}
table.eventList tr td.dateRow a {
  color: #335080;
  font-weight: bold;
}
table.eventList tr td.time {
  text-align: left;
  vertical-align: top;
  background-color: #fff;
  width: 8em;
  white-space: nowrap;
  padding-left: 15px;
  padding-right: 15px;
}
table.eventList tr td.description {
  color: #999;
}
table.eventList tr td.description a {
  color: #174581;
  font-weight: bold;
}
table.eventList tr td.icons {
  width: 5em;
}
.icons {
}
.icons a {
  padding: 2px;
  display: inline;
}
.icons a:hover {
  text-decoration: none;
}
.icons img {
  vertical-align: inherit;
}
table.eventList tr td.fillrow {
  border-bottom: none;
  height: 1px;
}
table.eventList tr td.eventFilterInfo {
  background-color: #eee;
  font-size: 1em;
  border-bottom: 1px solid #fff;
}
table.eventList tr td.noEventsCell {
  border-bottom: none;
  padding-top: 2em;
}
table.eventList tr td span.displayGroupName,
table.eventList tr td span.displayFilterName {
  font-weight: bold;
}
table.eventList ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
table.eventList li {
  padding: 1px 0;
}
table.event-list {
  border-collapse: collapse;
  width: 100%;
  background: #ececec;
}
a#allView:visited, a#allView {
  color: #273e6d;
}
/*
div.double_center_column {
 float: left;
 width: 725px;
 margin-left: 1px;
}*/
div.groupDesc {
  display: block;
  padding: .3em 0 .1em 5em;
}

/* CALENDAR GRID */
#gridCalendarTable {
  width: 100%;
  font-size: 0.9em;
  margin: 0 0 3em 0;
  padding: 0;
  border-top: 1px solid #666;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
}
#gridCalendarTable th.dayHeading {
  width: 14%;
  text-align: center;
  vertical-align: middle;
  background-color: #174581;
  color: #eee;
  border: 1px solid #aaa;
}
#gridCalendarTable td {
  width: 14%;
  height: 60px;
  vertical-align: top;
  text-align: left;
  padding: 0em;
  border: 1px solid #aaa;
  background-color: white;
  color: black;
}
#gridCalendarTable td.filler {
  border: none;
  background-color: #eee;
  color: black;
}
#gridCalendarTable ul {
  font-size: 0.8em;
  list-style : none;
  margin: 0em;
  padding: 0.3em 0em 0em 0em;
}
#gridCalendarTable ul li {
  margin: 0em;
  padding: 0em;
  display: inline;
}
#gridCalendarTable a {
  display: block;
  padding: 0.1em 0.2em 0.1em 0.2em;
  text-decoration: none;
}
#gridCalendarTable a.eventLinkA:link,
#gridCalendarTable a.eventLinkA:visited  {
  background-color: #CCD7F5;
  color: black;
}
#gridCalendarTable a.eventLinkB:link,
#gridCalendarTable a.eventLinkB:visited {
  background-color: #EBF0FF;
  color: black;
}
#gridCalendarTable a.eventCancelled:link,
#gridCalendarTable a.eventCancelled:visited {
  background-color: #ccc;
  border-bottom: 1px solid #bbb;
  color: black;
}
#gridCalendarTable a.eventTentative:link,
#gridCalendarTable a.eventTentative:visited  {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: #eee url("../images/tentativeLines.gif") top;
  color: black;
}
/* example of specialized coloring: */
#gridCalendarTable a.holiday:link,
#gridCalendarTable a.holiday:visited  {
  background-color: #fff;
  color: black;
}
#gridCalendarTable a:hover,
#gridCalendarTable a:active  {
  color: black !important;
  background-color: #ddd !important;
}
#gridCalendarTable a.dayLink {
  text-decoration: none;
  color: black;
  background-color: transparent;
}
#gridCalendarTable a:hover.dayLink {
  text-decoration: none;
  color: #eee;
  background-color: black;
}
#gridCalendarTable a:hover {
  /* required for eventTip to hover correctly;
     apply only to the hover pseudo class, or
     the other anchors nearby will cover the eventTip in IE */
  position: relative;
}
#gridCalendarTable a span.eventTip,
#gridCalendarTable a span.eventTipReverse {
  display: none;
}
#gridCalendarTable a:hover span.eventTip {
  display: block;
  position: absolute;
  width: 20em;
  top: 1em;
  left: 12em;
  background-color: #e7e7e7;
  color: black;
  padding: 4px;
  border: 1px solid #333;
}
#gridCalendarTable a:hover span.eventTipReverse {
  display: block;
  position: absolute;
  width: 20em;
  top: 1em;
  left: -21em;
  background-color: #e7e7e7;
  color: black;
  padding: 4px;
  border: 1px solid #333;
}
#gridCalendarTable a:hover span.eventTipStatusCancelled {
  display: block;
  color: white;
  background-color: #333;
  padding: 2px;
  margin-bottom: 6px;
  text-align: center;
}
#gridCalendarTable a:hover span.eventTipStatusTentative {
  display: block;
  color: black;
  background: #eee url('../../images/tentativeLines.gif') top;
  padding: 2px;
  margin-bottom: 6px;
  border: 1px solid #ccc;
  text-align: center;
}
#gridCalendarTable td.today,
#yearCalendarTable td.today {
  background-color: #e7e7e7;
  color: black;
}

/* ONGOING EVENTS */
#ongoing .bwEventList {
  display: block;
}
#ongoing .caret {
  display: none;
}
#ongoing ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#ongoing li {
  margin: .7em 0;
  padding: 0;
  font-size: .9em;
}
.bwEventsCount {
  font-size: 0.8em;
}

/* SINGLE EVENT */
.singleEvent {
  width: 100%;
}
.singleEvent #eventIcons {
}
.singleEvent #eventIcons img {
  vertical-align: inherit;
}
.singleEvent .infoTitle {
}
.bwStatusCancelled {
}
.bwStatusTentative {
}
.bwStatusConfirmed {
}
.eventTitle {
  color: black;
  margin: 0 0 1em 0;
}
.eventListingCal {
}
.eventLink {
  margin-bottom: 1em;
}
.eventWhen {
  margin: 1em 0;
}
.time-container {
  display: inline;
}
.eventWhere {
  margin-bottom: 1em;
}
.singleEvent .eventDescription {
  margin-bottom: 1em;
}
.bwEventImage {
  float: right;
  clear: right;
  margin: 0 0 0 1em;
  max-width: 500px;
}
.singleEvent .eventDescription {
  margin: 1em 0;
}
.eventStatus {
}
.eventCost {
  margin-bottom: 1em;
}
.eventLink {
  margin-bottom: 1em;
}
.eventContact {
  margin-bottom: 1em;
}
.singleEvent .eventAliases {
  font-size: 0.9em;
}
.eventComments {
}
.dateRangeCrossDay {
  background-color: red;
}
.dateRangeEarlyMorning {
  background-color: green;
}
.dateRangeMorning {
  background-color: yellow;
}
.dateRangeAfternoon {
  background-color: gray;
}
.dateRangeEvening {
  background-color: orange;
}
table.yearViewMonthTable {
  width: 168px;
  padding: 0;
  margin: 0 0 0 1em;
  font-size: .9em;
  border-top: 1px solid #CCC;
  border-collapse: collapse;
  float: left;
}
table.yearViewMonthTable th {
  width: 24px;
}
table.yearViewMonthTable tr td {
  height: 2em;
}
div.yearMonthRow {
  clear: both;
  padding: 1.5em 0;
}
#bwRegistrationBox {
 overflow: hidden;
 margin-bottom: 2em;
}
#bwRegistrationBox iframe {
 border: none;
 overflow-x: hidden;
 overflow-y: hidden;
 width: 100%;
 margin-top: 1.5em;
}
#bwRegistrationBox iframe#evextIframe {
}
/* FOOTER */
#footer {
  clear: both;
  width: 100%;
  margin-top: 1em;
  padding: 20px;
  color: #fff;
  background-color: #666;
  font-size: 0.9em;
}
#footer a {
  color: #fff;
}
#footer a:hover {
  color: #eee;
}
.stButton {
  width: 20px;
  height: 20px;
  background: url("../images/share-icon-32x32.png") no-repeat transparent;
  background-size: 20px 20px;
}

/* All Calendars */
.calendarList {
  float: left;
  width: 50%;
}