@CHARSET "UTF-8";


div.program_calendar {
   background: #EFEFEF;
   border-top: 1px solid grey;
   border-left: 1px solid grey;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   overflow-y: hidden;
   overflow-x: hidden;
   white-space:nowrap;
}

div.content_region {
  background: #EFEFEF;
  vertical-align: top;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid grey;
  border-left: 1px ridge grey;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}


@media (min-height: 0px) and (max-height: 400px) {
  div.program_calendar_height {
    height: 150px;
  }
  
  div.content_region_height {
    height: 150px;
  }
}

@media (min-height: 400px) and (max-height: 500px) {
  div.program_calendar_height {
    height: 275px;
  }
  
  div.content_region_height {
    height: 275px;
  }
}

@media (min-height: 500px) and (max-height: 600px) {
  div.program_calendar_height {
    height: 375px;
  }
  
  div.content_region_height {
    height: 375px;
  }
}

@media (min-height: 600px) and (max-height: 700px) {
  div.program_calendar_height {
    height: 475px;
  }
  
  div.content_region_height {
    height: 475px;
  }
}

@media (min-height: 700px) and (max-height: 800px) {
  div.program_calendar_height {
    height: 575px;
  }
  
  div.content_region_height {
    height: 575px;
  }
}

@media (min-height: 800px) and (max-height: 900px){
  div.program_calendar_height {
    height: 675px;
  }
  
  div.content_region_height {
    height: 675px;
  }
}

@media (min-height: 900px) and (max-height: 1000px){
  div.program_calendar_height {
    height: 775px;
  }
  
  div.content_region_height {
    height: 775px;
  }
}

@media (min-height: 1000px) {
  div.program_calendar_height {
    height: 875px;
  }
  
  div.content_region_height {
    height: 875px;
  }
}



div.program_calendar_container {
	position: absolute;
}


/* Region Definitions */

div.date_region {
  width:260px;
	vertical-align: top;
  float: left;
  height:34px;
  border-top: 1px solid grey;
  border-left: 1px solid grey;
  border-right: 2px solid #CCCCCC;
  border-bottom: 2px solid #CCCCCC;
}

div.time_region_notinuse {
  background: #F8F8F8;
}

div.time_region {
  vertical-align: top;
  height:34px;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-left: 1px;
  border-top: 1px solid grey;
  border-left: 1px solid grey;
  border-right: 0px solid black;
  border-bottom: 2px solid #CCCCCC;
}

div.spacer_region {
  width: 100%;
  overflow: hidden;
  height: 10px;
  border-top: 1px solid yellow;
  border-left: 1px solid yellow;
  border-right: 1px solid yellow;
  border-bottom: 1px solid yellow;
}

div.location_region {
  vertical-align: top;
  overflow-y: hidden;
  overflow-x: hidden;
  display: inline-block;
  background: #EFEFEF;
  border-top: 1px solid grey;
  border-left: 1px solid grey;
  border-right: 2px solid #CCCCCC;
  border-bottom: 1px solid transparent;
}



/* Date Region */

