@import url(calendar.css) screen;
@import url(clearfix.css) screen;
@import url(structure.css) screen;
@import url(grid.css) screen;
@import url(ticker-style.css) screen;
@import url(osx.css) screen;
@import url(media320.css) only screen and (min-width: 320px) and (max-width: 500px);
@import url(media500.css) only screen and (min-width: 500px)  and (max-width: 900px);
@import url(media900.css) only screen and (min-width: 900px) and (max-width: 1100px);
@import url(media1100.css) only screen and (min-width: 1100px);
@import url(forms.css);
@import url(print.css) print;

/* 1. Icon Set ---------------------------- */
@import url(iconset1.css) all;
/* px / 14 = em */


html { font-size: 62.5%; min-height: 100%;}
body { font-family: Arial, Helvetica, sans-serif; font-size: 1.4285em; margin: 0; min-height: 100%;/*1.4285em;*/ }

a{
	text-decoration: none;
	cursor: pointer;
}

a.subscribe:hover{
	text-decoration: underline;
}
/* @group Colors */



	/* ------------------------------------------------------------------------------------ */
	/* Front Colors */
	/* ------------------------------------------------------------------------------------ */
	
	/* ONE */
	/* --------------------------- */
	.mc-color-1,
	.news-expand.mc-color-1 a,
	.news-counter{ color: #ffffff }
	
	/* TWO */
	/* --------------------------- */
	.mc-color-2{ color: #ffffff; }
	
	/* THREE */
	/* --------------------------- */
	.mc-color-3,
	a,
	a.calsunday,
	.special-dates-label{ color: #00348d; }/* Selected Items, Links, Title Bars Primary */
	
	/* FOUR */
	/* --------------------------- */
	.mc-color-4,
	.ticker-title,
	.ticker-content,
	.news-expand a,
	.form-header-title,
	#osx-container,
	#sdCaltitle, 
	#caltitle, 
	.side-box-title,
	#sdCaltitle select, 
	#caltitle select,
	label,
	.label,
	.special-dates-viewer { color: #000000; }/* Fonts */
	
	/* FIVE */
	/* --------------------------- */
	.mc-color-5{ color: #ab8c00; }/* Title Bars Secondary */
	
	/* SIX */
	/* --------------------------- */
	.mc-color-6{color: #4b93db}
	
	
	
	
	/* ------------------------------------------------------------------------------------ */
	/* Background Colors */
	/* ------------------------------------------------------------------------------------ */
	
	/* ONE */
	/* --------------------------- */
	.mc-bg-color-1,
	#osx-container{ background-color: #ffffff }
	/* TWO */
	/* --------------------------- */
	.mc-bg-color-2,
	#simplemodal-container,
	#sdCaltitle select, 
	#caltitle select,
	.calweek a:hover,
	.calfocus,
	.el-data-row-hover{ background-color: #ffffff; }/* Body */

	/* THREE */
	/* --------------------------- */
	.mc-bg-color-3,
	#sdCalcurrent, 
	#calcurrent,
	.checkbox-head,.checkbox,
	#loginForm,
	.more-events{ background-color: #00348d; }

	/* FOUR */
	/* --------------------------- */
	.mc-bg-color-4,
	.news-counter,
	#osx-overlay { background-color: #000000; }
	
	/* FIVE */
	/* --------------------------- */
	.mc-bg-color-5,
	.c-wrapper-active,
	.ticker-wrapper-hover,
	.news-expand,
	li.calendar-type-item:hover,
	#sdCalhead, 
	#calhead, 
	.side-box-head,
	.user-menu,
	.userMenu,
	.fetured-events-content-horizontal-1 .scroller .next-group,
	.fetured-events-content-horizontal-1 .scroller .prev-group,
	.el-title div.title,
	.button.selected,
	.tooltip-close,
	.tooltip .tooltip-arrow,
	.special-number-with{ background-color: #ab8c00; }
	
	/* SIX */
	/* --------------------------- */
	.mc-bg-color-6{ background-color: #4b93db; }
	
	/* Border Colors */
	/* ------------------------------------------------------------------------------------ */
	.mc-border-color-1{ border-color: #ffffff }
	.mc-border-color-2{ border-color: #ffffff; }
	.mc-border-color-3{ border-color: #00348d; }
	.mc-border-color-4{ border-color: #000000; }
	.mc-border-color-5, hr{ border-color: #ab8c00; }
	.mc-border-color-6{ border-color: #4b93db; }
	
	/* Box Shadow */
	.mc-boxshadow,.special-number-selected{ box-shadow: 0px 3px 3px 0px #efefef; }
/* @end */

/* @group Title Bars  */
	.mc-title-primary, .mc-title-secondary, .mc-title-secondary-hover, #osx-container #osx-modal-title, .event-grid-day-header > div ,.form-header-title, #confirm-container .header, #customHint-container .header, #helpText-container .header { font-weight: bold; min-height: 2.142em; line-height: 2.142em; vertical-align: middle; }
	.mc-title-primary,#osx-container #osx-modal-title,#osx-container #osx-modal-title, .selected, .event-grid-day-header > div, #confirm-container .header, #customHint-container .header, #helpText-container .header, .login  { color: white; background-color: #00348d; }
	.mc-title-secondary{ color: #000000; background-color: #ffffff; }
	.mc-title-secondary-hover{ color: #000000; background-color: #ab8c00; }
/* @end */


.middle{
	margin: 10px auto;
}


.mc-linear-gradient, .mc-title-primary, #confirm-container .header, #customHint-container .header, #helpText-container .header, .login{
  	background-image: linear-gradient(to bottom,#00348d,#00348d );
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00348d', endColorstr='#00348d'); /* for IE */
}


.mc-linear-gradient-2, body, #simplemodal-container{
  	background-image: linear-gradient(to bottom, #ffffff,#ffffff ); 
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff'); /* for IE */
}

.mc-linear-gradient-5, .mc-title-secondary-hover {
    background-image: linear-gradient(to bottom, #ab8c00,#ab8c00 );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ab8c00', endColorstr='#ab8c00'); /* for IE */
}

/* @group Featured Events Horizontal */
	.fetured-events-content-horizontal-1 > .box{ min-height: 260px; }
	.fetured-events-content-horizontal-1 > .box > .content{ max-height: 235px; overflow: hidden; }
	.fetured-events-content-horizontal-1 > .scroller-control{ height: 65px;}
	.fetured-events-content-horizontal-1 .scroller{ width: 5%; height: 100%; display: block; }
	.fetured-events-content-horizontal-1  .items{ width: 90%; font-size: 0.8571428571428571em; font-weight: bold; overflow: hidden;}
	.fetured-events-content-horizontal-1 .items,.fetured-events-content-horizontal-1 .item{ height: 100%; box-sizing: border-box; }
	.fetured-events-content-horizontal-1  .items .item{ width: 25%; border-style: solid; border-width: 1px; cursor: pointer;}
	.fetured-events-content-horizontal-1 .scroller > .prev-item,
	.fetured-events-content-horizontal-1 .scroller > .next-item{ margin-top: 15px; margin-left: 9px; }
	.fetured-events-content-horizontal-1 .scroller .prev-group, 
	.fetured-events-content-horizontal-1 .scroller .next-group{ position: relative; height: 50px; width: 30px; margin-top: -41px; display: none; z-index: 1000; }
	.fetured-events-content-horizontal-1 .scroller .prev-group{ left: -20px; border-radius: 50px 0px 0px 50px; box-shadow: -3px 0px 0px 0px #efefef; }
	.fetured-events-content-horizontal-1 .scroller .next-group{ left: 26px; border-radius: 0px 50px 50px 0px; box-shadow: 3px 0px 0px 0px #efefef; }
	.fetured-events-content-horizontal-1 .scroller > .prev-item.inactive,
	.fetured-events-content-horizontal-1 .scroller > .next-item.inactive{ opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ cursor: default; }
	.fetured-events-content-horizontal-1 .scroller-playback-controls{ display: none; }
/* @end */

/* @group Featured Events Vertcal */
	.fetured-events-content-vertical-1 > .box{ height: 280px;}
	.fetured-events-content-vertical-1 div.scroller-control, 
	.fetured-events-content-vertical-1 > .box .content{ height: 280px; overflow: hidden; box-sizing: border-box; }
	.fetured-events-content-vertical-1 .scroller{ border-style: solid; border-width: 1px; height: 28px; box-sizing: border-box; }
	.fetured-events-content-vertical-1 .items > .item{ border-style: solid; border-width: 1px; height: 56px; box-sizing: border-box; font-size: 0.8571428571428571em; }
	.fetured-events-content-vertical-1 .items > .item div{ height: 100%; vertical-align: middle; display: box; }
/* @end */

/* @group Featured Events Controls */
.c-wrapper-active,.c-wrapper-inactive{
	border-radius: 30px;
	padding: 2px;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

.c-wrapper-inactive{
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}
/* @end */

/* @group Buttons */
	.event-type-display-nav{ position: relative; /*margin-top: 5px;*/ }
	.event-type-display-nav div.button.normal, .event-type-display-nav  div.button.selected{ font-size: 0.8571428571428571em; line-height: 20px; vertical-align: middle; padding: 2px 7px 2px 7px; color: #000000; cursor: pointer; }
	.event-type-display-nav div.button.selected{ border: 1px solid #4b93db; border-radius: 5px; box-shadow: 0px 1px 1px 0px #efefef; background-color: #4b93db; }
/* @end */

/* @group Search Box */
.search-box{
	height: 24px;
	padding-left: 5px;
	border-radius: 30px;
	line-height: 24px;
	vertical-align: middle;
	padding-right: 5px;
	font-size: 0.8571428571428571em;
	color: white;
	z-index: 1000;
	/*margin-left: 20px;*/
}
.search-box input{ margin-top: 3px; margin-left: 5px; width: 10em; }
.search-box-modal{ position: absolute; z-index: 101; border-radius: 20px; }
/* @end */

.announcements{
	border-radius: 30px;
	margin-top: 3px;
	margin-right: 5px;
}

.opacity-full{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.opacity-medium{
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

.opacity-3QFull{
	opacity:0.75;
	filter:alpha(opacity=75); /* For IE8 and earlier */
}

.opacity-90Full{
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}

.opacity-95Full{
	opacity:0.95;
	filter:alpha(opacity=95); /* For IE8 and earlier */
}

.dateLabel{
	font-size: 0.8571428571428571em;	
}





/* EVENT LIST */
.event-list-expand-event{
	margin-top: 5px;
}





/*Title */
.el-title {
	height: 2.142em;
	line-height: 2.142em;
	color: white;
	font-weight: bold;
	font-size: 85%;
	vertical-align: middle;
}

.el-title div.title{
	/*background-color: #afbd22;*/
	border: solid 1px white;
}

.el-title div:last-child{
	/*border: none;*/
}

/* Data Row */

.el-data-item{
	position: relative;
}

.el-container .el-data-row {
	font-size: 0.8571428571428571em;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}

.el-data-row-hover {
	border-radius: 5px;
	/*background-color: #f8fad3;*/
}

.el-data-item .el-data-row-separator div {
	height: 1px;
	border-bottom: solid #a5a5a5 1px;
}

/*.el-container .el-data-item:last-child .el-data-row-separator:last-child{
	display: none;
}*/

.el-expanded{
	height: 250px;
	background-color: white;
	display: none;
}
.el-expanded-container .title{
	z-index: 1000;
	position: relative;
	font-size: 0.8571428571428571em;
	font-weight: normal;
}

.el-expanded-container .title.footer{
	height: 2.857em;
	line-height:2.857em; 
}

.el-expanded-container .title.footer div{
	margin-left: 0.7142857142857143em;
}

.el-expanded-container .title.footer div:first-child{
	margin-left: 0;
}

.el-expanded-info{
	height: 180px;
	background-color: white;
	z-index: 100;
}

.el-expanded-name{
	padding:5px 0 5px 20px;
	font-size: 100%;
	font-weight: bold;
	background-color: #efefef;
}

.footer-accent{
	background-image: url(../../Images/footer_03.png);
	background-repeat: no-repeat;
	background-position: 450px;
}

.footer-item-accent{
	background-image: url(../../Images/footer_03.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/* Button */
.button.normal,.button.selected,.button.hover{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.8571428571428571em;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	cursor: pointer;
}

.button.hover{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.button.selected{
	/*background-color: #afbd22;*/
	opacity:.9;
	filter:alpha(opacity=90);
/*	margin-top: -3px;*/
	color: white;
}

.input-wrapper{
	background-color: #4b93db;
	padding-left: 10px;
}


 label{
	/*color: #444444;*/
	padding-right: 10px;
	font-size: 0.8571428571428571em;
	cursor: pointer;
	
	/*opacity:.5;
	filter:alpha(opacity=50);*/
}

.side-box.calendar-types{
	height: 310px;
}

.calendar-types-container{
	overflow: auto;
	height: 250px;
}

.calendar-types-container li{
	z-index: 100;
	position: relative;
}

li.calendar-type-title{
	background-color: #4b93db;
	line-height: 24px;
	border-radius: 3px;
	margin-top: 3px;
	padding-left: 5px;
	width: 100%;
}

.calendar-type-title{
	cursor: pointer;
}

li.calendar-type-item{
	line-height: 20px;
	border-radius: 3px;
	margin-top: 3px;
	padding-left: 15px;
	width: 100%;
	cursor: pointer;
}



.checkbox-head,.checkbox{
	/*background-color: #00467f;*/
	width: 15px;
	height: 15px;
	border-radius: 3px;
	margin-right:3px; 
	margin-top: 2px;
}
.checkbox-head{
	margin-top: 5px;
}

.checkbox{
	background-color: #4b93db;
}

.side-box-title{
	font-size: 100%;
	padding-left: 10px;
}

.calendar-type-slider{
	background-color: #efefef;
	position: absolute;
	width: 320px;
	z-index: 0;
	top: 260px;
	left:-126px;
	border-radius: 5px;
	line-height: 25px;
	box-shadow: 0px 3px 3px 0px #002948;
	display: none;
}


/* TOOLTIPS */
.tooltip-template{
	display:none;
	position: absolute;
	z-index: 10000;
	box-shadow: 0px 10px 10px 0px #002948;
	border-radius: 20px;
}
.tooltip{
	width: 370px;
	/*height: 190px;*/
	background-color: white;
	border: solid 10px #a5a5a5;
	position: relative;
	box-sizing: border-box;
/*	-moz-box-shadow: 10px 10px 5px #444;
	-webkit-box-shadow: 10px 10px 5px #444;
	box-shadow: 10px 10px 5px #444;*/
}

.tooltip .tooltip-arrow{
	/*background-color: #afbd22;*/
	position: absolute;
	height: 30px;
	width: 30px;
	z-index: -1;
	left:170px;
	bottom:-20px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	/*filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);*/
}

.tooltip-close{
	/*background-color: #afbd22;*/
	position: absolute;
	height: 15px;
	width: 15px;
	z-index: 1;
	right:5px;
	top:5px;
	border-radius: 10px;
	font-size: 0.7em;
	color: white;
	text-align: center;
	line-height: 15px;
	vertical-align: middle;
	cursor: pointer;
}


.multi-filter{
	width: 180px;
}

/*.multi-filter-hover{
	border: 2px solid #afbd22;
}*/

.multi-container{
	height: 320px;
	overflow: auto;
}

.user-menu, .userMenu
{
    padding:10px;
    border-radius: 3px;
    line-height:22px;
}

.user-menu{
	width: 150px;
}
.user-menu .first-level{
	color: #000000;
	border-bottom: 1px solid #000000;
	
}
.user-menu-hover{
	opacity: .5;
}

.user-menu .second-level{
	color:#000000;
	text-indent: 20px;
	display: block;
}

.userMenu{
	padding:3px;
	cursor:pointer;
}

.login{
	padding: 3px 5px 3px 5px;
	border-radius: 3px;
	position: relative;
	top:1px
}

#loginForm{
	/*background-color:#00467f;*/
	padding: 10px;
	border-radius: 10px;
}


.special-number,.special-number-with{
	text-align: center;
	vertical-align: middle;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	cursor: pointer;
}

.special-number-hover,.special-number-selected{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.special-number{
	width: 18px;
	height: 18px;
	line-height: 18px;

}

.special-number-with{
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 10px;
	color:white;
}