.hidden {
		display:none;
		}
	.cal-container {
		width:100%;
		}	
	.big-calendar, .week-calendar {
		}
	.week-calendar .cal-frame table th{
		width:12.5%;
		}
	.day-calendar .cal-frame table td.daytimespot{
		width:100px;
		}
	.day-calendar .cal-frame table td{
		width:auto;
		}
	.cal-header, .cal-frame table{	
		width:100%;
		}
	.cal-header {
		background:#242424 url(/common/images/calendar_v2/charcoal-gradient.jpg) repeat-x top left;
		color:#FFF;
		font-size:1.2em;
		position:relative;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		align-content: center;
		}
	.cal-frame{
		border-right:1px solid #CCC;
		border-left:1px solid #CCC;
		}
	.cal-frame table th{
		border-bottom:1px solid #CCC;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1rem;
		font-weight:bold;
		height:20px;
		text-transform: uppercase;
		width: 14%;
		text-align:center;
		}
	.cal-frame table td.cal-col, .cal-frame table td.cal-col-last ,.week-calendar .cal-frame table td.even{
		background:#F8F8F8 url(/common/images/calendar_v2/grey-gradient.jpg) repeat-x top left;
		border-bottom:2px solid #CCC;
		border-top:none;
		vertical-align:top;
		}
	.week-calendar .cal-frame table td.cal-col{
		background:#FFF url(/common/images/calendar_v2/grey-gradient-light.jpg) repeat-x top left;
		border-bottom:2px solid #CCC;
		border-top:1px solid #FFF;
		vertical-align:top;
		}

    table td.cal-col div, table td.cal-col img, table td.cal-col p{
      width:100%;
    }
	.cal-frame table td.calendarDay{
		border-left:none;
		}
	.big-calendar .cal-frame table td{
		height:100px;
		max-width:-webkit-fill-available;
	  }
	.cal-col {
		border-left:1px solid #FFF;
		border-right:1px solid #CCC;
		}
 	.cal-col-last {
		border-left:1px solid #FFF;
	}
 	.cal-frame td.daytimespot {
		background: #fff;
		border-right:2px solid #ccc;
		border-bottom:1px solid #ccc;
		font-weight: bold;
		padding:10px 0;
		text-align: center; 	
	} 
	.cal-frame td.current {
		background: #F2F0CE !important;
	}
	.cal-frame td.nil{
		background: #fafafa;
  		color:#999;
	}
	.cal-frame td .calendarDayPop{
	  padding:5px 0 0 5px;
	 }
	.cal-frame td .editBox{
		border-radius: 3px 3px 3px 3px;
		}
	.cal-frame td .editBox .bracket{
		display:none;
		}
	.cal-frame td .editBox .editLink,  .cal-frame td .editBox .deleteLink{ 
		}
	.cal-month-year {
		line-height:40px;
		} 
	.cal-header .buttons {
		line-height:40px;
		display: flex;
		flex-direction: row;
		align-items: stretch;
		justify-content: center;
		align-content: center;
		flex-wrap: nowrap;
		}	
	.cal-header .buttons > *
	{
		align-self: center;
	}
  .cal-header .buttons .today-button a:link {
		background: url(/common/images/calendar_v2/return-arrow.png) no-repeat center center;
	}.cal-header .buttons .today-button a:hover  {
		background: #000 url(/common/images/calendar_v2/return-arrow.png) no-repeat center center;
	}
	.cal-header .button a{
		border-right:1px solid #000;
		border-left:1px solid #3F3F3F;
		display:block;
		color:#FFF;
		text-decoration:none;
		padding:0 15px;
		text-align: center;
		}
	.cal-header .button a:hover, .cal-header .button:hover a{
		background:#000;
		}
	.cal-day-num {
		clear:both;
		}
	.cal-frame td:hover ul li.no_category {
		background:#EFEFEF;
		}
	.week-calendar .cal-frame .all-day-row{
		border-bottom: 3px solid #CCC;	
	}
	.schoolDDList .dropBox {
		background:#000;
		position:absolute;
		right:0px;
		top: 100%;
		width:100%;
		margin:0px;
		z-index: 1000;
    padding:10px 0;
		box-shadow: 1px 1px 5px #888;
	}

	.calMonthViewWrapper.flex 
	{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
	}
	.calMonthViewWrapper.flex .responsive-calendar
	{
		width: 70%;
	}

	.calMonthViewWrapper .calMonthView.eventsList .event-wrapper
	{
		box-shadow: none;
	}

	.calMonthViewWrapper .calMonthView.eventsList .products-list
	{
		padding-inline-start: 20px !important;
		list-style-type: none;
	}

	.calMonthViewWrapper .calMonthView.eventsList .products-list .event-wrapper 
	{
		margin-bottom: 10px;
		box-shadow: 10px 5px 5px #ccc;
	}
	.calMonthViewWrapper .calMonthView.eventsList .products-list .content-wrapper .title
	{
		font-size: 90%;
	}

	#content .uncatList {
		list-style:none;
		margin:0;
		padding:0;
		column-count: 4;
		column-rule: dotted 1px #fff;
		}
	#content .uncatList li{
		line-height:1.3;
		font-size:11px;
		margin:3px 0;
		min-height:34px;
		}
	#content .uncatList li a{
		border:none;
		}
	#content .uncatList li a:hover{
		color:#FFC;
		text-decoration:underline;
		}
	.schoolDDList .dropBox {
		display:none;
		}
	.schoolDDList:hover .dropBox {
		display:block
		}
