@charset "UTF-8";
/* CSS Document */
/* START HEADER STYLES */

body{
	margin: 0px auto 0px auto;
	font-weight: 300;
	width: 100%;
	height: 100%;
	min-width: 1200px;
}
#mainDiv{
	margin:0px auto 0px auto;
	min-width: 1200px;
}


/* Alert Box */
#homeAlertBox {
    position: relative;
    top: 0px;
    left: 0px;
    width: 98%;
    background: #ffc33e;
    color: #353535;
    text-align: center;
    padding: 4px 1%;
    /* border-bottom: 2px solid #FFFFFF; */
    z-index: 2; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 22px;
}
#homeAlert{
}

#homeAlertBox img{
	padding-right: 10px;
	width: 20px;
	height: 20px;	
	position: relative;
	top: 4px;
}

#topSkipLinks.skipLinks{
	position: absolute !important;
	width: 500px;
	height: 100px;
}
#bottomSkipLinks.skipLinks{
	position: fixed !important;
	bottom: -200px;
	right: 10px;
	width: 500px;
	height: 100px;
}

.skipLinks li{
	list-style-type: none;
}

.skipLinks a{
    position: absolute !important;
    z-index: 100000;
    background-color: white !important;
    color: black !important;
    font-weight: bold;
    font-size: 2.5em;
    border: 2px solid black;
	box-shadow: 0px 0px 8px 7px black;
    border-radius: 10px;
    padding: 0.2em;
}
#topSkipLinks.skipLinks a{
	top: -5em;
}
#bottomSkipLinks.skipLinks a{
	bottom: -5em;
}

#bottomSkipLinks.skipLinks a:focus{
	top: unset;
	left: unset;
	bottom: 210px;
	right: 10px;
}
#topSkipLinks.skipLinks a:focus{
    top: 15px;
    left: 15px;
	bottom: unset;
	right: unset;
}

#fixedHeader{
	/* ONLY THE HEIGHT CHANGES ON THIS STYLE */
	float: left;
	width: 1200px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 998;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	translate3d(0, 0, 0);
	-webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -ms-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s;
}
#fixedHeader.mimizedHeader {
    /* top: -50px; */
    top: -44px;
    position: fixed !important;
    height: 86px;
}
#fixedHeader.mimizedHeader .headerLogo{
    height: 20px;
    top: 54px;
}

.logoNavWrapper
{
    position: relative;
    float: left;
    width: 100%;
}

.logoTreatment {
    width: auto;
    height: 90px;
    position: absolute;
    left: 0px;
    top: 0px;
}

#fixedHeader.mimizedHeader .logoNavWrapper
{
     top: -2px   
}

#fixedHeader.mimizedHeader .logoNavWrapper.alertShowing {
    top: -30px   
}

/*
.headerLogo
{
	width: auto;
    height: 60px;
    position: absolute;
	left: 15px;
	bottom: 10px;
}
*/
.headerLogo {
    width: auto;
    height: 60px;
    position: absolute;
    left: 15px;
    top: 16px;
}
#primaryNavigation {
    padding: 0;
    list-style: none;
    float: right;
    clear: both;
    margin: 6px 0px 0px 0px;
    padding-right: 20px;
    width: 80%;
    /* position: absolute;
    top: 46px;
    left: 18%; */
}
/*
#primaryNavigation{
	padding: 0;
    list-style: none;
    float: right;
	clear: both;
    margin: 5px 0px 0px 0px;
	padding-right: 20px;
	width: 80%;
	position: absolute;
    bottom: -1px;
    left: 18%;
}
*/
#primaryNavigation > ul{
	display: inline-block;
	float: right; 
	margin: 0px;
    padding: 0px;
}
#primaryNavigation > ul > li{
	float: left; 
	display: inline-block;
}
#primaryNavigation a:hover{

}
#primaryNavigation a:where(:not(.sectionFullWidthMenu a)){
	display: block;
    padding: 0px 10px 0px 10px;
    font-size: 1.3em;
    line-height: 2em;
    font-weight: 400;
    text-decoration: none;
}
#primaryNavigation > ul > li.emphasizedLink{
	border-right: none;
}
#primaryNavigation .emphasizedLink a.menuBuilderLink
{
	-webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}
#fixedHeader.mimizedHeader #primaryNavigation a:where(:not(.sectionFullWidthMenu a))
{
    font-size: 1em;
    line-height: 2.3em;
}

#fixedHeader.mimizedHeader #primaryNavigation .sectionStylizedMenu
{
     top: 20px;   
}

/*
#secondaryNavigation{
	float: right;
    list-style: none;
    margin: 13px 25px 0px 0px;
    padding-bottom: 5px;

}
*/
#secondaryNavigation {
    /* position: absolute;
    right: 0px; */
    float: right;
    list-style: none;
    margin: 13px 25px 0px 0px;
    padding-bottom: 5px;
}
#secondaryNavigation ul {
	display: inline-block;
	float: left; 
	margin: 0px;
    padding: 0px;
}
#secondaryNavigation  ul li {
   float: left; 
	display: inline-block;
}
#secondaryNavigation a{
	display: block;
  	padding:0px 8px 0px 8px; 
    text-decoration: none;
}
#secondaryNavigation a:hover{

}
#secondaryNavigation a i{
	font-size: 1.2em;
}
#secondaryNavigation .emphasizedLink a.menuBuilderLink
{

}
#secondaryNavigation .emphasizedLink a.menuBuilderLink:hover
{

}	


/* Begin DropMenu Style */
li.dropdownMenuHolder {
	position: relative !important;
	display: inline-block !important;
}

.sectionStylizedMenu
{
	position: absolute;
	right: 0px;
	top: 29px;
	z-index: 999999;
	min-width: 170px;
	width: 100%;
	padding-top: 13px;
	visibility: hidden;
  	opacity: 0;
  	transition: all .3s ease .15s;
}

#secondaryNavigation .sectionStylizedMenu
{
    top: 10px;
}

.dropdownMenuHolder:hover .sectionStylizedMenu {
	visibility: visible !important;
 	opacity: 1 !important;
}

.sectionStylizedMenu a
{

}

.dropDownMenuStyleApplied
{
	-webkit-box-shadow:#000000 0px 0px 10px;
	-moz-box-shadow:#000000 0px 0px 10px;
	box-shadow: 0px 0px 10px #000000;
	text-align: left;
}

.sectionStylizedMenuTriangleUp
{
	width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: 7px;
    left: 10px;
    z-index: 999998;
}