div.date_region_row{
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 1px;
	border-top: 2px ridge grey;
  border-left: 2px ridge grey;
  border-right: 2px ridge black;
  border-bottom: 2px ridge black;
	width:253px;  
  height: 28px;
  background: -webkit-linear-gradient(#AAAAAA, #BBBBBB); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#AAAAAA, #BBBBBB); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#AAAAAA, #BBBBBB); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#AAAAAA, #BBBBBB); /* Standard syntax */
  white-space:nowrap;
}

p.date_heading {
  padding: 2px 2px 2px 2px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 2px;
  text-align: center;  
  margin-top: auto;
  margin-bottom: auto;
  color: black;
  font-size: 1em;
  width: 100%;
}



/* Time Region sub-definitions */

div.time_region_row{
    margin-top: 1px;
    margin-bottom: 1px;
    white-space:nowrap;
}

div.time_region_scroll_container {
	width: 100%;
  vertical-align: top;
}


div.location_region_row{
    height: 60px;
    white-space:nowrap;
}


div.location_descriptions {
    width:260px;
	
}

section.calendar_times_content {
    display:inline-block;
    word-wrap: normal;
    height:28px;
	  background: -webkit-linear-gradient(#BBBBBB, #CCCCCC); /* For Safari 5.1 to 6.0 */
	  background: -o-linear-gradient(#BBBBBB, #CCCCCC); /* For Opera 11.1 to 12.0 */
	  background: -moz-linear-gradient(#BBBBBB, #CCCCCC); /* For Firefox 3.6 to 15 */
	  background: linear-gradient(#BBBBBB, #CCCCCC); /* Standard syntax */
    color:black;
    text-align:left;
    vertical-align:top;
    border-top: 2px ridge grey;
    border-left: 2px ridge grey;
    border-right: 2px ridge grey;
    border-bottom: 2px ridge black;

}

section.location_description {
    height:54px;
    width:252px;
    background: -webkit-linear-gradient(#BBBBBB, #CCCCCC); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#BBBBBB, #CCCCCC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#BBBBBB, #CCCCCC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#BBBBBB, #CCCCCC); /* Standard syntax */
    color:black;
    text-align:left;
    vertical-align:top;
    border-top: 2px ridge grey;
    border-left: 2px ridge grey;
    border-right: 2px ridge black;
    border-bottom: 2px ridge black;
    margin-left: auto;
    margin-right: auto;
    overflow-y: hidden;
    overflow-x: hidden;
}

p.location {
  padding: 2px 2px 2px 2px;
  margin: 0px 0px 0px 0px;
  color: black;
  font-size: .8em;
  width: 100%;
  word-wrap: normal;
  white-space: normal;
}

p.time_heading {
  padding: 2px 2px 2px 2px;
  margin: 0px 0px 0px 0px;
  text-align: center;  padding: 2px 2px 2px 2px;
  margin-top: auto;
  margin-bottom: auto;
  color: black;
  font-size: .8em;
  width: 100%;
}














/* Room content */

div.content_region_scroll_wrapper {
  position: relative;
  width: 100%;

}
div.notinuse {
background:#EFEFEF;
	
}

section.calendar_content {
    display:inline-block;
    word-wrap: normal;
    height:54px;
    background: -webkit-linear-gradient(#DDDDDD, #EFEFEF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#DDDDDD, #EFEFEF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#DDDDDD, #EFEFEF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#DDDDDD, #EFEFEF); /* Standard syntax */
    color:black;
    text-align:left;
    vertical-align:top;
    border-top: 2px ridge grey;
    border-left: 2px ridge grey;
    border-right: 2px ridge black;
    border-bottom: 2px ridge black;
   overflow-y: hidden;
   overflow-x: hidden;
    
}

div.content_region_row{
    height: 60px;
    white-space:nowrap;
}



div.room_contents_container{
  width: 100%;
}

div.room_heading_container{
    display:inline-block;
    width: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
}

p.event_time {
  padding-top: 2px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 2px;
  color: black;
  margin: 0px 0px 0px 0px;
  font-size: .55em;
}

p.event_title {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 2px;
  padding-left: 2px;
  margin: 0px 0px 0px 0px;
  color: black;
  font-size: .625em;
  width: 100%;
  word-wrap: normal;
  white-space: normal;
  user-select: none;
}



section.calendar_content_emphasis {
    display:inline-block;
    word-wrap: normal;
    height:54px;
    background:#EFEFEF;
    color:black;
    text-align:left;
    vertical-align:top;
    border-top: 2px solid grey;
    border-left: 2px solid grey;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
   overflow-y: hidden;
   overflow-x: hidden;
}


section.calendar_margin {
    height:54px;
    width:252px;
    background:#CCCCCC;
    color:black;
    text-align:left;
    vertical-align:top;
    border-top: 2px solid grey;
    border-left: 2px solid grey;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    overflow-y: hidden;
    overflow-x: hidden;

}

section.calendar_break {
    display:inline-block;
    height:54px;
  background: #EFEFEF;
    color:white;
    text-align:left;
    vertical-align:top;
    border: 2px solid #EFEFEF;
    border-top: 2px solid #EFEFEF;
    border-left: 2px solid #EFEFEF;;
    border-right: 2px solid #EFEFEF;;
    border-bottom: 1px dotted lightgrey;
}


/*  The following are the css styles for the day list at the top of the page. */
div.day_list_days {
    display:inline-block;
    word-wrap: normal;
    color:black;
    text-align:left;
    vertical-align:top;
    border-top: 0px solid grey;
    border-left: 1px solid grey;
    border-right: 0px solid black;
    border-bottom: 0px solid black;
}

section.day_list_month {
  font-size: .625em;
    text-align:center;
    vertical-align:top;
    border-top: 0px solid grey;
    border-left: 0px solid grey;
    border-right: 0px solid black;
    border-bottom: 0px solid black;
    overflow-y: hidden;
    overflow-x: hidden;
}

section.day_list_day {
  font-size: .625em;
    text-align:center;
    vertical-align:top;
    border-top: 0px solid grey;
    border-left: 0px solid grey;
    border-right: 0px solid black;
    border-bottom: 0px solid black;
    overflow-y: hidden;
    overflow-x: hidden;
}

section.day_list_day_of_week {
  font-size: .8em;
    text-align:center;
    vertical-align:top;
    border-top: 0px solid grey;
    border-left: 0px solid grey;
    border-right: 0px solid black;
    border-bottom: 0px solid black;
    overflow-y: hidden;
    overflow-x: hidden;
}

div.day_list_day_container {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 0px;
  padding-left: 0px;
  display:inline-block;
  word-wrap: normal;
  background: -webkit-linear-gradient(#CCCCCC, #EFEFEF); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#CCCCCC, #EFEFEF); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#CCCCCC, #EFEFEF); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#CCCCCC, #EFEFEF); /* Standard syntax */
  width:50px;
  color:black;
  text-align:left;
  vertical-align:top;
  border-top: 1px solid grey;
  border-left: 0px ridge grey;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

div.day_list_day_container_selected {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 0px;
  padding-left: 0px;

  display:inline-block;
  word-wrap: normal;
  
  background: -webkit-linear-gradient(black, #555555); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(black, #555555); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(black, #555555); /* For Firefox 3.6 to 15 */
  background: linear-gradient(black, #555555); /* Standard syntax */

  
  
  width:50px;
  color:white;
  
  text-align:left;
  vertical-align:top;
  border-top: 1px solid grey;
  border-left: 0px ridge grey;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}