/*----------------- SALL CALENDAR ---------------------- */

.small-calendar .cal-month-year {
	line-height:30px;
	width:100%;
	}
.small-calendar .cal-header .buttons {
	line-height:30px;
	position:absolute;
	right:0;
	top:0;
	}
.small-calendar .cal-frame table td.cal-col{
	background:#F8F8F8 url(/common/images/calendar_v2/grey-gradient-light.jpg) repeat-x top left;
	border-bottom:1px solid #CCC;
	border-top:none;
	vertical-align:top;
	}
.cal-day-num {
	clear:both;
  margin: 0;
  padding:1px 0 0 1px;
	}
  .small-calendar .cal-day-num {
    cursor:pointer;
	}
.event-tick{
	background: url(/common/images/calendar_v2/eventTick.png) no-repeat top right;
}
.small-calendar .small-calendar-detail{
      background:#F4F4F4 url(/common/images/calendar_v2/grey-gradient.jpg) repeat-x bottom left;
}
.small-calendar .small-calendar-detail .x-plain-header-text{
  padding:10px;
  font-size:12px;
  font-weight:bold;
  display:block;
}

/*----------------- CALENDAR DETAIL ---------------------- */
  .small-calendar .cal-frame{
    border:none;
   }
  .small-calendar .cal-frame .small-calendar-detail .x-grid3-viewport .x-grid3-scroller,.small-list-calendar .x-grid3-scroller{
    overflow-y:scroll;
	}
  .small-calendar .cal-frame .small-calendar-detail table td.cal-col{
    background:none;
    border:none;
    height:auto;
    font-size:.7em;
    vertical-align:top;
	}
  
  .small-calendar .cal-frame .small-calendar-detail table td:hover, .small-list-calendar table td:hover{
    background:none;
   }
   .small-calendar .cal-frame .small-calendar-detail .desc_holder, .small-list-calendar .desc_holder{
    padding:4px 5px;
	}
   .small-calendar .cal-frame .small-calendar-detail .x-grid3-row-over, .small-list-calendar  .x-grid3-row-over{
    background:none;
   }
   .small-calendar .x-grid3-row, .small-list-calendar .x-grid3-row{
    -moz-border-radius:5px;
    margin-bottom:3px;
  }
  .small-day-calendar-header {
    font-size: 18px;
    line-height: 1.5;
    padding-top: 13px;
    text-align: center;
  }
  .small-year-blockr{
    padding:1%;
  }
  .small-year-block{
    width:48%;
    padding:1%;
    float:left;
  }
  
  .small-year-block  .cal-month-year a,.small-year-blockr  .cal-month-year a{
    color:#fff;
    text-decoration:none;
	}
  .small-year-block .cal-day-num a,.small-year-blockr .cal-day-num a{
    text-decoration:none;
    color: #000;
    height:27px;
    display:block;
    font-size:11px;
    }
   .small-year-block .cal-col:hover,.small-year-blockr .cal-col:hover{
    background:#fff;
	}

  .small-year-block table td,.small-year-blockr table td{
    height:30px;
  }
  
  .small-year-block .cal-frame td.nil,.small-year-blockr .cal-frame td.nil{
    background: #fafafa;
  }
  .small-year-block .cal-frame td.nil a,.small-year-blockr .cal-frame td.nil a{
    color:#999;
	}
  