.sectionDropdownSideEffect a {
    padding: 10px 4% !important;
    font-size: 1em !important;
    text-shadow: none !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
    display: inline-block !important;
    width: 92%;
}

.sectionDropdownSideEffect a:last-of-type {
    /*border-bottom: 0px !important;*/
}

.sectionDropdownSideEffect a:hover
{
	cursor: pointer;
}
.sectionDropdownSideEffect
{
	padding: 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	overflow: hidden;
}

.sectionDropdownSideEffect hr {
    border-top: 1px solid #666666;
}

.dropDownMenuArrow
{
	position: absolute;
    bottom: 12px;	
}

.emphasizedLink .dropDownMenuArrow
{
	left: 6px;
}

.emphasizedLink .sectionStylizedMenuTriangleUp
{
	left: 16px;
}

/*.menuBuilderLink:hover + .sectionFullWidthMenu, .sectionFullWidthMenu:hover*/ .sectionFullWidthMenu.open {
    opacity: 1;
	transition: opacity 0.75s, visibility 0.75s;
	visibility: visible;
}

.sectionFullWidthMenu {
    background: white;
    box-shadow: inset 0px 5px 10px -10px black;
    box-sizing: border-box;
    display: block;
    left: 0;
	max-height: 500px;
	opacity: 0;
	overflow: auto;
    padding: 1em;
    position: absolute;
	transition: opacity 0.3s, visibility 0.3s;
	visibility: hidden;
    width: 100%;
}

.sectionFullWidthMenu button.menuClose {
    position: absolute;
    right: 8px;
    top: 8px;
    padding: 8px 10px;
}

/* End Dropdown Menu Style */

/* START SEARCH FORM STYLES */

.onPageSearch
{
     position: relative;   
}

.onPageSearch #searchMain
{
    position: absolute;
    top: 55px;
}

.searchDiv form {
  float: left;
  border: 1px solid #818285;
  -webkit-border-radius: 40px;
  border-radius: 40px;
 -webkit-appearance: none;
 -moz-appearance: none;
}

.searchDiv form > .textbox {
    outline: 0;
    height: 25px;
    width: 100px;
    padding: 0 10px;
    background-color: #fff;
    border: 0;
    float: left;
    -webkit-border-radius: 40px 0px 0px 40px;
    border-radius: 40px 0px 0px 40px;
}

.searchDiv form > .textbox:focus {
  outline: none !important;
  background-color: #FFF;
}

 .searchDiv form > .button {
    outline: none !important;
    background: #818285;
    float: left;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
    border: 0;
    color: #FFF;
    font-size: .9em;
    -webkit-border-radius: 0px 40px 40px 0px;
    border-radius: 0px 40px 40px 0px;
    padding: 0px;
    font-family: FontAwesome, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
}

.searchDiv form > .button:hover {
  background-color: #ed1846;
}
.searchDiv{
	float: left;
	padding-right: 1em;
    position: relative;
    top: -4px;
    left: 8px;
}

 #searchHome 
{
    position: relative;
}

#searchHome .ui-autocomplete 
{
	top: 25px !important;
	left: 0px !important;
	width: 150px !important;
}

#searchHome .ui-autocomplete li
{
    width: 94%;
}

.ui-menu .ui-menu-item {
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
}

.ui-menu-item a:hover
{
	background: none;
	border: none;
}

.ui-menu-item.fullWidth:hover
{
	background: #EBEBEB;
}

.ui-widget-content a
{
    width: 90%;
    display: inline;
    color: #333333;
}
.ui-widget-content a:hover
{
    color: #333333;
}
/* END SEARCH FROM STYLES */

/* END HEADER STYLES */

/* START MAIN CONTENT AREA STYLES */

#mainDiv{
	/* ONLY THE BACKGROUND COLOR CHANGES ON THIS STYLE */
	margin:0px auto 0px auto;
	width: 1200px;
	/*padding-top: 70px; /*140px*/
	position: relative;
	float: left;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;	
	-webkit-transition: all 0.0s;
    -moz-transition: all 0.0s;
    -ms-transition: all 0.0s;
    -o-transition: all 0.0s;
    transition: all 0.0s;
}

#mainDiv.extraTopPad{
	/* ONLY THE TOP PADDING CHANGES ON THIS STYLE */
	/*padding-top: 150px;*/
}
#mainDiv.extraTopPadHome{
	/* ONLY THE TOP PADDING CHANGES ON THIS STYLE */
	/* padding-top: 127px;*/
}

#contentPageBackground
{
	width: 100%;
	min-height: 300px;
	float: left;
	padding: 78px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	position:relative;
}

.homePageContentBlock
{
	width: 80%;
	padding: 25px 10%;
	text-align: center;
	float: left;
}

.homePageFeaturedBlock{
	padding-top: 0px;
	padding-bottom: 0px;
}

.homePageFeaturedBlock > h1, .homePageFeaturedBlock > p{
	display: none;
}

.cmsImage
{
	margin: 0px 15px 15px 0px;	
	padding: 0px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #000000;
	position:relative;
}

img[align=right].cmsImage
{
	margin: 0px 0px 15px 15px;
}

.cmsImageLarge
{
	width: 95%;
	height: auto;
    margin: 0px 15px 15px 0px;
	margin: 0px 15px 15px 0px;	
	background: none;
	padding: 4px;
	box-shadow: 0px 0px 10px #000000;
	position:relative;
}

.cmsImage.noBorder, .cmsImageLarge.noBorder { 
	border:none;
	box-shadow:none;
}


table
{
	border: 0px;
	/* border-collapse: collapse; */
	width: 100%;
}

table td
{
	text-align: left;
	vertical-align: top;
}

table.table-overflow{
	display: block;
	overflow-x: auto;
}

table.table-overflow tbody{
	display: inline-table;
	width: 100%;
}

#content table td, .homePageContentBlock table td
{
	padding: 0px;
	text-align: left;
	vertical-align: top;
	border: 0px;
	padding: 15px;
}

#content table td p, homePageContentBlock table td p
{
	margin: 0px 0px 15px 0px;	
}

table th, table.dataTable th
{
	color: #FFF;
	background: #999;
	padding: 0px;
	border-bottom: 1px solid #FFF;
	text-align: left;
	vertical-align: top;
}


/* START MAIN CONTENT AREA STYLES */

/* START STAFF STYLES */

.staffMemberGrid
{
	 width: 29%;
    float: left;
    padding: 0px;
    margin: 0px 2% 25px 2%;
    text-align: center;
	min-height: 400px;
}

.staffMemberGrid img
{
	width: 100% !important;
}

.staffMember
{
	width: 100%;
	float: left;
	clear: both;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.staffMember .staffMemberLargePhoto
{
	float: left;
	margin: 0px 25px 25px 0px;
	width: 430px;
}

.staffWrapper table
{
	width: 58% !important;
}

.staffWrapper table ul
{
	list-style-type: none !important;
	list-style-position: inside !important;
	padding-left: 0px !important;
}
.staffWrapper table ul li
{
	margin: 5px 0px !important;
	padding: 5px 0px !important;
	border-bottom: 1px dashed #CCCCCC;
}

.staffWrapper table ul li:last-child
{
	border-bottom: 0px !important;
}

.staffBioBottom table
{
	width: 50% !important;
}
.staffBioBottom table td
{
	width: 40% !important;
	padding: 0px 10% 0px 0px;
}

.staffMemberBio table h3 {
	border-top: 4px solid #666666 !important;
    width: 100% !important;
    padding: 7px 15px 2px 0px !important;
    border-radius: 0px 0px 0px 0px !important;
}
/* END STAFF STYLES */

/** START TSG-ACCORDION STYLES **/

.TSG-accordion .TSG-accordion-nested-table {
    width: 90% !important;
    padding: 5px 5% !important;
}

.TSG-accordion .TSG-accordion-nested-table.ui-accordion-header {
	width: 96% !important;
	padding: 5px 2% !important;
}

.TSG-accordion .TSG-accordion-nested-table.ui-accordion-content-active {
    display: block !important;
}

.TSG-accordion .TSG-accordion-nested-table.ui-state-active {

}

.TSG-accordion .TSG-accordion-nested-table.ui-state-active p {

}

.TSG-accordion tbody {
    display: inline-block;
}

.TSG-accordion-table-td {
    padding: 0px !important;
}

.TSG-accordion .TSG-accordion-h3 p {
    margin: 0px !important;
}

/** END TSG-ACCORDION STYLES **/


/** START NEWS STYLES **/

.newsEventRowDiv
{
     min-height: 105px; 
    width:100%;   
}
.newsEventListingPhotoIcon
{
    width: 80px;
    height: 80px;
    text-align: center;
	float: left;
}

.newsEventListingPhotoIcon img
{
    width: 80px;
    height: 80px;
}

.newsEventListingPhotoIcon .far, .newsEventListingPhotoIcon .fas
{
    font-size: 3.0em;   
    margin-top: 15px;
}

.newsfeaturedNavigationBullets {
	display: none;
	/*width: 75%;
    margin-top: 10px;
    position: absolute;
    float: left;
    text-align: center;*/
}
.newsfeaturedNavigationBullets span {
	display: none;
}
.newsfeaturedNavigationBullets a {
	width: 10px;
	height: 10px;
	border-radius:50%;
	display: inline-block;
	margin-right: 5px;
	background: rgba(65,64,66,0.43) !important;
}
.newsfeaturedNavigationBullets a:hover {
	background: #FFFFFF !important;
	
}
.newsfeaturedNavigationBullets a.active {
	/*background: #f88d28 !important;*/
	background: rgba(65,64,66,1.00) !important;
}

.featuredNewsImageHolder {
	width: 500px;
    height: 350px;
    overflow: hidden;
    margin: 20px 0px 0px 0px;
    box-shadow: 0px 0px 10px #000000;
}

.appImg{
    width: 500px;
    height: 350px;
    /*float: left;
    border: 2px solid #fff;
    margin: 20px 0px 0px 40px;*/
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

#newsDiv{
	width: 90%;
	height: 600px;
	float: left;
	padding: 0px 5% 30px 5%;
}
.newsLeft{
	float: left;
	width: 50%;
	height: 600px;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.newsLeft h1{
	padding-bottom: 20px;
	margin: 50px 0px 0px 40px;
}
.newsRight{
	float: right;
	width: 40%;
	height: 600px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.newsRight p{
	text-decoration: none;
	float:left;
	margin: 10px 0px 0px 0px;
}
#newsDiv h1{
	padding-bottom: 20px;
	margin: 50px 0px 0px 0px;
}
.newsButtons{
	background: #ed7115;
	float: left;
	width: 1200px;
	height: 80px;
}
.homeArticle{
	width: 400px;
    height: 90px;
    margin: 20px 0px 20px 0px;
    float: left;
}
.homeArticleImg{
	width: 90px;
	height: 90px;
	float: left;
}
.homeArticleText{
	width: 250px;
	height: 80px;
	margin: 0px 0px 0px 25px;
	float: left;
}
.homeArticleText p{
	margin: 10px 0px 0px 0px;
}
.homeArticleText a{
	text-decoration: none;
}
#subnav + #content #newsDiv, #contentFull #newsDiv{
	width: 100%;
	padding: 0;
}
#subnav + #content #newsDiv > .newsLeft, #contentFull #newsDiv > .newsLeft, 
#subnav + #content #newsDiv > .newsRight, #contentFull #newsDiv > .newsRight{
	padding: 0;
}
#subnav + #content #newsDiv > .newsRight > .homeArticle, #contentFull #newsDiv > .newsRight > .homeArticle, 
#subnav + #content #newsDiv > .newsRight .homeArticleText, #contentFull #newsDiv > .newsRight .homeArticleText{
	width: intrinsic;           /* Safari/WebKit uses a non-standard name */
	width: -moz-max-content;    /* Firefox/Gecko */
	width: -webkit-max-content; /* Chrome */
	width: max-content;
}
#subnav + #content #newsDiv .featuredNewsImageHolder ,#contentFull #newsDiv .featuredNewsImageHolder, 
#subnav + #content #newsDiv .appImg, #contentFull #newsDiv .appImg{
	width: 100%;
}
#subnav + #content #newsDiv .appImg, #contentFull #newsDiv .appImg{
	object-position: center;
}
.homePageContentBlock > #newsDiv{
	width: 110%;
	margin-left: -12.5%;
	text-align: left;
	padding: 0 7.5% 30px 7.5%;
}

/* END NEWS STYLES */