/*----------------- CAT MINI DAY/LIST VIEW ---------------------- */
	.cal-day-widget .dayHeader {
		background:#FFF url(/common/images/calendar_v2/grey-white-gradient.jpg) repeat-x top left;
		border-bottom:2px solid #EEE;
		border-radius:5px 5px 0 0;
		box-shadow:0px 1px 2px #CCC;
		padding:5px 8px;
		position:relative;
		}
	.cal-day-widget .dayNum {
		color:#CCC;
		font-size:3em;
		}
	.cal-day-widget .dayDay {
		position:absolute;
		right:7px;
		top:9px;
		}
	.cal-day-widget .dayFullDate, .dayDay {
		color:#666;
		font-size:1.5em;
		text-transform:uppercase;
		}
	.cal-day-widget .cal-frame{
		border-right:1px solid #EEE;
		border-left:1px solid #EEE;
		}

	.cal-day-widget .cal-frame-list-view
	{
		scrollbar-width: thin;
		scrollbar-color: #AE0404;
	}

	.cal-day-widget .cal-frame-list-view::-webkit-scrollbar
	{
		width: 8px;
	}

	.downArr
	{
		transform:rotate(90deg);
	}
	.dblChev
	{
		font-size: 2vh;
	}
	.cal-day-widget .cal-frame-list-view::-webkit-scrollbar-track
	{
		width: 8px;
		background-color: #aaa;
	}
	.cal-day-widget .cal-frame-list-view::-webkit-scrollbar-thumb
	{
		background-color: #AE0404;
		border-radius: 8px;
		color: #aaa;
	}
	.cal-day-widget .cal-frame table th{
		border-bottom:1px solid #DDD;
		border-right:1px solid #DDD;
		border-top:1px solid #fff;
		color:#666;
		font-size:.9em;
		padding: 5px;
		text-transform: uppercase;
		vertical-align:top;
	}
	.cal-day-widget .cal-frame table td{
		border-bottom:1px solid #DDD;
		border-right: none;
		background:none;
		border-top:1px solid #fff;
		font-size:.9em;
		padding: 5px;
		vertical-align:top;
	}
.cal-day-widget .cal-frame h3{
		font-size:1em;
		margin-top:0;
		}
.cal-day-widget .cal-frame table th.cat-color-blue {
		background-color:#09F;
		color:#FFF;
  }
.cal-day-widget .cal-frame table th a.eventTitle, .cal-day-widget .cal-frame table td a.eventLink{
      color:#000;
      text-decoration:none;
  }
.cal-day-widget table th.day-break-row {
    background: url("/common/images/calendar_v2/grey-gradient.jpg") repeat-x scroll left top #FFFFFF;
    border-bottom: 1px solid #ccc;
    color: #444444;
    padding: 1px;
  }   
.cal-day-widget table th.day-break-row a {
    color: #444444;
    text-decoration:none;
  }
 .cal-day-widget .cal-day-desc {
    font-size: 11px;
  } 
.odd {
			background-color:#F6F6F6;
	}
.empty-events {
  background: url("/common/images/calendar_v2/empty-event-icon.png") no-repeat scroll center center transparent;
  height: 100%;
  width: 100%;
}
.rsvpList h3{
  padding:5px;
}
.rsvpList table{
  border:1px solid #ccc;
}
.rsvpList table th{
  background:#dfdfdf;
  padding:3px;
  border-bottom:1px solid #bbb;
  font-weight:bold;
}
.rsvpList table td{
  border-top:1px solid #eee;
  padding:1px 6px;
  font-size:12px;
}
.rsvpList table tr.groupHeader td{
  background:#efefef;
  padding:0 6px;
  border:none;
  font-size:13px;
  text-transform:capitalize;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ccc;
  font-weight:bold;
}
.rsvpList table tr.groupHeader td a{
  text-decoration:none;
  font-size:11px;
}
.rsvpList table td a{
  text-decoration:none;

}