/* START CALENDAR STYLES  */
#eventsDiv{
	width: 90%;
	height: 600px;
	float: left;
	padding: 20px 5%;
}
.eventsRight{
	float: right;
	width: 50%;
	height: 600px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.eventsLeft{
	float: left;
	width: 40%;
	height: 600px;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.eventContainer{
	margin: 40px 0px 0px 0px;
    padding-bottom: 30px;
    float: left;
}
#featuredEventWap
{
	float: right;
	width: 100%;
}
.scrollWrapper .thumb {
    width: 250px!important;
    padding: 0 0 0 2%;
    display: table-cell;
}

.featuredEventImageHolder
{
	width: 500px;
    height: 350px;
    overflow: hidden;
    margin: 20px 0px 0px 0px;
    box-shadow: 0px 0px 10px #000000;
    float: left;
	text-align: center;
}
.featuredEventImageHolder img
{
	
}
#eventsDiv .titleHide
{
	display: none;
}
#eventsDiv a.previewTitle0
{
	display:block;
}
.featuredPreviewImage img {
	display: none;
}
#eventsDiv img.previewImage0 {
	display: block;
}
.featuredNavigationBullets {
	width: 75%;
    margin-top: 10px;
    position: absolute;
    float: left;
    text-align: center;
}
.featuredNavigationBullets span {
	display: none;
}
.featuredNavigationBullets a {
	width: 10px;
	height: 10px;
	border-radius:50%;
	display: inline-block;
	margin-right: 5px;
	background: rgba(65,64,66,0.43) !important;
}
.featuredNavigationBullets a:hover {
	background: #ed7115 !important;
	
}
.featuredNavigationBullets a.active {
	/*background: #f88d28 !important;*/
	background: rgba(65,64,66,1.00) !important;
}
#subnav + #content #eventsDiv, #contentFull #eventsDiv{
	width: 100%;
	padding: 0;
}
#subnav + #content #eventsDiv > .eventsLeft,#contentFull #eventsDiv > .eventsLeft, 
#subnav + #content #eventsDiv > .eventsRight, #contentFull #eventsDiv > .eventsRight{
	padding: 0;
}
#subnav + #content #eventsDiv .featuredEventImageHolder, #contentFull #eventsDiv .featuredEventImageHolder, 
#subnav + #content #eventsDiv .appImg, #contentFull #eventsDiv .appImg{
	width: 100%;
}
#subnav + #content #eventsDiv .appImg, #contentFull #eventsDiv .appImg{
	object-position: center;
}
.homePageContentBlock > #eventsDiv{
	width: 110%;
	margin-left: -12.5%;
	text-align: left;
	padding: 20px 7.5%;
}

/* END CALENDAR STYLES  */


/* START Partners (and Reviews) */
.partnersContainer, .reviewsContainer {
	box-sizing: border-box; 
	position: absolute;
	left: 0;
	padding: 0 10%;
	width:100% !important;
	float:left;
	transform-origin:0 0;
	margin-left:0 !important;
}
#partnersDiv, #reviewsDiv {
  position: relative;
  overflow: hidden;
  margin: 0px auto 20px auto;
  border-radius: 4px;
}
:is(#partnersDiv, #reviewsDiv) .slider-controls {
	position: absolute;
	width: 70px;
	height: 25px;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 995;
}
:is(#partnersDiv, #reviewsDiv) .slider-controls .control_paginate:first-child{
	margin-right: 20px;
}
:is(#partnersDiv, #reviewsDiv) .slider-controls .control_paginate {
	width:25px;
	height:25px;
	background:#CCCCCC;
	border-radius:100%;
	float:left;
	-webkit-transition: all 0.2s ease;
	cursor:pointer;
}
:is(#partnersDiv, #reviewsDiv) .slider-controls .control_paginate i{
	font-size: 20px;
	color: #ffffff;
	padding: 3px 6px;
}

#partnersDiv, #reviewsDiv{
	width: 100%;
	background: #FFFFFF;
	float: left;
	padding-top: 2%;
	padding-bottom: 6%;
	text-align: center;
}
#partnersDiv h2{
	margin-top: -30px;
	text-align: center;
}
#partnersDiv h2 a{
	text-decoration: none;
}
.partners{
    width: 150px;
    height: 150px;
    margin: 20px 30px;
    object-fit: contain;
}

.affiliatesSlider {
    width: 100%;
    height: auto;
    position: relative;
}
.homePageContentBlock > :is(#partnersDiv, #reviewsDiv){
	width: 125%;
	margin-left: -12.5%;
}
#content > #partnersDiv .partnersContainer, #contentFull #partnersDiv .partnersContainer{
	padding: 0;
}
/* END Partners */
/* START Reviews */
#content > #reviewsDiv .reviewsContainer, #contentFull #reviewsDiv .reviewsContainer{
	padding: 0.25em;
}
.reviewsSliderContainer{
	max-height: 400px;
}
.reviewsContainer.active{
	color: unset !important;
}
span.reviewStars{
	color: gold;
	grid-row: 2;
}
.reviewsContainer{
	display: grid;
	gap: 2em;
	grid-auto-columns: 1fr;
	grid-auto-flow: column;
	max-height: 400px;
	overflow-y: auto;
	padding-top: 0.25em;
}
/* If we're not on the homepage, and the reviewsContainer has at least 3 children,
** stack the reviewTitle children on top of each other instead of having the image on the left and the text on the right.
*/
#subnav + #content .reviewsContainer:has(> .review:nth-child(3)) .reviewTitle{
	grid-template-columns: auto;
	grid-template-rows: auto auto auto;
}
#subnav + #content .reviewsContainer:has(> .review:nth-child(3)) .reviewTitle > *{
	grid-row: auto;
}
.reviewTitle > img.cmsImage{
	aspect-ratio: 1/1;
	border-radius: 100%;
	float: left;
	grid-row: 1 / 3;
	max-height: 75px;
	margin-bottom: 0;
	object-fit: cover;
	object-position: top;
}
.reviewTitle{
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto;
	justify-items: start;
}
.reviewTitle > h2{
	font-size: 1.2em;
	margin: 0px;
	overflow-wrap: anywhere;
	text-align: left;
}
.review > p{
	margin-top: 0px;
	text-align: left;
}
/* END Reviews */



/** PROJECTS STYLES **/
#contentFull #projectsDiv{
	padding: 0px 20px;
}
.projects{
	display: grid;
	gap: 1em;
	grid-template-columns: 1fr 1fr;
}
.projectImg{
	border-radius: 15px;
	object-fit: contain;
	width: 100%;
}
.projectEntry h2{
	margin-top: 0;
}

.project-container-image
{
	width: auto;
	height: 255px;
	overflow: hidden;	
	text-align: center;
}

.project-container-image img
{
	width: 100%;
	height: 250px;
	margin: 0px auto;
	object-fit: cover;
}

.project-category-container { clear:both; float:left; width: 100%; padding-bottom: 30px; padding-top: 30px; }
#projects-wrapper {

}

#contentFull #projects-wrapper h2
{

}
#projects-wrapper.all { }
#projects-wrapper.single { }
#projects-wrapper.all .project-container {
	/*width: 364px;*/
	width: 300px;
	float: left;
	position:relative;
    margin: 0px 26px 0px 0px;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;	
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#projects-wrapper.all .project-container:hover img {
	opacity: 1.0;
}

#projects-wrapper.all .project-container img 
{
	max-width:100%;
	opacity: 0.85;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;	
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#projects-wrapper.all .project-container:nth-child(odd) img {  }
#projects-wrapper.all .project-container:nth-child(even) img {  }
#projects-wrapper.all .project-container h1 {
	font-size: 1.125em; /* 18px */
	line-height: 18px;
	font-weight: 300;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
	margin: 20px 0px 0px 0px;
}

#projects-wrapper.all .project-container p.project-container-text { padding-bottom:20px; }

#projects-wrapper.all .project-container p {
	font-weight: 300;
	padding: 0px 15px;
	margin: 0px;
    height: 65px;
    overflow-y: auto;
}

#projects-wrapper.all .project-container a {
	font-weight: 500;
	text-decoration: none;
	position:absolute;
	bottom:10px;
	left:15px;
}

#projects-wrapper.all .project-container a:hover { text-decoration:underline; }
#projects-wrapper.single { width:auto; padding: 60px 20px; }
.project-container-column { width:46%; box-sizing:border-box; float:left; margin: 0px 2%; }
.project-container-column h1, .project-container-column h2 { margin:0; }                              
.project-container-column .project-main-photo img { max-width: 100%; margin-bottom: 20px; }                
.project-photo-container { 
	width: 90px;
    height: 90px;
    float: left;
    margin: 0px 30px 30px 0px;
    border-radius: 0px;
}
.project-photo-container img {  } 
/** END OF PROJECTS STYLES **/

/* START FOOTER STYLES */
#footer{
	width: 1150px;
	display: inline-block;
	padding: 25px;
}

/* END FOOTER STYLES */

/* START GALLERY STYLES */


#thumbnailBackground
{
	width: 100%;	
	border: 0px;
	padding: 0px;
}

#thumbnailBackground .topleft
{
	width: 9px;
	height: 9px;
}

#thumbnailBackground .topmiddle
{
	width: 100%;
	height: 9px;
}

#thumbnailBackground .topright
{
	width: 9px;
	height: 9px;
}

#thumbnailBackground .left
{
	width: 9px;
}

#thumbnailBackground .right
{
	width: 9px;
}

#thumbnailBackground .bottomleft
{
	width: 9px;
	height: 9px;
}

#thumbnailBackground .bottommiddle
{
	width: 100%;
	height: 9px;
}

#thumbnailBackground .bottomright
{
	width: 9px;
	height: 9px;
}

#thumbnailBackground .image
{

}

#thumbnailBackground .thumbSpacer
{
	width: 9px;
	height: 9px;	
}

#thumbnailBottomMargin
{
	width: 100%;
	clear: both;
	margin: 0px 0px 20px 0px;	
}

/* END GALLERY STYLES */


/* Styles for Video page */

h2.videoCenterMainLabel
{
	text-align: left; 
}

#videoPageWrapper{
	/*text-align: center;*/
	display: block;
	min-height: 200px;
	width: 96%;
    margin: 40px 2% 100px 2%;
	float: left;
	clear: both;
}

#playerWrapper{
	background: black;
	/*width: 45%;
	display: inline-block;*/
	position: relative;
	/* padding-bottom: 100%; */ /* 16:9 */ /* 56.25% */
	min-height: 340px;
	border-radius: 0px;
	overflow: hidden;
}

#playerWrapper video
{
    width: 100%;
    min-height: 340px;
    object-fit: cover;
    object-position: center;
}

#jp_container
{
	position: relative;
	top: 0;
	left: 0;
	/*width: 100%;*/
	height: 100%;
	margin: 0 auto;
	width: 500px;
}

#playerWrapperDev{
    display: none;
	position: relative;
	height: 100%;
	border: 2px solid #FFFFFF;
	border-radius: 0px;
	box-shadow: 0 0 4px #666666;
}

/*
.pagePlayerWrapper{
	
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0 0 10px #6E6E6E;
	
}*/
.playerWrapper{
	width: 100% !important;
	position: relative;
	height: 100%;
	border-top: 0px solid #FFFFFF !important;
	border-bottom: 0px !important;
	border-left: 0px !important;
	border-right: 0px !important;
	border-radius: 0px !important;
	box-shadow: 0 0 0px #6E6E6E !important;
}

#playlistWrapper{
	position: relative;
	display: inline-block;
	vertical-align: top;
    width: 100%;
	/*text-align: right;*/
	/*margin-left: 25px;*/
	/*float: right;*/
}
#videoCatWrap #playlistWrapper {
	margin-left: 0px;
	float: left;
	width: 100%;
} 
#latestVideoWrapper{
	/*text-align: right;
	position: relative;
	display: inline-block;
	width: 25%;*/
	/*margin-left: 25px;*/
	vertical-align: top;
}
#playerResourceWrapper{
	display: inline-block;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 5;
}
.playerResourceWrapper
{
	-moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.playerResourceWrapper.down
{
	transform: translateY(100%);
}

#playlist_loading{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255, 0.7);
	color: #FFFFFF;
	display: none;
	z-index: 5;
}

.group-header{
	display: block;
	text-align: left;	
}



.keyword-links{
	font-size: 12px;
	padding: 3px 0px;
}

.keyword-links a{
	color: #000000;
	
}

.keyword-links a:hover{
	color: #B1B1B1;
	text-decoration: none;
}

#group_playlist{
	display: none !important;
	overflow-x: none;
	overflow-y: auto;
	height: 400px;	
}

.admin-edit {
	display: inline-block;
	margin-left: 10px;
	font-size: 12px;
}

/* jPlayer styles for video page */
#playerWrapper .jp-audio, #playerWrapper .jp-audio-stream, #playerWrapper .jp-video { border: none; }