/* weather mod for the system */

  .bigWeather .weatherDay {
    color: #403F3F;
    font-size: 25px !important;
    vertical-align: middle;
  }
  
  .weatherDay {
    color: #403F3F;
    font-size: 25px !important;
    vertical-align: middle;
  }

  .dayHeader .currTempDesc{
    color: #333;
    font-size: 1.5em;
    padding:2px 0;
  }
  .dayHeader .currTemp{
    color: #666;
    font-size: 2.2em;
    padding:2px 0 5px;
  }
  .dayHeader .currUpdateTime{
    color: #5C5C5C;
    font-size: .8em;  
  }
  
  .compact .weatherDay {
    padding:2px !important;
    color: #403F3F;
    font-size: 18px !important;
  }
  
  
  table.widgetWeather td.odd{
		font-size:.9em;
		padding: 3px;
    border-left:1px solid #E8E8E8;
    border-right:1px solid #E8E8E8;
		background:#FFFFFF url(/common/images/calendar_v2/grey-gradient-light.jpg) repeat-x top left;
	}
  
  table.widgetWeather td.even{
		background:#FFFFFF url(/common/images/calendar_v2/grey-white-gradient.jpg) repeat-x top left;
	}
  
  .RSSfeed .currUpdateTime{
    color: #5C5C5C;
    font-size: .8em;  
    line-height:15px;
  }
  .RSSfeed .itemTitle{
    font-size: 1.1em;
    font-weight:bold;
  }
  .RSSfeed .itemTitle a{
    text-decoration:none;
    color: #333;
  }
  .RSSfeed .itemTitle a:hover{
    color: #5C5C5C;
  }
  

  