.playing-notify{
	position: absolute; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(255,255,255,0.2);
	z-index: 99;
	margin: auto auto;	
}
.playing-notify img{
	margin: 18px auto 0 auto;
	display: block;
	width: 30px; 
	height: 30px;
}
.video-photo
{
width: 100%;
}
#featureVideoWrap
{
	    width: 64%;
    margin: 0px 2% 0px 2%;
    display: inline-block;
}
#videoPageWrapper.max-width #featureVideoWrap{
	width: 95%;
}
#latestWrap
{
	position: relative;
	/*display: inline-block;*/
	/*width: 25%;*/
	vertical-align: top;
	/*margin-left: 5%;*/
	padding-top: 20px;
	float: left;
}
#videoCatWrap
{
	/*position: relative;
	display: inline-block;
	width: 20%;
	vertical-align: top;*/
	padding-top: 20px;
	float: left;
	width: 100%;
}
.latestVideothumb
{
	float: left;
	width: 97%;
	/*height: auto;*/
	height: 175px;
	object-fit: cover;
	object-position: center;
    margin: 0px 0px 20px 0px;
}
.latestVideotitle
{
	float: left;
	margin-bottom: 10px;
}
.latestVideotitle a
{
	font-size: 15px;
}
.searchWrap
{
	width: 22%;
	height: auto;
	display: inline-block;
	float: left;
	padding: 4px 20px 10px 7px;
	position: relative;
}
.searchVideotitle
{
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 200px;
	color: #252525;
}
.searchVideotitle a
{
	font-size: 15px !important;
}
#searchVideoWrapper.searchVideoWrapperFullWidth{
	    width: 95%;
    margin: 0px auto;
}


.searchVideothumb
{
	float: left;
	width: 97%;
	height: 130px;
	object-fit: cover;
	object-position: center;
    margin: 0px 0px 20px 0px;
}
#videoSideCol
{
	position: relative;
    display: inline-block;
    width: 27%;
    vertical-align: top;
    margin: 0px 0px 0px 2%;
}
#videoMenu
{
	float: left;
	margin-top: 25px;
	padding-bottom: 15px;
	width: 100%;
}
ul#videoNavContent
{
	margin-top: 0px;
    /* margin-left: -10px; */
    margin-bottom: 0px;
    list-style: none;
    padding: 10px 0px 7px 0px;
    width: 112%;
    border-bottom: 1px solid #6f6f6f;
    float: left;
    clear: both;
}

ul#videoNavContent li
{
	float: left;
    padding: 0px;
    margin: 0px 3px 0px 0px;
    font-family: 'Allerta Stencil', sans-serif;
    font-size: .9em;
    line-height: 1.4;
    font-weight: 700;
    color: #6f6f6f !important;
    text-decoration: none;
}
ul#videoNavContent li a
{
	text-decoration: none !important;
    padding: 10px;
    position: relative;
    text-shadow: 0px 0px 2px #000000;
}

ul#videoNavContent li a:hover
{

}

ul#videoNavContent li a.videoColumnButtonLinkHighlight
{

}

.videoSearchFormButton
{
    padding: 10px;
    position: relative;
}

.videoSearchLarge
{
    -webkit-appearance: none;
	width: 46%;
    margin-top: 2px;
    margin-right: 5px;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.featuredVidHomePromo
{
    background: #23a5da;
	border-top: 2px solid #FFFFFF;
    color: #fff;
    padding: 2% 2%;
    width: 96%;
    position: absolute;
    z-index: 9;
    bottom: -13.5%;
    left: 0px;
    font-family: 'Allerta Stencil', sans-serif;
    font-weight: normal;
    font-size: 27px;
    text-transform: uppercase;
	overflow: hidden;
}
#featuredVidHomePromoBtn
{
	background: #df001c;
    color: #FFFFFF;
    /* font-weight: 700; */
    padding: 0px 10px;
    border-radius: 8px;
    border: 2px solid #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none;
    float: right;
}
.featuredVideo img {
		width: 540px;
		height: 300px;
		border: 4px solid #fec041;
	}


.NavIconWrapper
{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 174px;
	height: 162px;
	text-align: center;
}

.NavIconFolder
{
	background: url(/images/common/bg_folder.png) no-repeat top left; 
	float: left;
	margin: 0px 10px 10px 0px;
	width: 114px;
	height: 62px;
	padding: 50px 30px 30px 30px;	
	font-size: 12px;
	color: #333333;
	text-align: center;
	text-decoration: none;
}

.NavIconFolder:hover
{
	background: url(/images/common/bg_folder_over.png) no-repeat top left; 
}

.NavIconFolder a
{
	font-size: 18px;
	color: #333333;
	text-decoration: none;
}

.NavIconFile
{
	background: url(/images/common/bg_file.png) no-repeat top left; 
	float: left;
	margin: 0px 10px 10px 0px;
	width: 94px;
	height: 77px;
	padding: 35px 40px 30px 40px;	
	font-size: 13px;
	color: #333333;
	text-align: center;
	text-decoration: none;
}

.NavIconFile:hover
{
	background: url(/images/common/bg_file_over.png) no-repeat top left; 
}

.NavIconFile a
{
	font-size: 13px;
	color: #333333;
	text-decoration: none;
}

.folderIconEdit
{
	float: left;
	margin: 0px 10px 10px 0px;
	width: 177px;
	height: 12px;
	padding: 0px;	
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}

.folderIconEdit a
{
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
}

#videoContent
{
	position: absolute;
	display: none;
	width: 1200px;
	height: 650px;
	z-index: 99;
	top: -79px;
}
#vidClose
{
	background: #fbb73f;
    width: 50px;
    height: auto;
    padding: 10px;
    text-align: center;
    color: #fff;
    float: right;
    position: absolute;
    top: 83%;
    left: 1%;
}
#targetIframe
{
	width: 100%;
	height: 100%;
	border: 0 none;
}
/** End of Video Style Page **/


/* START Online Directory */
#directory-tabs,
#directory-tabs .ui-state-active {
	border:none;			
}
#directory-tabs {
	border:none;			
    background: #FFFFFF;
    padding: 10px;
    float: left;
    border-radius: 10px;
    margin-bottom: 100px;
}
#directory-tabs .ui-tabs-nav {
	padding:0;
}

#directory-tabs .ui-widget-header {
	background:none;
	border-top: none;
    border-left: none;
    border-right: none;
	border-radius:0px;
    margin-bottom: 20px;
}
#directory-tabs .ui-tabs-nav li {
	opacity: 0.7;
	background: #666666;			
	padding: 5px 15px;
	text-align: center;
	border: none;
}
#directory-tabs .ui-tabs-nav li.ui-state-active {
	opacity:1;
}
#directory-tabs .ui-tabs-nav li a {
	color:#FFFFFF !important;
}
#directory-tabs .ui-tabs-panel {
	padding:1em 0px 0px 0px;
}
/* DataTable Styling */
#directory-tabs .dataTable {
}
#directory-tabs .dataTables_wrapper {
}
#directory-tabs .directory-photo {
	width:100%;
	border-radius:0px;	
	border: 2px solid #FFFFFF;
    box-shadow: 0px 0px 4px #CCCCCC;		
}
#directory-tabs .directory-photo.placeholder {
	opacity:0.4;
}		
#directory-tabs .dataTables_paginate a {
	width:auto;
}
#directory-tabs .dataTable tfoot th {
	border:0;
	border-bottom:1px solid #EBEBEB;
}

#directory-wrapper {
	position:relative;
}

#directory-wrapper th
{
	color: #333333;	
}

.clearfix:after { 
	content: " ";
	display: block; 
	height: 0; 
	clear: both;
}

#directory-wrapper .slider {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;	
	padding-bottom:20px;
}

.directory-item {
	cursor:pointer;
	float:left;
	clear:both;
	margin-bottom:10px;
	position:relative;
	height:80px;
	border-bottom: 1px solid #EBEBEB;
	padding-bottom: 10px;
	width:100%;
}

.directory-item-photo {
	width:75px;
	float:left;
}

.directory-item-data {
	width:75%;
	box-sizing:border-box;
	float:left;
	padding: 0px 20px 0px 10px;
}

.directory-item-data span {
	display: block;
	margin-top: 5px;
}


.directoryPlaceholderIcon
{
	margin: -10px 50px 50px 0px;
	font-size: 2em;
	position: relative;
    top: 30px;
    left: 25px;
    opacity: 0.5;
}


.directory-item-chevron {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -6px;
	color:#666666;
}

.directory-item-data-center {
	display: table-cell;
	vertical-align: middle;
	height: 80px;
	width: 100%;
}

#directory-detail {
	display:none;
}

#faculty-and-staff,
#offices-and-services {
	float:left;
	width:100%;
}

#directory-detail img {
	width: 300px;
	margin: 10px 0px;
	border-radius:5px;
	border: 2px solid #FFFFFF;
    box-shadow: 0px 0px 10px #666666;		
}

#directory-detail h1 {
	margin:15px 0px 5px 0px;
}

#directory-detail h2 {
	margin:5px 0px 20px 0px;
}

#directory-detail table td {
	padding:5px 5px 5px 0px;
}
/* END Online Directory */
/* START MEDIA STYLES */
#mediaDiv{
	width: 90%;
	min-height: 600px;
	float: left;
	padding: 0px 5% 30px 5%;
}
.mediaLeft{
	float: left;
	width: 50%;
	min-height: 600px;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.mediaLeft h1{
	padding-bottom: 20px;
	margin: 50px 0px 0px 40px;
}
.mediaRight{
    position: relative;
	float: right;
	width: 40%;
	height: 600px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.mediaRight .twoButtons {
    float: left;
    margin-top: 15px;
}
.mediaLeft .twoButtons {
	clear: both;
}
#mediaDiv h1{
	padding-bottom: 20px;
	margin: 50px 0px 0px 0px;
}
.mediaButtons{
	background: #ed7115;
	float: left;
	width: 1200px;
	height: 80px;
}
.featuredMediaImageHolder
{
	width: 500px;
    height: 350px;
    overflow: hidden;
    margin: 20px 0px 0px 0px;
    box-shadow: 0px 0px 10px #000000;
    float: left;
	text-align: center;
}
.featuredMediaImageHolder img
{
	
}
#subnav + #content #mediaDiv, #contentFull #mediaDiv{
	width: 100%;
	padding: 0;
}
#subnav + #content #mediaDiv > .mediaLeft, #contentFull #mediaDiv > .mediaLeft, 
#subnav + #content #mediaDiv > .mediaRight, #contentFull #mediaDiv > .mediaRight{
	padding: 0;
}
#subnav + #content #mediaDiv > .mediaRight > .homeArticle, #contentFull #mediaDiv > .mediaRight > .homeArticle, 
#subnav + #content #mediaDiv > .mediaRight .homeArticleText, #contentFull #mediaDiv > .mediaRight .homeArticleText{
	width: intrinsic;           /* Safari/WebKit uses a non-standard name */
	width: -moz-max-content;    /* Firefox/Gecko */
	width: -webkit-max-content; /* Chrome */
	width: max-content;
}
#subnav + #content #mediaDiv > .mediaRight .twoButtons > .largeContentButton, 
#contentFull #mediaDiv > .mediaRight .twoButtons > .largeContentButton{
	padding: 8px 12px;
}
#subnav + #content #mediaDiv .featuredMediaImageHolder, #contentFull #mediaDiv .featuredMediaImageHolder, 
#subnav + #content #mediaDiv .appImg, #contentFull #mediaDiv .appImg{
	width: 100%;
}
#subnav + #content #mediaDiv .appImg, #contentFull #mediaDiv .appImg{
	object-position: center;
}
.homePageContentBlock > #mediaDiv{
	width: 110%;
	margin-left: -12.5%;
	text-align: left;
	padding: 0 7.5% 30px 7.5%;
}

.rotate {
	-moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.rotate.up {
	-moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
.audioContainer
{
    width: 131px;
    height: 260px;
}
.searchQtr{
	width: 25%;
	float: left;
}
#audioSearch
{
	width: 100%;
	float: left;
}
#playlist{
	display: grid;
	gap: 2em 1em;
	grid-template-columns: repeat(4, 1fr);
}
#search_speaker
{
	width: 50%;
	margin-left: 5px;
	margin-bottom: 10px;
}
#search_category
{
	width: 50%;
	margin-left: 5px;
	margin-bottom: 10px;
}
#show_last
{
	width: 50%;
	margin-left: 5px;
}
#audioPlayer{
	background: #eeeeee;
	text-align: center;
}
#audioPlayer audio{
	background: black;
	padding: 1em;
}
#audio_search_term
{
	width: 50%;
	margin-left: 5px;
	height: 16px;
	font-family: 'Allerta Stencil', sans-serif !important;
}
#audio_photo{
	width: 100%;
	display: block;
	background-color: #000;
	height: 41px;
	border: 0;
	padding: 2px 0px;
}

#audio_photo img{
	width: 100%;
	display: block;
	height: 100%;
	border: 0; 
	object-fit: contain;
}

#audio_keywords{
	width: 450px;
	background: #6f6f6f;
	min-height: 30px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #6f6f6f;
	border-top: 2px solid #FFF;
	color: #FFF;
}