/* Cat Hex Styles for Testing */
.cathex-CC0033 {background-color: #CC0033}
.cathex-border-CC0033 {border-color: #CC0033}
.cathex-CC0033 td {color: #FFFFFF}
.cathex-FF0033 {background-color: #FF0033}
.cathex-border-FF0033 {border-color: #FF0033}
.cathex-FF0033 td {color: #FFFFFF}
.cathex-FF0066 {background-color: #FF0066}
.cathex-border-FF0066 {border-color: #FF0066}
.cathex-FF0066 td {color: #FFFFFF}
.cathex-FF3366 {background-color: #FF3366}
.cathex-border-FF3366 {border-color: #FF3366}
.cathex-FF3366 td {color: #000000}
.cathex-FF99FF {background-color: #FF99FF}
.cathex-border-FF99FF {border-color: #FF99FF}
.cathex-FF99FF td {color: #000000}
.cathex-FFCCFF {background-color: #FFCCFF}
.cathex-border-FFCCFF {border-color: #FFCCFF}
.cathex-FFCCFF td {color: #000000}
.cathex-FF00FF {background-color: #FF00FF}
.cathex-border-FF00FF {border-color: #FF00FF}
.cathex-FF00FF td {color: #FFFFFF}
.cathex-CC33CC {background-color: #CC33CC}
.cathex-border-CC33CC {border-color: #CC33CC}
.cathex-CC33CC td {color: #FFFFFF}
.cathex-CC33FF {background-color: #CC33FF}
.cathex-border-CC33FF {border-color: #CC33FF}
.cathex-CC33FF td {color: #FFFFFF}
.cathex-CC00FF {background-color: #CC00FF}
.cathex-border-CC00FF {border-color: #CC00FF}
.cathex-CC00FF td {color: #FFFFFF}
.cathex-9933CC {background-color: #9933CC}
.cathex-border-9933CC {border-color: #9933CC}
.cathex-9933CC td {color: #FFFFFF}
.cathex-9900FF {background-color: #9900FF}
.cathex-border-9900FF {border-color: #9900FF}
.cathex-9900FF td {color: #FFFFFF}
.cathex-6633CC {background-color: #6633CC}
.cathex-border-6633CC {border-color: #6633CC}
.cathex-6633CC td {color: #FFFFFF}
.cathex-6633FF {background-color: #6633FF}
.cathex-border-6633FF {border-color: #6633FF}
.cathex-6633FF td {color: #FFFFFF}
.cathex-9966FF {background-color: #9966FF}
.cathex-border-9966FF {border-color: #9966FF}
.cathex-9966FF td {color: #FFFFFF}
.cathex-9999FF {background-color: #9999FF}
.cathex-border-9999FF {border-color: #9999FF}
.cathex-9999FF td {color: #000000}
.cathex-3300FF {background-color: #3300FF}
.cathex-border-3300FF {border-color: #3300FF}
.cathex-3300FF td {color: #FFFFFF}
.cathex-3333FF {background-color: #3333FF}
.cathex-border-3333FF {border-color: #3333FF}
.cathex-3333FF td {color: #FFFFFF}
.cathex-000066 {background-color: #000066}
.cathex-border-000066 {border-color: #000066}
.cathex-000066 td {color: #FFFFFF}
.cathex-002255 {background-color: #002255}
.cathex-border-002255 {border-color: #002255}
.cathex-002255 td {color: #FFFFFF}
.cathex-3366CC {background-color: #3366CC}
.cathex-border-3366CC {border-color: #3366CC}
.cathex-3366CC td {color: #FFFFFF}
.cathex-0066FF {background-color: #0066FF}
.cathex-border-0066FF {border-color: #0066FF}
.cathex-0066FF td {color: #FFFFFF}
.cathex-3366FF {background-color: #3366FF}
.cathex-border-3366FF {border-color: #3366FF}
.cathex-3366FF td {color: #FFFFFF}
.cathex-0066CC {background-color: #0066CC}
.cathex-border-0066CC {border-color: #0066CC}
.cathex-0066CC td {color: #FFFFFF}
.cathex-6699FF {background-color: #6699FF}
.cathex-border-6699FF {border-color: #6699FF}
.cathex-6699FF td {color: #000000}
.cathex-6699CC {background-color: #6699CC}
.cathex-border-6699CC {border-color: #6699CC}
.cathex-6699CC td {color: #000000}
.cathex-3399FF {background-color: #3399FF}
.cathex-border-3399FF {border-color: #3399FF}
.cathex-3399FF td {color: #000000}
.cathex-99FFFF {background-color: #99FFFF}
.cathex-border-99FFFF {border-color: #99FFFF}
.cathex-99FFFF td {color: #000000}
.cathex-CCFFFF {background-color: #CCFFFF}
.cathex-border-CCFFFF {border-color: #CCFFFF}
.cathex-CCFFFF td {color: #000000}
.cathex-00FFCC {background-color: #00FFCC}
.cathex-border-00FFCC {border-color: #00FFCC}
.cathex-00FFCC td {color: #000000}
.cathex-99FFCC {background-color: #99FFCC}
.cathex-border-99FFCC {border-color: #99FFCC}
.cathex-99FFCC td {color: #000000}
.cathex-66CC66 {background-color: #66CC66}
.cathex-border-66CC66 {border-color: #66CC66}
.cathex-66CC66 td {color: #000000}
.cathex-006633 {background-color: #006633}
.cathex-border-006633 {border-color: #006633}
.cathex-006633 td {color: #FFFFFF}
.cathex-009933 {background-color: #009933}
.cathex-border-009933 {border-color: #009933}
.cathex-009933 td {color: #FFFFFF}
.cathex-99FF66 {background-color: #99FF66}
.cathex-border-99FF66 {border-color: #99FF66}
.cathex-99FF66 td {color: #000000}
.cathex-99FF99 {background-color: #99FF99}
.cathex-border-99FF99 {border-color: #99FF99}
.cathex-99FF99 td {color: #000000}
.cathex-00CC33 {background-color: #00CC33}
.cathex-border-00CC33 {border-color: #00CC33}
.cathex-00CC33 td {color: #000000}
.cathex-33FF00 {background-color: #33FF00}
.cathex-border-33FF00 {border-color: #33FF00}
.cathex-33FF00 td {color: #000000}
.cathex-00CC00 {background-color: #00CC00}
.cathex-border-00CC00 {border-color: #00CC00}
.cathex-00CC00 td {color: #000000}
.cathex-CCCC66 {background-color: #CCCC66}
.cathex-border-CCCC66 {border-color: #CCCC66}
.cathex-CCCC66 td {color: #000000}
.cathex-FFFFCC {background-color: #FFFFCC}
.cathex-border-FFFFCC {border-color: #FFFFCC}
.cathex-FFFFCC td {color: #000000}
.cathex-FFFF00 {background-color: #FFFF00}
.cathex-border-FFFF00 {border-color: #FFFF00}
.cathex-FFFF00 td {color: #000000}
.cathex-CC9933 {background-color: #CC9933}
.cathex-border-CC9933 {border-color: #CC9933}
.cathex-CC9933 td {color: #000000}
.cathex-CC9900 {background-color: #CC9900}
.cathex-border-CC9900 {border-color: #CC9900}
.cathex-CC9900 td {color: #000000}
.cathex-FF9900 {background-color: #FF9900}
.cathex-border-FF9900 {border-color: #FF9900}
.cathex-FF9900 td {color: #000000}
.cathex-FF9933 {background-color: #FF9933}
.cathex-border-FF9933 {border-color: #FF9933}
.cathex-FF9933 td {color: #000000}
.cathex-996633 {background-color: #996633}
.cathex-border-996633 {border-color: #996633}
.cathex-996633 td {color: #FFFFFF}
.cathex-663300 {background-color: #663300}
.cathex-border-663300 {border-color: #663300}
.cathex-663300 td {color: #FFFFFF}
.cathex-996666 {background-color: #996666}
.cathex-border-996666 {border-color: #996666}
.cathex-996666 td {color: #000000}
.cathex-CC9966 {background-color: #CC9966}
.cathex-border-CC9966 {border-color: #CC9966}
.cathex-CC9966 td {color: #000000}
.cathex-FFCC99 {background-color: #FFCC99}
.cathex-border-FFCC99 {border-color: #FFCC99}
.cathex-FFCC99 td {color: #000000}
.cathex-border-000000 {border-color: #000000}
.cathex-000000 td {color: #FFFFFF}
.cathex-666666 {background-color: #666666}
.cathex-border-666666 {border-color: #666666}
.cathex-666666 td {color: #FFFFFF}
.cathex-CCCCCC {background-color: #CCCCCC}
.cathex-border-CCCCCC {border-color: #CCCCCC}
.cathex-CCCCCC td {color: #000000}
.cathex-000000, .cathex-000000:hover {background-color: #000000}

table td.calendarDay ul{
	margin: 0!important;
}
table td.calendarDay ul li{
	word-wrap: break-word;
}

.calMonthMeta
{
	display: flex;
    flex-direction: column;
    align-items: stretch;
	width: 30%;
}

.calMonthMeta button 
{
	margin-bottom: 2%;
	margin-right: 2%;
}

.event-wrapper .date-content-wrapper
{
	margin: 3px;
}
.event-wrapper .content-wrapper .title, .event-wrapper .content-wrapper .time  
{
	font-size: 95%;
}
.calMonthMeta .calMonthMetaTools
{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
}

@media only screen and (max-width: 425px) {
	.cal-frame table th {
		width: 25%;
	}
	.calMonthViewWrapper.flex
	{
		flex-direction: column;
	}
	.calMonthMeta, .calMonthViewWrapper.flex .responsive-calendar
	{
		width: 100%;
	}
	.calMonthViewWrapper .calMonthView.eventsList .products-list
	{
		padding-inline-start: 0 !important;
	}
	.calMonthViewWrapper .calMonthView.eventsList .event-wrapper
	{
		flex-direction: column;
	}
	.metaWrapper
	{
		display: flex;
		align-items: stretch;
		justify-content: center;
		align-content: center;
		flex-wrap: nowrap;
		flex-direction: row;
	}
	.date-wrapper
	{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
	.event-wrapper .thumb
	{
		width: 100%;
		height: 80px;
	}
	.event-wrapper > .content-wrapper
	{
		flex: 2 0 70px;
	}
}

@media only screen and (max-width: 1024px)
{
	.big-calendar .cal-frame table td
	{
		height: 50px;
	}
}