.keyword-links{
	display: none;
}

#audio_details{
	margin-top: 25px;
	width: 450px;
}

#audio_keywords a:hover{
	color: #ffba01;
}
#audio_keywords a{
	color: #C9C9C9;
	text-decoration: none;
	font-size: 11px;
}

.playlist-audio-photo{
	width: 70px;
	height: auto;
	margin: auto auto;
	box-shadow: 0px 1px 4px #888888;
	border:1px solid #FFF;
	/*border-radius:8px;*/
	position: relative;
	/* PIE */
	behavior: url(/PIE.php);


}
/* Data table for Add audio page */

#playerDatatable_info{ display: none; }
#playerDatatable_filter,  #playerDatatable_length{	margin: 7px 0; 	}
#playerDatatable_filter input, #playerDatatable_length select { height: 22px; font-size: 12px; padding: 4px; margin: 0; }
#playerDatatable_length select{ width: 60px; margin: 0 3px; display: inline-block; height: 25px; font-size: 12px;	padding: 0; }

.audioDataTable td, .audioDataTable th { font-family: 'Allerta Stencil', sans-serif; }
.audioDataTable td { font-size:14px !important; padding: 3px 2px !important; vertical-align: middle; margin: 0; text-align: center; }
.audioDataTable th 
{ 
	border:none !important;
	color:#FFFFFF !important;
	padding:5px;
	background-color: #6f6f6f !important;
	text-align: center;
	
}
.audioDataTable a, .audioDataTable a:active { color:#0040FF; text-decoration:none; }
.audioDataTable a:hover { text-decoration:underline; }
.audioDataTable input[type=checkbox] { width:20px; height:20px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; }
.audioDataTable .dataTables_filter{ text-align: right; display: inline-block; height: 27px; }
.audioDataTable tr{
	border-bottom: 1px solid #CCC;
}

.dataTables_paginate{
	display: block;
	margin: 5px 0;
	font-size: 12px;
}
#playlist .ui-widget-header {
	border: 0px !important;
    background: #FFFFFF !important;
}
#playlist .paging_full_numbers {
	width: auto !important;
}
#playerDatatable {
	border-collapse: collapse !important;
}
/* audio dataTable */
.audioWrap, .mediaWrap{
	display: flex;
	flex-direction: column;
	gap: 1em;
	justify-content: space-between;
}
.audiolistentext, .mediaText {
    text-align: center;
}
:is(.audiolistentext, .mediaText) p {
    font-size: 14px !important;
    line-height: 18px !important;
    margin: 5px 0px 0px 0px;
}
.audioVideothumb{
	width: 97%;
	height: 130px;
	object-fit: cover;
	object-position: center;
	border: 2px solid #fec041;
	-moz-box-shadow: 0px 0px 4px 0px #666666;
    -webkit-box-shadow: 0px 0px 4px 0px #666666;
    box-shadow: 0px 0px 4px 0px #666666;
}
.audioButtonDiv, .mediaButtonDiv {
	display: flex;
	gap: 1em;
	justify-content: center;
}

#audioPageWrapper, #mediaPageWrapper{
	margin: 0 2.5%;
}
.audio_player
{
	width: 100%;
	background: #eeeeee;
}
.audioTab
{
	position: absolute;
    height: 16px;
    padding: 2px 7px 7px;
    right: 37px;
    top: -20px;
    /*border: 4px solid;
    border-color: #ffffff;*/
    border-bottom: 0;
    cursor: pointer;
    font-size: 100%;
    text-align: center;
    background: #000;
    z-index: 6;
    color: #ffffff;
	/*box-shadow: 0 0 10px #6E6E6E;*/
}
.audioButton
{
    background-color: #FAAA17;
    display: inline-block;
    cursor: pointer;
    font-family: 'Allerta Stencil', sans-serif !important;
    font-size: 16px;
    padding: 5px 20px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    border-radius: 15px;
    -moz-borer-radius: 15px;
    -webkit-border-radius: 15px;
}

#audio_details h1{
	line-height: 1.2;
	margin-bottom: 10px;
	font-size: 32px;
	color: #fbb73f;
}
#audio_status{
	height: 41px;
	display: block;
	width: 100%;
	background-color: #000000;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;	
}

.status-text-orange{
	/*color: #ffba01;*/
	
}
.now_showing{
    display: block;
    text-align: center;
    margin: 5px 0;
    padding: 5px;
    color: #FFF;
    border: 1px solid black;
    border-radius: 5px;
    background-color: #6f6f6f;
}

#now_showing a{
	color: #ffba01!important;
}

a.audioPlay, a.audioWatch
{
	background: #FAAA17;
	padding: 5px 20px;
	border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
	color: #FFFFFF !important;
	text-decoration: none;
    -webkit-transform-orgin: 0.0;
    -moz-transform-orgin: 0.0;
    -ms-transform-orgin: 0.0;
    -o-transform-orgin: 0.0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

a.audioPlay:hover, a.audioWatch:hover
{
	background: #faaa17;
}

.featuredMediaImageHolder {
    border: 2px solid #faaa17;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
/* END MEDIA STYLES */


.pageBlockWebForm .formPadDiv {
    padding: 25px 0px 50px 0px;
    width: 60% !important;
    margin: 0px auto;
}

.pageBlockUpcomingEvents #eventsDiv
{
    padding: 25px 5% 50px 5% !important;
    width: 90% !important;
    margin: 0px auto;
}

#contentFullHome .pageBlockLatestBlogPost #featureBlogWrapper, #contentFull .pageBlockLatestBlogPost #featureBlogWrapper
{
    padding: 25px 10% !important;
    width: 80% !important;
    margin: 0px auto;
}

#contentFullHome .pageBlockLatestNews #newsDiv, #contentFull .pageBlockLatestNews #newsDiv
{
     padding: 25px 5% 50px 5% !important;
    width: 90% !important;
    margin: 0px auto;
}

#contentFullHome .pageBlockNewsletterSignup, #contentFull .pageBlockNewsletterSignup
{
    width: 90% !Important;
    padding: 50px 5% !Important;
    text-align: center !Important;
    background: #ebebeb !Important;
    float: left !Important;
}

#contentFullHome .pageBlockNewsletterSignup #emailSubscribeDiv , #contentFull .pageBlockNewsletterSignup #emailSubscribeDiv 
{
    float: left !Important;
    width: 100% !Important;
    margin-top: 0px !Important;
    margin-left: auto !Important;
    margin-right: auto !Important;
    text-align: center !Important;
    font-size: 18px !Important;
}