@charset "utf-8";
/* WebTV Styles */

/* v6100pf4 */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation-duration: 0.2s;}
::view-transition-new(root) { animation-duration: 0.2s; }
/* 
.container  { view-transition-name: page; } 
::view-transition-old(page) { animation: fade 0.2s linear forwards; }
::view-transition-new(page) { animation: fade 0.3s linear reverse; }
@keyframes fade {
  0%   { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(50px); }
}
*/

/***************************** reset ***********************************/
html, body, div, span, i, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: middle; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
a, object, embed  { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
textarea, input[type="text"], input[type="password"] { outline: none; -webkit-appearance: none; }
input, select, a:focus, *:focus { outline: none; }
* { _noFocusLine: expression(this.hideFocus=true); }
/* IE10 + WP8 device width/viewport width issue fix */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
#div:nth-child(n) {
    filter:none;
}
nobr { white-space: nowrap; }
/*
NOTES: 
- The base rules (without media queries) are for 960px layout
- Most media queries are grouped at the bottom of this document. 
- There are basically 4 main break points:
	- For screen size greater than 1180px 
	- For screen size between 1180 and 960 (default rules)
	- For screen size between 960 and 761
	- For screen size smaller than 761 (there are a couple of additional media queries -smaller blocks- with some tweaks for smaller screens)
- Font definitions are at the very bottom of this document. Some classes require the icomoon CSS for icon font (the name of the icon is also specified in the classes below).
*/

/***************************** general (general classes) ***********************************/
html, body { background:#031637; }
body { color:#BFC4CC; font-size:16px; font-weight:normal; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; } 
p { line-height:1.8; }
.clearFix { clear:both; }
.clearLeft { clear:left; }
.tar,
.alignRight { text-align:right; }
.tal,
.alignLeft { text-align:left}
.tac,
.alignCenter { text-align:center}
.justify { text-align:justify; }
.valignMiddle { vertical-align:middle;}
.fl { float:left}
.fr { float:right}
.sup { font-size:85%; vertical-align:text-top}
blockquote { padding:6px; }

a { color:#45a1ff; text-decoration:none; cursor:pointer; }
a:hover { color:#00BCEB; text-decoration:none; }

h1, h2, h3, h4, h5, a { color:#fff; }
hr { border: none; border-top: 1px solid #394d73; }

.dim 	{ color:#BFC4CC; }
.seo { display:none; }
#pageLoadingOverlay { display:block; position: fixed; _position:absolute; top:0; left:0; width:100%; height:100%; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5cffffff', endColorstr='#5cffffff'); background-image: url('../images/icon_loading.gif'); background-position:center center; background-repeat:no-repeat; background-color:rgba(248,248,249,0.35); z-index:2; }
.loadingAnimation	{ background: url('../images/icon_loading.gif') center center no-repeat; }
.pageWrapper { min-width:320px; }

.rssFeed { display:block; }
.rssFeed a  { display:block; height:20px; line-height:20px; width:40px; padding:1px; font-size:0; background:#ff7c27; color:#fff; text-align:center; text-decoration:none; font-weight:normal; border-radius:10px; }
.rssFeed a:hover { background:#f36000; color:#fff; }
.rssFeed span { font-size:11px; padding-left:2px;}
.rssFeed i /* rss icon */{ display:inline-block; font-size:14px; padding-bottom:2px; vertical-align:middle; }
	/* without RSS text */
	/*
	.rssFeed a { width:14px; }
	.rssFeed span { display:none; }
	*/

.oldBrowser { border:3px solid #ff8a8a; background: #fff3f3; padding: 10px; padding-top: 50px; padding-bottom: 50px; color: #000; text-align: center; line-height: 2; font-weight: bold; font-size: 16px; }
img.lazyload {opacity: 0; 
	-webkit-transition: opacity .2s ease-in;
	-moz-transition: 	opacity .2s ease-in;
	-ms-transition: 	opacity .2s ease-in;
	-o-transition: 		opacity .2s ease-in;
	transition: 		opacity .2s ease-in;
} 

figure /* v5900 */      { padding-top:5px; }
figcaption /* v5900 */ { font-size:12px; color:#BFC4CC; padding-top:5px; padding-bottom:10px; }


/***************************** big page icon (the big icon displayed in pages like login, register, contact, etc...) ***********************************/
.pageIconContainer { display:block; text-align:center; }
.pageIconWrapper {display:inline-block;  width:70px; height:70px; overflow:hidden;
	background:#e6e6e6;
	background: -moz-linear-gradient(top, #e6e6e6 0%, #f0f0f0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e6e6e6 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e6e6e6 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
			-moz-border-radius:    50px; 
			-webkit-border-radius: 50px; 
			border-radius:         50px;
}
.pageIconWrapper i { font-size:70px; color:#bbb; text-shadow: 0 0 20px rgba(255,255,255,0.5);
									 /*color:#fff; text-shadow:0 0 6px rgba(0,0,0,0.2);*/
}
	
/***************************** forms ***********************************/
.formTable tr td { padding:3px; white-space:nowrap; }
.formTable td.alignRight { padding-right:5px; }

/* user forms */
.userFormWrapper { text-align:center; }
.userForm { display:inline-block; box-sizing:border-box; width:550px; max-width:100%; margin:0 auto; padding:10px; }
.userForm .formTable { margin:10px; }
.userForm .formTable td { text-align:left; }
.userForm .formTable td.formLabel { text-align:right; text-shadow:0px 0px 6px rgba(0,0,0,0.28);}
.userForm .formTable .field { width:80%; }

/* password visibility toggle */
.userForm .togglePasswordVisibility { padding:2px; position:absolute; cursor: pointer; margin-top:5px; margin-left:218px; }
.userForm .eye svg { fill:#000; width: 16px; height: 16px;  }
.userForm .eye:hover svg { fill:#45a1ff; }
.userForm .eye .icon-eye { display:block;  }
.userForm .eye .icon-eye-slash { display:none; }
.visiblePassword .eye .icon-eye { display:none;  }
.visiblePassword .eye .icon-eye-slash { display:block; }
.showPassword label {  line-height:11px;  }
.showPassword input { display:inline-block; vertical-align:middle; width:14px; height:14px; padding:0; margin:0; }
.showPassword span { display:inline-block; vertical-align:middle; font-size:11px; margin-left:5px; }

/* pseudo table */
.formPseudoTable { padding:10px; width:100%; box-sizing:border-box; }
.formPseudoTable a { font-weight:bold; }
.formRow { display:block; box-sizing:border-box; width:100%; padding:3px; }
.formRow .formColumn { display:inline-block; padding:2px;  }
.formRow .formColumn.label { width:35%; box-sizing:border-box; text-align:right; font-weight:bold; }
.formRow .formColumn.input { width:65%; box-sizing:border-box; text-align:left; }
.formRow .formColumn.input .field { width:75%; vertical-align:middle; }
.formRow .formColumn.logOptions a { display:inline-block; margin-right:10px; margin-bottom:10px; /*white-space:nowrap;*/ }
span.required { margin-left:3px; font-weight:bold; }

/* generic form rules */
.field,
.filterField { text-indent:5px; box-sizing:border-box; height:30px; line-height:30px; font-weight:bold; padding:0; background:#031637; color:#fff; border: 2px solid #233350; border-radius: 20px; }
.field:hover,
.filterField:hover,
.field:focus,
.filterField:focus { border-color:#5B677D; color:#fff; }
input.width2char,
select.width2char { width:30px !important; }
input.width4char,
select.width4char { width:60px !important; }
.filterField { min-width:60px; }
.formLabel { font-weight:bold; }
.securityQuestion { display:inline; }
textarea.textArea.error,
textarea.field.error,
input.field.error,
select.field.error { background:#fff0f0; border-color:#d00; color:#d00; } 
textarea.textArea.error:hover,
textarea.textArea.error:focus,
input.field.error:hover,
input.field.error:focus,
select.field.error:focus { background:#fff; border-color:#d00; }
.formTable .waiting,
.formRow .waiting { background: url('../images/icon_loading.gif') center center no-repeat; display:none; width:50px; height:35px; }
.formNotice { display:block; text-align:center;}

.fieldValidation { /* requires icomoon */ display:inline; margin-left:5px; font-size:18px; width:18px; height:18px; line-height:18px; visibility:hidden; }
.fieldValidation.ok { color:#00c100; visibility:visible }
.fieldValidation.ok:before
{
	/* icomoon: icon-check */
	/*content: "\e5ca";*/

	/* icomoon: icon-check_circle*/
    content: "\e86c";
}
.fieldValidation.error { color:#DD0000; visibility:visible }
.fieldValidation.error:before
{
	/* icomoon: icon-warning */
	content: "\e002";
}

.checkboxContainer { display:block; font-size:12px; line-height:15px; }
.checkboxContainer.error { padding:2px; border:2px solid #DD0000; }

/*.searchFiltersWrapper { display:none; padding:10px; border-bottom:1px solid #233350; text-align:right; margin-bottom:20px; }*/
.searchFiltersWrapper /* v6100pf4 */ { display:block; padding:10px; padding-top:0px;  padding-bottom:0px;  border-bottom:1px solid rgba(0,0,0,0); text-align:right; height:0px; overflow:hidden; margin-bottom:20px; transition: padding-top 0.2s, padding-bottom 0.3s, height 0.2s; }
.searchFiltersWrapper.visible /* v6100pf4 */ {                      padding-top:10px; padding-bottom:10px; border-bottom:1px solid #233350; height:auto; /*overflow:auto;*/ }
.searchFiltersWrapper a { display:inline-block; padding-left:5px; font-weight:bold; }
.searchFilter /* v6000pf8 */ { display:inline; white-space:nowrap; margin-left: 10px; height:30px; line-height:30px; padding:3px; font-size:11px;  }
.searchFilters .filterField /* v6000pf8 */ { max-width:15%; }
.searchFilters .searchInside /* v6000pf8 */ { width:97%; }
.searchFilters .searchInside .filterField /* v6000pf8 */ { min-width:40%; }

.searchFiltersWrapper .searchFilter /* v6100pf4 */ { height:0; padding:0; overflow:hidden; transition: padding 0.2s, height 0.2s; }
.searchFiltersWrapper.visible .searchFilter /* v6100pf4 */ { padding:3px; height:30px }

/* Social login */
.socialLogin { margin-top:10px; }
.hr-text { opacity: 0.5; position: relative; outline: 0; border: 0; text-align: center; margin-top:10px; }
.hr-text:before { opacity:0.2; content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px;
	background: #fff; /* same as general text color */
}
.hr-text:after { content: attr(data-content); position: relative; display: inline-block; padding: 10px; font-weight:bold;
	color: #fff; /* same as general text color */
	background-color: #041636; /* same as panel bkg color */
	border-radius:40px;
}
.socialLoginButtons { font-size:0; line-height:0; }
.socialLoginButton { display:inline-block; box-sizing:border-box; height:38px; margin:4px; line-height:0; font-size:14px; vertical-align:middle; border:1px solid; padding-left:0; padding-right:10px; box-shadow: 1px 2px 3px rgb(0,0,0,0.1); border-radius:3px; }
.socialLoginButton .socialLoginButtonLogo /* v6000pf8 */ { display:inline-block; width:36px; height:36px; line-height:36px; vertical-align:middle; border-right:1px solid rgba(0,0,0,0.1); }
.socialLoginButton .socialLoginButtonText { display:inline-block; height:18px; line-height:18px; vertical-align:middle; margin-left:10px; }
.socialLoginButton.google { background:#fff; border-color:rgba(0,0,0,0.1); color:rgba(0,0,0,0.54); }
.socialLoginButton.google:hover { background:#4285F4; color:#fff; }
.socialLoginButton.google .socialLoginButtonLogo { background:#fff;  }
.socialLoginButton.google .socialLoginButtonLogo { background: #fff url('../../../common/images/social_login_logo_google_g.png') center center no-repeat; background-size:18px 18px; }
.socialLoginButton.facebook { background:/*#3B5998*/#1877F2; border-color:rgba(0,0,0,0.1); color:#fff; }
.socialLoginButton.facebook .socialLoginButtonLogo { background: transparent url('../../../common/images/social_login_logo_facebook_f.png') center center no-repeat; background-size:18px 18px; }
.socialLoginButton.linkedin /* v6000pf8 */ { background:/*#3B5998*/#1078B3; border-color:rgba(0,0,0,0.1); color:#fff; }
.socialLoginButton.linkedin .socialLoginButtonLogo /* v6000pf8 */ { background: transparent url('../../../common/images/social_login_logo_linkedin_l.png') center center no-repeat; background-size:18px 18px; }

/***************************** generic floating submenu (thease are the menus that appear when clicking the user icon at the top, the download menu, etc.) ***********************************/
.genericFloatingSubmenu { position:absolute; display:block; visibility:hidden; background:#031637; position:absolute; font-weight:bold; border:1px solid #233350; padding-top:4px; padding-bottom:4px; 
	-moz-border-radius:    8px; 
	-webkit-border-radius: 8px; 
	border-radius:         8px;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.19);
	-moz-box-shadow:    0px 0px 10px rgba(0,0,0,0.19);
	box-shadow:         0px 0px 10px rgba(0,0,0,0.19);
	/* animation */
	margin-top:-10px; 
	opacity:0;
	-webkit-transition: opacity .15s ease, margin .15s ease;
	-moz-transition: 	opacity .15s ease, margin .15s ease;
	-ms-transition: 	opacity .15s ease, margin .15s ease;
	-o-transition: 		opacity .15s ease, margin .15s ease;
	transition: 		opacity .15s ease, margin .15s ease;
}
.withGenericFloatingSubmenu.hover /* hover class is added using js */ > .genericFloatingSubmenu /* applies to <li> */ { display:block; visibility:visible; z-index:9;
	/* animation */
	opacity:1;
	margin-top:0px;
}
.genericFloatingSubmenu.submenuAlignRight { right:0; text-align:right; }
.genericFloatingSubmenu.submenuAlignLeft { left:0; text-align:left; }
.genericFloatingSubmenu > li { display:block; font-size:14px; float:none; /*border-top:1px solid #233350;*/ }
.genericFloatingSubmenu > li:first-child { border-top:none; }
.genericFloatingSubmenu > li > .noLink,
.genericFloatingSubmenu > li > a { display:block; height:28px; line-height:28px; padding:0px; padding-left:10px; padding-right:10px; color:#fff; white-space:nowrap; 
    border-radius: 20px;
    margin: 5px;
	vertical-align:middle;
	/* animation */
	-webkit-transition: height .2s ease;
	-moz-transition: 	height .2s ease;
	-ms-transition: 	height .2s ease;
	-o-transition: 		height .2s ease;
	transition: 		height .2s ease;
}
.genericFloatingSubmenu > li > a span { vertical-align:revert; }
@media screen and (max-width:760px){ /* bigger menu items on small screens */ .genericFloatingSubmenu > li > a { padding-top:3px; padding-bottom:3px; } }
/*-------------*/
.withGenericFloatingSubmenu.hover /* hover class is added using js */ > .genericFloatingSubmenu > li > a,
.withGenericFloatingSubmenu.hover /* hover class is added using js */ > .genericFloatingSubmenu > li > .noLink { height:28px;  }
.genericFloatingSubmenu > li > .noLink.dim { color:#B3B9C3; }
.genericFloatingSubmenu > li > a:hover { background:#162746; color:#fff; /*color:#00BCEB;*/ text-decoration:none; }
.genericFloatingSubmenu.withArrow:after,
.genericFloatingSubmenu.withArrow:before { /* menu arrow */ bottom: 100%; right:9px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.genericFloatingSubmenu.withArrow:after 	{ /* menu arrow solid area */ border-color: rgba(255, 255, 255, 0); border-bottom-color: #233350; border-width: 5px; margin-left: -5px; }
.genericFloatingSubmenu.withArrow:before 	{	/* the border of the arrow */ border-color: rgba(0, 0, 0, 0); border-bottom-color: #233350; border-width: 6px; margin-left: -6px; }
.genericFloatingSubmenu.submenuAlignRight.withArrow:after,
.genericFloatingSubmenu.submenuAlignRight.withArrow:before { right:9px; }
.genericFloatingSubmenu.submenuAlignLeft.withArrow:after,
.genericFloatingSubmenu.submenuAlignLeft.withArrow:before { left:15px; }


/*****************************************************************************/
/***************************** header area ***********************************/
/*****************************************************************************/

/***************************** top bar ***********************************/
.headerBarWrapper { position:fixed; z-index:990; width:100%; top:0; margin: 0 auto; background:#031637; height:80px; background-image: linear-gradient(hsla(0,0%,100%,.0375),transparent); border-bottom:none; box-shadow: 0 10px 10px rgba(0,0,0,0.25); }
.headerBarWrapperPlaceholder { height:80px; }

.headerBar { width:100%; line-height:80px; height:80px; margin: 0 auto; text-align:center; }

.slidingMenuToggleWrapper { display:none; position:absolute; left:10px; top:50%; transform:translateY(-50%); }
.slidingMenuToggle { display:block; width:30px; height:30px; line-height:0; padding:8px; color:#BFC4CC; }
.slidingMenuToggle i { font-size:30px; }
.slidingMenuToggle:hover { color:#00BCEB; text-decoration:none; }

.headerLogoWrapper { box-sizing:border-box; height:auto; display:block; text-align:left; width:auto; }
.headerLogo { display:inline-block; margin-left:20px; vertical-align:middle; }
.headerLogo img { vertical-align:middle; max-height:40px; }
.headerMiniLogo { display:none; }

.headerOptions { position:absolute; right:10px; top:50%; transform:translateY(-50%); }

.headerUserMenu { display:block; float:right; position:relative; margin-top:0; margin-right:10px; }
.headerUserMenu > li > a { display:block; width:30px; height:30px; line-height:30px; overflow:hidden;
	-moz-border-radius:    15px; 
	-webkit-border-radius: 15px; 
	border-radius:         15px;
}
.headerUserMenu > li > a.loggedInUserButton { line-height:0; }
.headerUserMenu a:hover { text-decoration:none; }
	.loggedOutUserButton { background:#1E4471; color:#BFC4CC; }
	.loggedOutUserButton:hover { color:#00BCEB; }
	.loggedOutUserButton i { font-size:26px; } 
	.loggedInUserButton { background:#1E4471; color:#BFC4CC; }
	.loggedInUserButton:hover { color:#00BCEB; }
	.loggedInUserButton img { height:30px; } 

.headerUserMenu > li { width: 50px; text-align: center; vertical-align: middle; }
.headerUserMenu > li .lpsBalance { position:absolute; /*top:30px;*/ color: #F4D242; width:100%; text-align:center; margin:0; margin-top:4px; padding:0; line-height:10px; font-size:11px; white-space: nowrap; }
.headerUserMenu > li .redeemOption a { color:#F4D242; }
.headerUserMenu > li > a.loggedInUserButton { margin:0 auto; }
.headerUserMenu ul > li i { font-size:16px; display:inline-block; height:19px; margin-left:5px; vertical-align:middle; }

/* direct search */
.directHeaderSearch { display:block; float:right; position:relative; margin-top:0; margin-right:10px; width:350px; height:30px; font-size:0; line-height:0; } 
.portal .directHeaderSearch { display:none; }
.directHeaderSearchButtom { position:absolute; color:#BFC4CC; top:50%; transform:translate(0,-50%); right:5px; font-size:0;  }
.directHeaderSearchButtom i { font-size:26px; }
.directHeaderSearchField { box-sizing:border-box; background:#204470; border:2px solid #204470; border-radius:30px; width:350px; line-height:30px; height:30px; color:#fff; text-indent:10px; font-size:14px;  }
.directHeaderSearchField::placeholder 					{ color:#6686ad; font-style:italic; opacity: 1; }
.directHeaderSearchField::-webkit-input-placeholder 	{ color:#6686ad; font-style:italic; opacity: 1; }
.directHeaderSearchField::-moz-placeholder 			{ color:#6686ad; font-style:italic; opacity: 1; }
.directHeaderSearchField:-ms-input-placeholder 		{ color:#6686ad; font-style:italic; opacity: 1; }
.directHeaderSearchField:hover { background:#204470; border-color: #80a6d5; }
.directHeaderSearchField:focus { background:#204470; border-color: #80a6d5; /*box-shadow:0 0 10px rgb(148 226 255);*/ }

/* search */
.headerSearch { display:block; float:right; position:relative; margin-top:0; margin-right:10px; width:30px; height:30px; line-height:30px; }
.headerSearch { display:none; }
.portal .headerSearch { display:block; }
.headerSearchButton { display:block; width:30px; height:30px; line-height:0; color:#BFC4CC; }
.headerSearchButton i { font-size:30px; }
.headerSearchButton:hover { color:#00BCEB;}
.headerSearch a:hover { text-decoration:none; }

.searchBox { padding:10px; width:266px; z-index:2; }
.headerSearchBox { padding:10px; width:300px; z-index:2; }

	.searchBox .searchForm,
	.headerSearchBox .searchForm { display:block; margin:auto; height:30px; line-height:40px; text-align:center; border:2px solid #233350; background:#031637; 
		-moz-border-radius:    15px; 
		-webkit-border-radius: 15px; 
		border-radius:         15px;
	}
	.searchBox .searchForm 		{ width:270px;  }
	.headerSearchBox .searchForm { width:298px;  }
	
	.searchBox .searchField,
	.headerSearchBox .searchField { display:block; float:left; width:230px; text-indent:10px; height:30px; line-height:30px; vertical-align:middle; color:#fff; background:transparent; background-dev:#fdf; border:0 none; margin:0; padding:0; }
	
	.headerSearchBox .searchMode {  display:block; float:right; width:34px; height:30px; position:relative; }
	.headerSearchBox .searchMode > li > a { display:block; width:34px; height:30px; line-height:26px; background:transparent; background-dev:#dff; color:#BFC4CC; }
	.headerSearchBox .searchMode > li > a:hover { color:#00BCEB; }
	.headerSearchBox .searchMode > li > a i { font-size:24px;} 
	.headerSearchBox .searchMode > li > a:hover { text-decoration:none; }

	#searchMode { display:none !important; }

	.searchBox .searchButton,
	.headerSearchBox .searchButton { display:block; float:right; width:34px; height:30px; line-height:26px; background:transparent; background-dev:#ffd; color:#BFC4CC; }
	.searchBox .searchButton i,
	.headerSearchBox .searchButton i { font-size:26px; }
	.searchBox .searchButton:hover,
	.headerSearchBox .searchButton:hover { color:#00BCEB; text-decoration:none; }

/***************************** main menu (desktop) ***********************************/
.headerMenuWrapper { width:60%; position:absolute; left:260px; top:60%; transform:translateY(-45%);   }
.headerMenuExtraWrapper {}
.headerMenu,
.headerMenuExtra { display:block; width:auto; box-sizing:border-box; height:40px; line-height:40px; margin:0 auto; padding:0; white-space:nowrap; }
.headerMenuExtra { /*height:auto; overflow:auto;*/ }
.headerMenuExtra { display:block; height:45px; background:#081a39; text-align:left; }
.mainMenu > li { display:block; float:left; white-space:nowrap; }
.mainMenu > li.homeButton { float:right; }
.mainMenu > li a { display:block; box-sizing:border-box; padding-left:12px; padding-right:12px; width:auto; font-weight:bold; color:#fff;  }
.mainMenu > li a,
.mainMenu li.submenu > a i
{ height:40px; line-height:40px; }
.mainMenu li.submenu > a i
{ height:35px; line-height:35px; margin-top:5px; }

	/* icons (arrows and "more") */
	.mainMenu li a i { font-size:20px; } /* icon size */
	.mainMenu li.submenu > a { padding-right:25px; } /* make room for the arrow icon */
	.mainMenu li.submenu > a i { float: right; margin-right:-25px; }

	/* hover/active color of the item */
	.mainMenu > li.active > a,
	.mainMenu > li.hover > a,
	.mainMenu > li a:hover,
	/*.mainMenu > li:hover > a,*/
		.mainMenu > li.hover > a,
	/*.mainMenu > li.active:hover > a,*/
		.mainMenu > li.active.hover > a { color:#00BCEB; text-decoration:none; }

.headerMenuExtra.mainMenu > li { display:inline-block; float:none; }

/* submenus */
.mainMenu li.submenu { position:relative; }
.mainMenu li.submenu li { display:block; min-width:120px; width:100%; }
.mainMenu li.submenu li a { height:28px; line-height:28px; margin:5px; }
.mainMenu > li.submenu > ul > li.submenu a i { font-size:16px; height:16px; margin-top:0; }
.mainMenu li.submenu > ul { /*display:none;*/ visibility:hidden; position:absolute; left:0; background:#031637; z-index:9; border:1px solid #233350; font-size:14px;
	padding-top:5px; padding-bottom:5px;
	-moz-border-radius:    8px; 
	-webkit-border-radius: 8px; 
	border-radius:         8px;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.35);
	-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.35);
	box-shadow:         0px 0px 8px rgba(0,0,0,0.35);
	/* animation */
	margin-top:-5px; 
	opacity:0;
	-webkit-transition: opacity .2s ease, margin .2s ease;
	-moz-transition: 	opacity .2s ease, margin .2s ease;
	-ms-transition: 	opacity .2s ease, margin .2s ease;
	-o-transition: 		opacity .2s ease, margin .2s ease;
	transition: 		opacity .2s ease, margin .2s ease;
}
.mainMenu li.submenu > ul > li { overflow:hidden; }
/*.mainMenu li.submenu:hover > ul,*/
	.mainMenu li.submenu.hover > ul { /*display:block;*/ visibility:visible;
	/* animation */
	opacity:1;
	margin-top:0px;
}
/*.mainMenu li.submenu:hover > ul > li,*/
	.mainMenu li.submenu.hover > ul > li { overflow:visible; }
.mainMenu > li.submenu > ul
{
	-moz-border-top-left-radius:0; -moz-border-top-right-radius:0; 
	-webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; 
	border-top-left-radius:0; border-top-right-radius:0;
}

	/* color of the submenu item */
	.mainMenu li.submenu > ul > li a { color:#fff; }
	/* hover/active color of the submenu item */
	.mainMenu li.submenu > ul > li.active > a,
	.mainMenu li.submenu > ul > li a:hover,
	/*.mainMenu li.submenu > ul > li:hover > a,*/
		.mainMenu li.submenu > ul > li.hover > a,
	/*.mainMenu li.submenu > ul > li.active:hover > a,*/
		.mainMenu li.submenu > ul > li.active.hover > a {background:#162746; color:#fff; /*color:#00BCEB;*/ text-decoration:none; border-radius:20px; }

/* 2nd level submenus */
.mainMenu li.submenu ul > li.submenu > ul { /*display:none;*/ visibility:hidden; position:absolute; left:100%; margin-top:0;  top:0;
	/* animation */
	margin-left:-10px; 
	opacity:0;
	-webkit-transition: opacity .2s ease, margin .2s ease;
	-moz-transition: 	opacity .2s ease, margin .2s ease;
	-ms-transition: 	opacity .2s ease, margin .2s ease;
	-o-transition: 		opacity .2s ease, margin .2s ease;
	transition: 		opacity .2s ease, margin .2s ease;
}
/*.mainMenu li.submenu ul li:hover > ul,*/
	.mainMenu li.submenu ul li.hover > ul{ /*display:block;*/ visibility:visible;
	/* animation */
	opacity:1;
	margin-left:0px;
}

/***************************** mobile/sliding menu ***********************************/
.mobileMenuOverlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:991; }
.mobileMenuWrapper { width:auto; }
.mobileMenu { display:none; position:fixed; width:340px; height:100%; background:#031637; padding:20px; padding-bottom:0; z-index:992; overflow-x:hidden; overflow-y:auto; left:0; top:0;
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.45);
	-moz-box-shadow:    0px 0px 15px rgba(0,0,0,0.45);
	box-shadow:         0px 0px 15px rgba(0,0,0,0.45);
}
.mobileMenu .headerMiniLogo img { max-width:50%; }
@media screen and (max-width:400px){ .mobileMenu { width:270px; } }

	/* close button */
	.mobileMenuCloseButton { display:block; /*float:right;*/ position:absolute; right:0; width:40px; height:40px; line-height:40px; color:#fff; }
	.mobileMenuCloseButton i /* close icon */{ font-size:30px; }
	.mobileMenuCloseButton:hover { color:#00BCEB; text-decoration:none; }

/* items */
.mobileMenuItems { margin-bottom:10px; }
.mobileMenuItems li { display:block; /*background:#f6f6f6;*/ float:none; white-space:nowrap; box-sizing:border-box; clear:left; }
.mobileMenuItems > li a { display:block; /*background:#fff;*/ box-sizing:border-box; height:40px; line-height:40px; padding:10px; padding-top:0; padding-bottom:0; overflow:hidden; text-overflow:ellipsis;  }
.mobileMenuItems li.submenu > ul { display:none; padding-left:10px; }
 
	/* item font properties */
	.mobileMenuItems a { color:#fff; font-size:14px; font-weight:bold; }
	.mobileMenuItems li.active > a,
	.mobileMenuItems a:hover { color:#00BCEB; text-decoration:none; }

	/* submenu icon */
	.mobileMenuItems .mobileSubmenuToggle { float:right; }
	.mobileMenuItems .mobileSubmenuToggle i { font-size:24px; font-weight:normal; }

	/* item borders */
	.mobileMenuItems li > a { border-top:1px solid #233350; } 
	.mobileMenuItems li.submenu > a { border-bottom:0; } 
	.mobileMenuItems,
	.mobileMenuItems li.submenu.unfolded > a { border-bottom:1px solid #233350; } 
	.mobileMenuItems li.submenu > ul > li:first-child > a { border-top:0; }
	.mobileMenuItems li.submenu > a.mobileSubmenuToggle,
	.mobileMenuItems li.submenu > ul > li > a { border-left:1px solid #233350; }

/* follow us buttons */
.mobileMenu .followUsButtons li { margin-left:10px; margin-bottom:10px; }
.mobileMenu .followUsButtons a { display:block; width:30px; height:30px; }
.mobileMenu .followUsButtons { margin-bottom:20px; }

/* mini search util */ 
.mobileMenu .miniSearchForm { display:block; margin:auto; width:230px; height:30px; margin-top:15px; margin-bottom:15px; line-height:40px; text-align:center; border:2px solid #233350; background:#031637; 
	-moz-border-radius:    15px; 
	-webkit-border-radius: 15px; 
	border-radius:         15px;
}
.mobileMenu .miniSearchForm .miniSearchField { display:block; float:left; width:190px; text-indent:10px; height:30px; line-height:30px; vertical-align:middle; color:#fff; background:transparent; background-dev:#fdf; border:0 none; margin:0; padding:0; }
.mobileMenu .miniSearchForm .searchButton { display:block; float:right; width:34px; height:30px; line-height:26px; background:transparent; background-dev:#ffd; color:#fff; }
.mobileMenu .miniSearchForm .searchButton i /* search icon */{ font-size:26px; }
.mobileMenu .miniSearchForm .searchButton:hover { color:#00BCEB; text-decoration:none; }

.mobileMenu .headerMiniLogo { display:block; margin:0 auto; margin-top:10px; height:40px; width:auto; overflow:hidden; text-align:center; }
.mobileMenu .headerMiniLogo img { width:auto; height:40px; margin:0; }

@media screen and (max-width:960px)
{
	.slidingMenuToggleWrapper { display:block;	}
	.headerLogoWrapper { text-align:center;	}
	.headerLogo { margin:0; }
	.headerMenuWrapper,
	.headerMenuExtraWrapper { display:none; }
}
@media screen and (max-width: 760px)
{
	.headerBigLogo { display:none; }
	.headerMiniLogo { display:block; }
}


/*****************************************************************************/
/***************************** content ***********************************/
/*****************************************************************************/

/***************************** links (a href) in descriptions, restore vertical align  ***********************************/
#clip_data_description  a,
#clip_data_description  strong,
.boxContent > p  a,
.boxContent > p  strong,
.clipDescriptionContent p a,
.clipDescriptionContent p strong,
.description > p  a,
.description > p  strong,
/*.mainText > p  a,
.mainText > p  strong*/
.mainText a,
.mainText span,
.mainText strong
{
	vertical-align:baseline; vertical-align:unset; 
}

/* transcripts */
.clipTranscript { border-bottom: 1px solid #233350; }
.clipTranscriptContent span { display:inline-block; }
.clipTranscriptContent span.transcriptElemHighlight { background-color:#ff0; color:#000; } 

/* starting soon/playing now channel */
.sideColumn .box.startingSoonChannels, .sideColumn .box.playingNowChannels { padding-top:0; padding-bottom:0; }
.sideColumn .box.startingSoonChannels {background: rgb(29 100 28 / 50%); border:2px solid #4abb81;}
.sideColumn .box.playingNowChannels {background: rgb(100 28 28 / 50%); border:2px solid #bb4a4a;}
.itemList .item .date.clockIcon:before {content: "\\e8b5";}

/* GDPR acceptance */
.gdprAcceptanceModalWrapper { position:absolute; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index: 9; backdrop-filter: blur(2px); }
.gdprAcceptanceModal { position:absolute; margin:0 auto; text-align:center; line-height: 25px; max-width:80%; width:60%; padding:20px; box-shadow:0 0 10px rgba(0,0,0,0.5); background:#072147; border-radius:10px; left:50%; top:50%; transform:translate(-50%, -50%);  }
.gdprAcceptanceModal a { vertical-align: baseline; }
.gdprAcceptButton { display:block; width:120px; margin:10px auto; margin-top:15px; border:2px solid; border-radius:20px; }
.gdprAcceptButton.submitting { opacity:0.4; pointer-events:none; }

/* brigthtTALK */
p.btWebcastDescription { display:block; /*margin-top: -10px;*/ }
p.btWebcastDate { display:block; }
ul.btLinks { display:none; }
.btLinks li { display:block; width:auto; padding:2px; text-align:center;  } 
.btLinks li a { width: auto; }
.btWebcastLink { font-size: 20px; }
.btCalendarLink { font-size: 13px; }


/***************************** headings (the heading bar on channel, categories, news, events, etc.)  ***********************************/
.mainHeadingWrapper { width:100%; 
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.1);
	box-shadow:         0px 0px 3px rgba(0,0,0,0.1);
} 
.mainHeadingWrapper.outside { width:960px; margin: 0 auto; } /* "outside" class is used when this element is outside the "pageBody" change this width to 100% for full width... */
.mainHeading { display:block; box-sizing:border-box; padding:0; width:100%; /*overflow-x:hidden;*/ }
.mainHeadingWrapper.outside .mainHeading { width:960px; margin:0 auto;  } /* "outside" class is used when this element is outside the "pageBody" */

.mainHeading .extra { float:right; text-align:right; }
.mainHeading .title { font-size:34px; /*line-height:34px; */line-height:1.3; font-weight:normal; width:55%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0; padding:0; }
.mainHeading .legend,
.mainHeading .breadcrumb { font-size:11px; }

.mainHeadingWrapper.headingBar { background:#0d2042; color:#fff; }
.mainHeadingWrapper.headingBar .mainHeading .title,
.mainHeadingWrapper.headingBar .channelInfoToggle i { color:#fff; }
.mainHeadingWrapper.headingBar .mainHeading .legend { color:#888; }
.mainHeadingWrapper.headingBar .mainHeading .extra a {  }

	/* channel */
	.channelHeading {  }
	.channelHeading .mainHeading { height:68px; }
		.channelHeading .mainHeading .extra { margin-top:2px; }
		.channelHeading .mainHeading .legend { padding-top:8px; /*padding-bottom:2px;*/ }

		.channelHeading .mainHeading .rssFeed a { margin-top:5px; margin-bottom:5px; float:right; margin-right:10px; }

		.channelHeading .mainHeading .image { float:left; margin-right:15px; }
		.channelHeading .mainHeading .image,
		.channelHeading .mainHeading .image img { height:68px; }

		.channelHeading .mainHeading .channelInfoToggle { display:block; text-decoration:none; font-weight:bold; clear:right; margin-right:10px; }
		.channelHeading .mainHeading .channelInfoToggle i /* more icon */{ display:none; font-size:22px; padding:11px;}
	
	.channelInfoWrapper { display:none; width:100%; }
	.mainHeadingWrapper.outside .channelInfoWrapper { width:960px; margin:0 auto;  } /* "outside" class is used when this element is outside the "pageBody" */
	.channelInfo { display:block; box-sizing:border-box; width:100%; margin:0 auto; padding:10px; }

			.channelInfo .by.byIcon:before,
			.channelInfo .date.dateIcon:before
			{ /* requires icomoon */ font-size:12px; margin-right:5px; }
			.channelInfo .by.byIcon:before { content:"\e7fd"; } /* requires icomoon (icon-person) */
			.channelInfo .date.dateIcon:before { content:"\e916"; } /* requires icomoon (icon-date_range) */
			.channelInfo .mainDescription { margin-top:10px; }
	
	.channelInfoWrapper .publishInfo { font-size:11px; padding-bottom:4px; }
		.channelInfoWrapper .publishInfo a { font-weight:bold; }
		.channelInfoWrapper .publishInfo div { display:inline; /*border-left:1px solid;*/ padding-left:15px;  }
		.channelInfoWrapper .publishInfo div:first-child { border-left:0; padding-left:0; }

	/* category */
	.categoryHeading { }
		.categoryHeading .mainHeading .title { padding-top:0px; padding-bottom:0px; }
		
		.categoryHeading .mainHeading .image { float:left; }
		.categoryHeading .mainHeading .image { width:67px; height:67px; margin-right:5px; overflow:hidden; border-radius:50px; }
		.categoryHeading .mainHeading .image img { width:auto; height:67px; }

		.categoryHeading .mainHeading .breadcrumb { padding-top:0px; display:inline; }
		.categoryHeading .mainHeading .breadcrumb a { font-weight:bold; }
		.categoryHeading .mainHeading .breadcrumbSpacer { display:block; width:auto; height:5px;}
		
		.categoryHeading .mainHeading .extra { margin-top:2px; }
		.categoryHeading .mainHeading .rssFeed a { margin-top:5px; margin-bottom:5px; float:right; margin-right:5px; }
		
	.box.category .mainText { padding-top:20px; }

	/* news, event */
	.newsEventHeading {
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	 }
		.newsEventHeading .mainHeading { padding:10px; }
		.newsEventHeading .mainHeading .title { padding-bottom:2px; white-space:normal; width:auto;  }
		.newsEventHeading .mainHeading .publishInfo { font-size:11px; }
		.newsEventHeading .image img { width:100%; }
		.newsEventHeading .image .imageFooter { font-size:11px; padding:10px; padding-bottom:0; }

		.newsEventHeading .rssFeed,
		.newsEventHeading .calendarBox { display:inline-block; vertical-align:top; }

		.newsEventHeading .publishInfo { padding-top:15px; }
		.newsEventHeading .publishInfo a { font-weight:bold; }
		.newsEventHeading .publishInfo div { display:inline; padding-left:15px;  }
		.newsEventHeading .publishInfo div:first-child { padding-left:0; }

	/* page */
	.pageHeading {
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	 }
		.pageHeading .mainHeading { padding:10px; }
		.pageHeading .mainHeading .title { padding:0; white-space:normal; width:auto;  }
		.pageHeading .image { margin-bottom:10px; }
		.pageHeading .image img { width:100%; }*/

	/* gallery */
	.galleryHeading {
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	 }
	
		.galleryHeading .mainHeading { padding:10px; }
		.galleryHeading .mainHeading .title { padding-bottom:2px; white-space:normal; width:auto;  }
		.galleryHeading .mainHeading .publishInfo { font-size:11px; }
		.galleryHeading .image img { width:100%; }
		.galleryHeading .image .imageFooter { font-size:11px; padding:10px; padding-bottom:0; }

		.galleryHeading .rssFeed	{ display:inline-block; vertical-align:top; }

		.galleryHeading .publishInfo { padding-top:15px; }
		.galleryHeading .publishInfo a { font-weight:bold; }
		.galleryHeading .publishInfo div { display:inline; padding-left:15px;  }
		.galleryHeading .publishInfo div:first-child { padding-left:0; }

	/* news, event, gallery pages... */
			.publishInfo .by.byIcon:before,
			.publishInfo .date.dateIcon:before,
			.publishInfo .views.viewsIcon:before
			{ /* requires icomoon */ font-size:12px; margin-right:5px; }
			.publishInfo .by.byIcon:before { content:"\e7fd"; } /* requires icomoon (icon-person) */
			.publishInfo .date.dateIcon:before { content:"\e916"; } /* requires icomoon (icon-date_range) */
			.publishInfo .views.viewsIcon:before { content:"\e8f4"; } /* requires icomoon (icon-visibility) */


	/* user */
	.userHeading { }
		/*
		.userHeading .mainHeading .title { padding-top:18px; padding-bottom:2px; }
		
		.userHeading .mainHeading .image { width:67px; height:67px; float:left; overflow:hidden; text-align:center;  margin-right:5px; margin:5px;
			-moz-border-radius:    40px; 
			-webkit-border-radius: 40px; 
			border-radius:         40px; 
		}
		.userHeading .mainHeading .image img { width:67px; height:auto; min-height:67px; }
	
		.userHeading .mainHeading .extra { margin-top:0px; }
		.userHeading .mainHeading .rssFeed a { margin-top:5px; margin-bottom:5px; float:right; margin-right:5px; }
		*/
		.userHeading .mainHeading .image { display:inline-block; box-sizing:border-box; width:14%; padding:10px; vertical-align: middle; }
		.userHeading .mainHeading .text { display:inline-block; box-sizing:border-box; width:85%; border-radius:40px; vertical-align: middle; } 
		.userHeading .mainHeading .image img { width:100%; height:auto; border-radius:100px; overflow:hidden;  }
		.userHeading .mainHeading .text .title { width:100%; }
		.userHeading .mainHeading .text .memberSince,
		.userHeading .mainHeading .text .aboutShort { line-height:20px; }

	/* restricted content snippet heading */
	.restrictedContentSnippetHeading { }
	.restrictedContentSnippetHeading .mainHeading { height:auto; }
		.restrictedContentSnippetHeading .mainHeading .title { width:64%; padding:10px; display:inline-block; line-height:1.2; white-space:normal; box-sizing:border-box; text-align:center;  }
			.restrictedContentSnippetHeading .mainHeading .title h2 { font-weight:normal; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px;}
			.restrictedContentSnippetHeading .mainHeading .title .legend { }
		.restrictedContentSnippetHeading .mainHeading .image { width:35%; float:none; display:inline-block; box-sizing:border-box;}
		.restrictedContentSnippetHeading .mainHeading .image img { width:100%; height:auto; }
	
	.restrictedContentSnippetHeading.inside .mainHeading .title { width:49%; }
	.restrictedContentSnippetHeading.inside .mainHeading .image { width:50%; }
	.restrictedContentSnippetHeading.inside .mainHeading .title .legend { }

	/* login with restricted content details*/
	.restrictedContentDetails      { display:inline-block; width:60%; box-sizing:border-box; vertical-align: top; }
	.restrictedUserLoginRegWrapper { display:inline-block; width:40%; box-sizing:border-box; vertical-align: top; /*border-left:1px solid #e9e9e9;*/ }
	.restrictedContentDetails .image,
	.restrictedContentDetails .image img { width:100%; }
	.restrictedContentDetails .title h1,
	.restrictedContentDetails .title h2 { font-size: 24px; line-height: 1.3; font-weight:normal; padding:5px; }
	.restrictedContentDetails .description { display:none; padding:5px; word-break: break-word; line-height:18px; }
	.userForm { width:100%; }
	.togglePasswordVisibility     { display:none; }
	.restrictedUserReg            { display:none; }
	.restrictedUserReg iframe     { width:100%; border:none; overflow:hidden; min-height:320px; }
	
	@media screen and (max-width: 960px)
	{
	  .restrictedContentDetails      { display:block; width:100%; }
	  .restrictedUserLoginRegWrapper { display:block; width:100%; border:none; }
	  .restrictedContentDetails .title h2,
	  .restrictedContentDetails .description { text-align:center; }
	  .restrictedContentDetails .description { font-size:11px; }
	  .restrictedContentDetails .description { display:block; }
	}
	@media screen and (max-width: 760px)
	{
	  .restrictedContentDetails .title h2 { font-size: 20px; }
	}
	
	.normalLogin .restrictedContentDetails { display:none; }
	.normalLogin .restrictedUserLoginRegWrapper { display:block; width:100%; border:none; }
	.normalLogin .descriptionFull { display:none; }



/***************************** page body ***********************************/
.pageBodyWrapper { width:960px; margin: 0 auto; }
.pageBody { width:100%; }

/***************************** video player area ***********************************/
.videoPlayerAreaWrapper { display:block; width:100%; background:#000; text-align:center;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.1);
	box-shadow:         0px 0px 3px rgba(0,0,0,0.1);
} 
.videoPlayerAreaWrapper.outside { width:960px; margin: 0 auto; } /* "outside" class is used when this element is outside the "pageBody" change this width to 100% for full width... */
.videoPlayerArea { display:block; box-sizing:border-box; padding:0; width:100%;  }
.videoPlayerAreaWrapper.outside .videoPlayerArea { width:960px; margin:0 auto;  } /* "outside" class is used when this element is outside the "pageBody" */
.playerBanner { display:block; width:100%; background:#000; text-align:center; }

/* upcoming countdown (Clip page) - visible only if the Clip is upcoming, is on sale and has not been purchased, and the Clip has a trailer */
.upcomingClipCountDownBanner { margin:0; display:block; border-top:1px solid #cc892e; background:linear-gradient(180deg, #fdb551 0%, #e89017); }
.pip .upcomingClipCountDownBanner { display:none; }
.upcomingClipCountDownMessage { display:block; padding-top:10px; color:#000; font-size:13px;  }
.upcomingClipCountDownBanner .is-countdown { height:65px !important; margin-top:0 !important; margin-bottom:0 !important; }
.upcomingClipCountDownBanner .countdown-section { background:rgba(0,0,0,0.4) !important; border:none !important; }

/* Prev/Next Clip buttons: these buttons only appear when an EmbedClip replaces the WebTV video player */
#prevNextButtonsWrapper { width:100% !important; /*height:40px;*/ box-sizing:border-box; margin: 0px auto; white-space: nowrap; overflow:hidden !important; }
.vpPrevClip,
.vpNextClip { display:block; width:50% !important; height:40px; box-sizing:border-box; z-index:99; background:#0f0f0f;}
.vpPrevClip { float:left;}
.vpNextClip { float:right;}
.vpPrevClip:hover, 
.vpNextClip:hover { background:#212121; }
.vpPrevClip a,
.vpNextClip a { /* requires icomoon */ color:#aaa; width:100%; line-height:40px; height:40px; font-size:30px;  z-index:99;  display:block; }
.vpPrevClip a:before { 
	/* icomoon: icon-skip_previous */
	content: "\e045";
}
.vpNextClip a:before { 
	/* icomoon: icon-skip_nexts */
    content: "\e044";
}
.vpPrevClip a:hover,
.vpNextClip a:hover { color:#fff; text-decoration:none; }

.reqRegChannelImage { position:relative; width:100%; height:100%; }
.reqRegChannelImage i { position:absolute; color: #fff; opacity:0.8; font-size: 100px; width: 100px; height: 100px; display: block; margin: 0 auto; text-shadow: 0 1px 10px rgba(0,0,0,0.5); left: 50%; margin-left: -50px; top: 50%; margin-top: -55px; }
.reqRegChannelImage:hover i { opacity:1; }

/***************************** image slider (main image slider at the top of portals and categories) ***********************************/
.imageSliderAreaWrapper { display:block; width:100%; background:#000; text-align:center;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.1);
	box-shadow:         0px 0px 3px rgba(0,0,0,0.1);
} 
.imageSliderAreaWrapper.outside { /*width:960px;*/ margin: 0 auto; } /* "outside" class is used when this element is outside the "pageBody" change this width to 100% for full width... */
.imageSliderArea { display:block; box-sizing:border-box; padding:0; width:100%;  }
.imageSliderAreaWrapper.outside .imageSliderArea { width:960px; margin:0 auto;  } /* "outside" class is used when this element is outside the "pageBody" */

ul.bjqs-controls.v-centered li /* .bjqs-next, .bjqs-prev */{ position:absolute; top:0; width:55px; height:100%; }
ul.bjqs-controls.v-centered li.bjqs-prev { left:0; }
ul.bjqs-controls.v-centered li.bjqs-next { right:0; }

ul.bjqs-controls.v-centered li a{ color:#fff; margin:0 !important; width:55px; line-height:55px; position:absolute; top:0 !important; height:100%; text-align:center; padding:0 !important; 
	text-shadow: 0 0 6px rgba(0,0,0,0.4);
	/* requires icomoon */
	font-size:50px;
}
ul.bjqs-controls.v-centered li.bjqs-next a:before,
ul.bjqs-controls.v-centered li.bjqs-prev a:before { position:absolute; left:0; top:50%; width:55px; height:55px; margin-top:-55px; }
ul.bjqs-controls.v-centered li.bjqs-next a:hover:before,
ul.bjqs-controls.v-centered li.bjqs-prev a:hover:before { color:#fff; 
	background:#000; background:rgb(0,0,0); background: transparent\9; background:rgba(0,0,0,0.3); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#55000000', endColorstr='#55000000'); 
	-moz-border-radius:    30px; 
	-webkit-border-radius: 30px; 
	border-radius:         30px; 
	}
ul.bjqs-controls.v-centered li.bjqs-next a:before {
	/* icomoon: icon-keyboard_arrow_right */
	content: "\e315";
}
ul.bjqs-controls.v-centered li.bjqs-prev a:before {
	/* icomoon: icon-keyboard_arrow_left */
	content: "\e314"; 
}
/*ul.bjqs-controls.v-centered li a:hover{ color:#fff;
	background:rgb(0,0,0); background: transparent\9; background:rgba(0,0,0,0.3); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#55000000', endColorstr='#55000000'); 
}*/
p.bjqs-caption{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; font-size:18px; text-shadow: 0 0 3px rgba(0,0,0,0.4); box-sizing:border-box; width:100% !important; margin:0; padding:10px !important;
	background:rgb(0,0,0); background: transparent\9; background:rgba(0,0,0,0.4); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); 
}

/***************************** video player area: clip info ***********************************/
.clipBasicInfo { padding:10px; padding-top:15px; }
	.clipPublishStatsInfo { display:block; border-bottom:1px solid #233350; padding-top:15px; min-height:29px; }

		.clipBasicInfo .title { font-size:34px; /*line-height:34px;*/ line-height:1.3em; font-weight:normal; /*width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/ }
		.clipBasicInfo .publishInfo { display:block; float:left; font-size:11px; height:20px; }
			.clipBasicInfo .publishInfo a { font-weight:bold; }
			.clipBasicInfo .publishInfo div { display:inline; padding-left:15px;  }
			.clipBasicInfo .publishInfo div:first-child { border-left:0; padding-left:0; }

			.clipBasicInfo .by.byIcon:before,
			.clipBasicInfo .date.dateIcon:before,
			.clipBasicInfo .views.viewsIcon:before,
			.clipBasicInfo .likes.likesIcon:before
			{ /* requires icomoon */ font-size:12px; margin-right:5px; }
			.clipBasicInfo .by.byIcon:before { content:"\e7fd"; } /* requires icomoon (icon-person) */
			.clipBasicInfo .date.dateIcon:before { content:"\e916"; } /* requires icomoon (icon-date_range) */
			.clipBasicInfo .views.viewsIcon:before { content:"\e8f4"; } /* requires icomoon (icon-visibility) */
			.clipBasicInfo .likes.likesIcon:before { content:"\e8dc"; } /* requires icomoon (icon-thumb_up) */


		.clipBasicInfo .statsInfo { display:block; float:right;  font-size:11px; height:20px;  }
			.clipBasicInfo .rating { }
				.clipBasicInfo .rating .likes { display:block; height:15px; }
				.clipBasicInfo .ratingBarOut { display:block; width:125px; height:5px; background:#233350; }
				.clipBasicInfo .ratingBarIn { display:block; height:5px; background:#fff; }

	.clipOptionsBarWrapper { display:block; height:30px; padding-top:10px; }
		.clipOptionsBarWrapper > ul { /*display:block;*/ position:relative; float:left; height:30px; }
		.clipOptionsBarWrapper > ul > li > ul { top:30px; }
		.clipOptionBt { display:block; float:left; background:#031637; color:#fff; font-weight:bold; box-sizing:border-box; padding-left:7px; padding-right:7px; line-height:22px; height:30px; margin-right:10px; border: 2px solid #233350; border-radius: 20px; }
		.clipOptionBt:hover,
		.clipOptionBt.hover, 
		.clipOptionBt.active, 
		.commentsMenu > li.hover > a,
		.downloadMenu > li.hover > a
		{ border-color:#5B677D; color:#fff; text-decoration:none; }
		.clipOptionBt.fr { float:right; }
		.clipOptionBt.last { margin-right:0; }
		.clipOptionBt i /* button icon */{ font-size:22px;}
		.clipOptionBt span { padding-left:3px; }

		.clipOptionBt.report span { display:none; }

/***************************** video player area: clip description ***********************************/
.clipDescription { padding:10px; }
	.clipDescriptionContent { overflow:hidden; }
		.clipDescriptionContent p { text-align:justify; }

	.clipDescriptionHeightLimiter { border-top:1px solid #233350; text-align:center; margin-top:10px; }
	.clipDescriptionHeightLimiter a { display:none; font-weight:bold; font-size:13px; padding:5px; width:200px; margin:0 auto; }
	.clipDescriptionHeightLimiter.limitingHeight .more { display:block; }
	.clipDescriptionHeightLimiter.notLimitingHeight .less { display:block; }

/***************************** video player area: channel complete videos transcriptions - v6000pf4 ***********************************/
	.channelCompleteTranscriptionContent { overflow:hidden; }
	.channelCompleteTranscriptionHeightLimiter { border-top:1px solid #233350; text-align:center; margin-top:10px; }
	.channelCompleteTranscriptionHeightLimiter a { display:none; font-weight:bold; font-size:13px; padding:5px; width:200px; margin:0 auto; }
	.channelCompleteTranscriptionHeightLimiter.limitingHeight .more { display:block; }
	.channelCompleteTranscriptionHeightLimiter.notLimitingHeight .less { display:block; }

/***************************** video player area: social widgets, share options ***********************************/
.channelShareOptions.box, 
.shareOptions.box { display:none; background:#0d2042; border-radius:8px; }
		
	.shareOptionsTabsContent { padding:10px;  }
		.socialWidgets { display:block; height:32px; }
		.socialWidgets .socialWidget { float:left !important; height:21px; vertical-align:top !important; }
		.socialWidgets .socialWidget iframe { min-width:100px !important; }
		.socialWidgets .socialWidget.facebook iframe { min-width:130px !important; }
		.socialSharingButtons { display:block; clear:left; }
		.socialSharingButtons a { display:inline-block; margin-right:5px; margin-bottom:5px; }
		
		.shareLink,
		.shareEmbed { margin-top:10px; }
		.shareLink span,
		.shareEmbed span { display:block; font-weight:bold; }
		.shareLink input,
		.shareEmbed input { width:100%; height:30px; line-height:30px; margin-top:5px;}
		
		.shareEmail { overflow:hidden; }
		.shareEmail iframe { background:transparent; width:100%; height:280px; overflow:hidden; border:0; }
		.shareEmailFormPage,
		.shareEmailFormPage body { background:transparent; }
			.shareEmailFormWrapper { display:block; }
			.shareEmailFormPage .formTable { width:100%; }
			.shareEmailFormPage .formTable td { width:80%; }
			.shareEmailFormPage .formTable td:first-child { width:10%; white-space:nowrap; }
			.shareEmailFormPage input,
			.shareEmailFormPage textarea { width:100%; }

/***************************** big, home search area ***********************************/
.homeSearchAreaWrapper { margin-top:20px; margin-bottom:20px; }
.homeSearchAreaWrapper.outside { width:960px; margin-left:auto; margin-right:auto; }
.homeSearchArea {}
.homeSearchArea .title { font-size:32px; font-family:'nobel'; font-weight:400; }
.homeSearchArea .subtitle { font-family:'nobel'; font-weight:300; font-size:22px; font-style:italic; padding-left:20px; margin-top:5px; }
.bigHomeSearchWrapper { position:relative; padding:10px; }
.bigHomeSearchWrapper .bigHomeSearchButtom { position:absolute; top:50%; transform:translate(0,-50%); right:calc(5% + 10px); font-size:0;  }
.bigHomeSearchWrapper .bigHomeSearchButtom i { font-size:30px; }
.bigHomeSearchWrapper .bigHomeSearchField { box-sizing:border-box; background:#3B7A8D; border:2px solid #fff; border-radius:30px; width:92%; margin-left:4%; line-height:40px; height:40px; color:#fff; text-indent:10px; font-size:18px;  }
.bigHomeSearchWrapper .bigHomeSearchField::placeholder 					{ color:#9fb9c1; font-style:italic; opacity: 1; }
.bigHomeSearchWrapper .bigHomeSearchField::-webkit-input-placeholder 	{ color:#9fb9c1; font-style:italic; opacity: 1; }
.bigHomeSearchWrapper .bigHomeSearchField::-moz-placeholder 			{ color:#9fb9c1; font-style:italic; opacity: 1; }
.bigHomeSearchWrapper .bigHomeSearchField:-ms-input-placeholder 		{ color:#9fb9c1; font-style:italic; opacity: 1; }
.bigHomeSearchWrapper .bigHomeSearchField:hover { background:#2d5f6e; }
.bigHomeSearchWrapper .bigHomeSearchField:focus { background:#041636; box-shadow:0 0 10px rgb(148 226 255); }

@media screen and (min-width: 1180px)
{
	.homeSearchAreaWrapper.outside { width:1170px; }
}
@media screen and (min-width: 1500px)
{
	.homeSearchAreaWrapper.outside { width:1480px; }
	.homeSearchAreaWrapper .homeSearchArea .title { font-size:36px; }
	.homeSearchAreaWrapper .homeSearchArea .subtitle { font-size:24px; margin-top:7px; }
	.bigHomeSearchWrapper { padding-top:14px; }
}
@media screen and (min-width: 761px) and (max-width: 960px)
{
	.homeSearchAreaWrapper.outside { width:100%; }
	.homeSearchAreaWrapper.outside .homeSearchArea .title {  text-align:center; font-size:28px; }
	.homeSearchAreaWrapper.outside .homeSearchArea .subtitle { text-align:center; font-size:18px; padding-left:0; }
	.homeSearchAreaWrapper .homeSearchArea .title {  font-size:26px; }
	.homeSearchAreaWrapper .homeSearchArea .subtitle { font-size:18px; padding-left:0; }
}
@media screen and (max-width:760px)
{
	/*.portal .headerSearch { display:none; }*/
	.homeSearchAreaWrapper { margin-top:5px; margin-bottom:10px; width:100%; }
	.homeSearchAreaWrapper.outside { width:100%; }
	.homeSearchAreaWrapper .homeSearchArea .title {  text-align:center; font-size:26px; }
	.homeSearchAreaWrapper .homeSearchArea .subtitle { text-align:center; font-size:16px; padding-left:0; }
	.bigHomeSearchWrapper .bigHomeSearchField { line-height:35px; height:35px; }
	.bigHomeSearchWrapper .bigHomeSearchButtom i { font-size:26px; }
}
@media screen and (max-width:480px)
{
	.homeSearchAreaWrapper .homeSearchArea .title { font-size:22px; }
	.homeSearchAreaWrapper .homeSearchArea .subtitle { font-size:12px; }
	.bigHomeSearchWrapper .bigHomeSearchField { line-height:30px; height:30px; }
	.bigHomeSearchWrapper .bigHomeSearchButtom i { font-size:20px; }
}

/***************************** news and events (the map inside event page) ***********************************/
.newsEventMapWrapper { box-sizing:border-box; width:100%; padding-top:10px; padding-bottom:10px; text-align:center; font-size:11px; }
.newsEventMapWrapper a { display:block; padding:6px; font-weight:bold; }
.newsEventMapWrapper .mapCanvas { width:100%; height:170px; margin:0 auto; }

/***************************** box tabs bar (video browser and video player area: share options) ***********************************/
	.boxTabsWrapper { border-bottom:1px solid #233350; background-dev:#f0f0f0; height:30px; padding-top:5px; padding-bottom:3px; overflow:hidden; }
	.boxTabsWrapper.withBoxTitle { padding-top:0; }

	.boxTabs { height:30px; white-space:nowrap; }
	.boxTabs > li { display:block; float:left; }
	
	.browseSearchToggleButton,
	.boxTabs li .tabsTitle,
	.boxTabs li .tab { display:block; float:left; width:auto; text-align:center; height:30px; line-height:30px; padding-left:5px; padding-right:5px; margin-left:5px; margin-right:5px; font-weight:bold; background-dev:#fff; color:#fff; }
	.boxTabs li .tabsTitle { background:none; color:#000; margin-right:0; }
	.browseSearchToggleButton { float:right; width:30px; margin-right:5px; }

	.boxTabs li .tab:hover,
	.boxTabs li .tab.active,
	.browseSearchToggleButton:hover { color:#00BCEB; text-decoration:none; }
	
	.shareOptionsCloseButton { display:block; float:right; text-align:center; width:30px; height:30px; margin-right:5px; line-height:30px; background-dev:#fff; color:#fff; }
	.shareOptionsCloseButton:hover { color:#00BCEB; text-decoration:none; }
		.shareOptionsCloseButton i /* close icon */{ font-size:20px; }

	.transcriptCloseButton { border:2px solid #233350; border-radius:25px; font-size:0; }
	.transcriptCloseButton:hover { border-color:#5B677D; color:#fff; }

	.browseSearch,
	.videoBrowserMoreMenu { position:relative; }
	.browseSearch > li > ul,
	.videoBrowserMoreMenu > li > ul { top:30px; margin-right:5px; }

	.videoBrowser ul.loading 								{ display:block; height:71px; background: url('../images/icon_loading.gif') center center no-repeat; } /* ul */

	.browseSearchToggleButton i /* search icon */{ font-size:26px; }
	.videoBrowserMoreMenuToggle i /* more icon */{ font-size:22px; padding-bottom:6px; }
	
		/* sample rules for solid tabs bar */
		/*
		.___tabs_bar_common_rules___,
		.boxTabsWrapper { padding-bottom:0; border-bottom:0; }
		.shareOptionsCloseButton { margin-right:10px; }
		.boxTabs li .tab { margin-left:10px; margin-right:0; padding-left:10px; padding-right:10px; }
		.boxTabsWrapper,
		.boxTabsWrapper.withBoxTitle { padding-top:10px;  } 
		.___tabs_bar_background___,
		.boxTabsWrapper { background:#212121; }
		.___tabs_normal_state___,
		.browseSearchToggleButton,
		.shareOptionsCloseButton,
		.boxTabs li .tabsTitle,
		.boxTabs li .tab { background:#212121; color:#fff; } 
		.___tabs_hover_state___,
		.browseSearchToggleButton:hover,
		.shareOptionsCloseButton:hover,
		.boxTabs li .tab:hover,
		.boxTabs li .tab.active { background:#fff; color:#000; }
		.___tabs_roundness___,
		.browseSearchToggleButton,
		.shareOptionsCloseButton,
		.boxTabs li .tab
		{
			-moz-border-radius:    5px; 
			-webkit-border-radius: 5px; 
			border-radius:         5px;
			-moz-border-bottom-left-radius:0; -moz-border-bottom-right-radius:0; 
			-webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; 
			border-bottom-left-radius:0; border-bottom-right-radius:0; 
		}
		*/

/***************************** body columns (main and sidebar...) ***********************************/
.columnWrapper{ width:100%; }
.columnWrapper > .column { float:left; box-sizing:border-box; /*border:1px solid;*/ }
.mainColumn { width:630px; } /* 960 - 320 - 10 */
.sideColumn { width:320px; margin-left:10px; background:#031637; } /* sidebar */
.sideColumn .box { padding:10px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.widgetTitle { display:block; background:transparent; color:#000; padding:5px; padding-top:10px; padding-bottom:10px; }
.widgetTitle h3 { font-size:24px; font-weight:normal; }
.widgetContent { margin-top:5px; }
/* v6000pf4 */
body:not(.tube) .column.mainColumn.topSpace .box.topSpace:first-child,
body:not(.tube) .column.mainColumn.topSpaceDesktop .box.topSpace:first-child,
body:not(.tube) .column.sideColumn.topSpace .box.topSpace:first-child,
body:not(.tube) .column.sideColumn.topSpaceDesktop .box.topSpace:first-child { margin-top:0; }

.mainColumn.withRegSection { background:#041636; border-radius:9px; overflow:hidden; }
.mainColumn.withRegSection .box { border-radius:0; }
.mainColumn .mainSection.withRegSection { display:inline-block; box-sizing:border-box; vertical-align:top; width:60%; border-right: 1px solid rgba(255,255,255,0.1); }
.mainColumn .mainSection.withRegSection .restrictedContentDetails { display:block; width:100%; }
.mainColumn .regSection { display:inline-block; box-sizing:border-box; vertical-align:top; width:40%; }

.widgetTitle { position:relative; }
.widgetResizeButton,
.widgetResizeRestoreButton { position:absolute; top:10px; right:0; font-size:12px; }
@media screen and (max-width:760px) 
{
	.widgetResizeButton,
	.widgetResizeRestoreButton { display:none !important; }
}
.widget.resizableWidget { border:2px dashed #24334f; /*border-right:none; border-left:none; border-bottom:none;*/ z-index:9999; box-shadow: 0 0 12px rgb(0 0 0 / 50%); }
.widget.resizableWidget,
.widget.resizableWidget .widgetTitle { cursor:move; }
.widget.resizableWidget .ui-resizable-handle.ui-resizable-se,
.widget.resizableWidget .ui-resizable-handle.ui-resizable-sw,
.widget.resizableWidget .ui-resizable-handle.ui-resizable-e,
.widget.resizableWidget .ui-resizable-handle.ui-resizable-w,
.widget.resizableWidget .ui-resizable-handle.ui-resizable-s
{ background-color:#24334f; background-color:transparent;  }
.widget.resizableWidget .ui-resizable-handle.ui-resizable-se:hover,
.widget.resizableWidget .ui-resizable-handle.ui-resizable-sw:hover,
.widget.resizableWidget .ui-resizable-handle.ui-resizable-e:hover,
.widget.resizableWidget .ui-resizable-handle.ui-resizable-w:hover,
.widget.resizableWidget .ui-resizable-handle.ui-resizable-s:hover
{ background-color:#00BCEB; }
.widget.resizableWidget .ui-resizable-handle.ui-resizable-se,
.widget.resizableWidget .ui-resizable-handle.ui-resizable-sw 
{ width:20px; height:20px; }
.widget.resizableWidget .ui-resizable-handle.ui-resizable-se { border-radius: 6px; border-bottom-left-radius:0; border-top-ight-radius:0;}
.widget.resizableWidget .ui-resizable-handle.ui-resizable-sw { left:0; bottom:0; border-radius: 6px; border-bottom-right-radius:0; border-top-left-radius:0;}
.widget.resizableWidget .ui-resizable-handle.ui-resizable-se:before { content:"\25e2"; color:#fff; font-size:16px; position:absolute; text-align:center; width:50%; left:0%; }
.widget.resizableWidget .ui-resizable-handle.ui-resizable-sw:before { content:"\25e3"; color:#fff; font-size:16px; position:absolute; text-align:center; width:50%; left:25%; }

/* Refer and Win, LPS */

/*
.referAndWinButton { display:block; width:80%; margin:0 auto; border-radius:30px; box-sizing:border-box; color:#fff; background:#742aad; padding:10px; text-align:center; font-size: 22px; background: linear-gradient(0deg, rgba(173,42,130,1) 0%, rgb(158 93 209) 96%, rgb(170 100 205) 100%); }
.referAndWinButton:hover { color:#fff; background: linear-gradient(0deg, rgb(213 42 157) 0%, rgb(176 92 243) 96%, rgb(184 120 217) 100%); }
*/
/* v2 */
.referAndWinButton-deprecated { display:block; width:80%; height:50px; margin:0 auto; border-radius:30px; box-sizing:border-box; border:2px solid #ffd400; color:transparent; background:#031637 url("../images/rw_button.png") center center no-repeat; background-size: auto 80%; padding:10px; text-align:center; font-size: 22px; }
.referAndWinButton-deprecated.enabled { border-width:4px; }
.referAndWinButton-deprecated span { /*background:url("../images/rw_button_hover.png"); background-repeat:no-repeat; background-size:1px 1px; background-position:-100px;*/ } /* add hover state here, invisible, to avoid flickering on mouse over */
.referAndWinButton-deprecated:hover { color:transparent; /*box-shadow:0 0 12px rgb(213 173 0); background-image:url("../images/rw_button.png"); background-image:url("../images/rw_button_hover.png");*/ box-shadow: 0 0 12px 1px rgb(255 212 0 / 40%), 0 0 6px rgb(255 212 0 / 70%), 0 0 6px rgb(255 212 0 / 70%); border-color: #fff; }

/* v3 */
.referAndWinButton { display:block; width:80%; width:calc(80% - 40px); margin:0 auto; border-radius:30px; border:2px solid #ffd400; padding:5px; text-align:center; }
.referAndWinButton span { display:inline-block; vertical-align:baseline; color:#F4D242; font-size:28px; line-height:28px; heignt:28px;  }
.referAndWinButton.enabled { border-width:3px; }
.referAndWinButton:hover { box-shadow: 0 0 12px 1px rgb(255 212 0 / 40%), 0 0 6px rgb(255 212 0 / 70%), 0 0 6px rgb(255 212 0 / 70%); border-color: #fff; }


.referralForm, .referralFormSent { padding:10px; font-size:16px; }
.referralForm .userForm { padding-top:0; }
.referralMailPreview { background:#fff; color:#000; line-height:22px; border-radius: 10px; border: 2px dashed #afafaf; padding:5px; }
.referralMailPreview table td { padding:6px; }
.referralMailPreview table td a { word-break:break-all; }
.referralMailPreview table tr:first-child td { border-bottom:1px solid #e5e4e4; }
.referralMailPreview table td:first-child { color:#b9b9b9; font-style:italic; }
.referralMailPreview a, em { vertical-align:baseline; }
.referralMailPreview a { color:#00BCEB; }
.sendReferralMailButton,
.referAnotherButton
{ display:block;width: 100px; margin: 10px auto; padding: 8px; text-align: center; border-radius: 20px; }
.sendReferralMailButton { background:#008caf; color:#fff; }
.sendReferralMailButton:hover { background:#00BCEB; color:#fff; } 
.referAnotherButton { color:#fff; background: linear-gradient(0deg, rgba(173,42,130,1) 0%, rgb(158 93 209) 96%, rgb(170 100 205) 100%); } 
.referAnotherButton:hover { color:#fff; background: linear-gradient(0deg, rgb(213 42 157) 0%, rgb(176 92 243) 96%, rgb(184 120 217) 100%); } 

.referAndWin_shareButtons { text-align:center; }
.referAndWin_shareButtons li { display:inline-block; margin:6px;}
.referAndWin_shareButtons .referAndWin_shareButton { display:block; align-items: center; padding: 0px 20px; border-radius:50px; color:#fff; height:40px; line-height:40px; transition: all 0.3s ease; }
.referAndWin_shareButtons .referAndWin_shareButton:hover { box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); }
.referAndWin_shareButtons .referAndWin_shareButton .button-icon { width: 20px; height: 20px; fill: currentColor;  vertical-align: middle; margin-right:10px; }
.referAndWin_shareButtons .referAndWin_shareButton.email { background: linear-gradient(135deg, #ea4335 0%, #d33b2c 100%); }
.referAndWin_shareButtons .referAndWin_shareButton.email:hover { background: linear-gradient(135deg, #f55a4e 0%, #ea4335 100%); }
.referAndWin_shareButtons .referAndWin_shareButton.linkedin { background: linear-gradient(135deg, #0077b5 0%, #005885 100%); }
.referAndWin_shareButtons .referAndWin_shareButton.linkedin:hover { background: linear-gradient(135deg, #0e8cc7 0%, #0077b5 100%); }
.referAndWin_shareButtons .referAndWin_shareButton.twitter { background: linear-gradient(135deg, #1da1f2 0%, #0d8bd9 100%); }
.referAndWin_shareButtons .referAndWin_shareButton.twitter:hover {	background: linear-gradient(135deg, #42b0f5 0%, #1da1f2 100%);}
.referAndWin_shareButtons .referAndWin_shareButton.whatsapp { background: linear-gradient(135deg, #25d366 0%, #1ebe57 100%); }
.referAndWin_shareButtons .referAndWin_shareButton.whatsapp:hover { background: linear-gradient(135deg, #3ee378 0%, #25d366 100%); }
.referAndWin_shareButtons .referAndWin_shareButton.copy { background: linear-gradient(135deg, #6c757d 0%, #495057 100%); }
.referAndWin_shareButtons .referAndWin_shareButton.copy:hover { background: linear-gradient(135deg, #868e96 0%, #6c757d 100%); }
.referAndWin_shareButtons .referAndWin_shareButton.referAndWin_shareButtonTooltip { overflow: visible; position: relative; }
.referAndWin_shareButtonTooltip::before,
.referAndWin_shareButtonTooltip::after { position: absolute; visibility: hidden; opacity: 0; pointer-events: none; transition: all 0.3s ease; transform: translateY(10px); }
.referAndWin_shareButtonTooltip::before { content: attr(data-tooltip); background: rgba(0, 0, 0, 0.9);color: white; padding: 8px 12px; border-radius: 6px; font-size: 14px; font-weight: 500; white-space: nowrap; min-width:200px; max-width: 280px; white-space: normal; text-align: center; line-height: 1.3; bottom: calc(100% + 12px); left: 50%; transform: translateX(-50%) translateY(10px); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); z-index: 1000; }
/*.referAndWin_shareButtonTooltip::after { content: ''; width: 0; height: 0; border: 6px solid transparent; border-top-color: rgba(0, 0, 0, 0.9); bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%) translateY(16px); z-index: 1001; }*/
.referAndWin_shareButtonTooltip:hover::before,
.referAndWin_shareButtonTooltip:hover::after { visibility: visible; opacity: 1; transform: translateX(-50%) translateY(10px); }
/*.referAndWin_shareButtonTooltip:hover::after { transform: translateX(-50%) translateY(-2px); }*/
		
.lpsWidget .widgetContent { text-align:center;  }
.lpsWidget .widgetContent .legend { display:block; padding:5px; font-size:14px; }
.lpsWidget .widgetContent .legend a { vertical-align:baseline; }
.lpsJoinButton { display:block; width:80%; margin:0 auto; height:48px; line-height:30px; border-radius:30px; box-sizing:border-box; padding:5px; text-align:center; /*font-size: 22px; */ font-size:0; }
.lpsJoinButton span { display:inline-block; height:30px; line-height:30px; font-size:22px; }
.lpsJoinButton i { vertical-align: baseline; }
.-lpsJoinButton { color:#fff; background:linear-gradient(0deg, rgb(124 98 22) 0%, rgb(255 200 0) 96%, rgb(253 255 108) 100%);}
.-lpsJoinButton:hover { color:#fff; background:linear-gradient(0deg, rgb(151 114 12) 0%, rgb(255 201 0) 96%, rgb(255 234 133) 100%); }
.lpsJoinButton { color:#F4D242; background:transparent; border:4px solid #ffd400; }
.lpsJoinButton:hover { color:#F4D242; background:transparent; border:4px solid #fff; box-shadow:0 0 12px 1px rgb(255 212 0 / 40%), 0 0 6px rgb(255 212 0 / 70%), 0 0 6px rgb(255 212 0 / 70%); }

.lpsJoinButton .joinText { display:inline-block;  }
.lpsJoinButton .joiningInText { display:none;  }

.lpsJoinButton.joiningIn { pointer-events:none; }
.lpsJoinButton.joiningIn .joinText { display:none; }
.lpsJoinButton.joiningIn .joiningInText { display:inline-block; }

.lpsInPageBigRedeemButton { display:inline-block; width:auto; margin:0 auto; margin-top:10px; margin-bottom:10px; border-radius:30px; box-sizing:border-box; padding:10px; text-align:center; font-size: 22px;  }
.lpsInPageBigRedeemButton { color:#F4D242; background:transparent; border:2px solid #ffd400; }
.lpsInPageBigRedeemButton i { vertical-align: baseline; }
.lpsInPageBigRedeemButton:hover { color:#F4D242; background:transparent; border:2px solid #fff; box-shadow:0 0 12px 1px rgb(255 212 0 / 40%), 0 0 6px rgb(255 212 0 / 70%), 0 0 6px rgb(255 212 0 / 70%); }


/***************************** calendar box/icon (the calendar icon used on events) ***********************************/		
.calendarBox { width:48px; height:48px; text-align:center; border:none; background:#b70000; overflow:hidden; border-radius: 11px; }	
.calendarMonth { height:20px; line-height:20px; background:transparent; color:#fff; font-size:12px; font-weight:bold; overflow:hidden; }
.calendarDay { height:28px; line-height:28px; color:#000; background:#f6f6f6; font-size:20px; }

.widget .calendarBox { width:40px; height:40px; }	
.widget .calendarMonth { height:18px; line-height:18px; font-size:11px; }
.widget .calendarDay { height:22px; line-height:22px; font-size:18px; }

/***************************** item list ***********************************/
/*
NOTES:
- These rules apply to all content lists (video lists, news lists, event lists, etc.) 
There are generic base rules and then "modification" rules that are tweaked for specific lists. 
For example, the generic rules apply for video/channel lists and there are modification rules for
news lists, event lists, gallery etc.
*/
.itemListWrapper { display:block; width:100%; margin:0 auto; clear:both; }
.itemList { padding:10px; }
.itemList.noPadding { padding:0; }
.itemList .item { display:inline-block; box-sizing:border-box; overflow:hidden; text-align:left; vertical-align:top;
	/*border:1px solid #233350;*/
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.1);
	box-shadow:         0px 0px 3px rgba(0,0,0,0.1);
}
.itemList .item:hover {
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 10px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 10px rgba(0,0,0,0.3);
}
.desktop .itemList .item,
.desktop .itemList .item:hover {
	/* only animate on desktop */
	-webkit-transition: all .2s ease;
	-moz-transition: 	all .2s ease;
	-ms-transition: 	all .2s ease;
	-o-transition: 		all .2s ease;
	transition: 		all .2s ease;
}

	.itemList .item .calendarBox { float:left; margin-right:15px;  }
	.itemList .item .image { width:100%; height: auto; position:relative; background-color:#000; background-color:rgba(0,0,0,0.05); font-size:0; border-radius:8px; overflow:hidden; }
	.itemList .item.category .image { border-radius:100px; }
	.itemList .item .image .playOverlay  { display:none; }
	.itemList .item .image a:hover .playOverlay /* play icon */ { display:block; position:absolute; padding:0; height:70px; width:70px; font-size:70px; left:50%; margin-left:-35px; top:50%; margin-top:-35px; color:#fff; text-shadow: 0 0 8px rgba(0,0,0,0.4); text-decoration:none; z-index:2; }
	.itemList .item .image img { width:100%; height:auto;  }
	.itemList .item .image .removeItemButton { display:block; width:30px; height:30px; line-height:30px; border-bottom-left-radius:12px; position:absolute; z-index:2; top:0; right:0; text-align:center; background:#c22; color:#fff; font-size:18px; text-decoration:none; }
	.itemList .item .image .removeItemButton:hover { background:#e22; padding:3px; color:#fff; }
	.itemList .item .image .infoOverlay { position:absolute; bottom:4px; right:4px; padding:2px; background:#000; background:rgba(0,0,0,0.75); color:#fff; font-size:11px; white-space:nowrap; z-index:2; }
	.itemList .item .image .infoOverlay .duration,
	.itemList .item .image .infoOverlay .stickers { display:inline; height:12px; line-height:11px; overflow:hidden; margin-right:2px; }
	.itemList .item .image .infoOverlay .duration { margin-left:2px; }
	.itemList .item .image .infoOverlay .stickers > div { display:inline-block; width:11px; height:12px; margin-left:3px; }
	.itemList .item .image .infoOverlay .stickers i /* sticker icon */{ font-size:12px; }

		/* zoom in effect on thumbs */
		.itemList .item .image a:hover img,
		.itemList .item.category a:hover .image img
		 { transform:scale(1.1,1.1); }
		.itemList .item .image a img,
		.itemList .item.category a .image img 
		{ transition: transform 0.4s; }
		.itemList .item[data-has-preview="1"] .image a:hover img { transform:none; }

	.itemList .item .stickers.outside > div { display:inline-block; width:11px; height:12px; margin-left:3px; }
	.itemList .item .stickers.outside i /* sticker icon */{ font-size:12px; }
	.itemList .item .title { padding:5px; /*font-size:15px; */ }
	.itemList .item .dim { font-size:11px; }
	.itemList .item .itemInfo { padding-bottom:5px; padding-left:5px; }
	.itemList .item .itemInfo > div { margin-bottom:3px; }
	.itemList .item .description { padding-left:5px; padding-right:5px; font-size:12px; line-height:1.5; text-align:justify; margin-bottom:5px; }
	.itemList .item .dateStatus { float:right; display:block; padding:2px; padding-left:4px; padding-right:4px; font-size:11px; margin-top:0px; font-weight:bold;
		-moz-border-radius:    10px; 
		-webkit-border-radius: 10px; 
		border-radius:         10px;
	 }
	.itemList .itemInfo .date,
	.itemList .itemInfo .views { display:inline-block; margin-right:5px; }
	.itemList .item .date.dateIcon:before,
	.itemList .item .time.timeIcon:before,
	.itemList .item .views.viewsIcon:before { /* requires icomoon */ font-size:12px; margin-right:5px; }
	.itemList .item .date.dateIcon:before { content:"\e916"; } /* requires icomoon (icon-date_range) */
	.itemList .item .time.timeIcon:before { content:"\e8b5"; margin-left:5px; } /* requires icomoon (icon-schedule) */
	.itemList .item .views.viewsIcon:before { content:"\e8f4"; } /* requires icomoon (icon-visibility) */
	.itemList .item .dateStatus.ongoing { background:#ff5959; color:#fff;  }
	.itemList .item .dateStatus.upcoming { background:#46bb80; color:#fff;  }
	.itemList .item .user { display:none; }
	
	.itemList .item .past .time { display:none; }
	
	.itemList .item .categories { padding-left:5px; padding-right:5px; font-size:1px; line-height:1px; text-align:justify; }
	.itemList .item .categories li { display:inline-block; margin-right:5px; margin-bottom:5px; font-size:12px; line-height:12px; text-align:left; }
	.itemList .item .categories li:after { content:", "; }
	.itemList .item .categories li:last-child:after { content:""; } 
	/* example of how to colorize the categories */
	/*
	.itemList .item .categories li { padding:3px; }
	.itemList .item .categories li a { color:#fff; text-decoration:none; }
	.itemList .item .categories li.category { background:#888; border-radius:6px; comment:"black"; } 
	.itemList .item .categories li.category:hover { background:#000; }
	.itemList .item .categories li.category1 { background:#5677fc; coment:"material blue"; }
	.itemList .item .categories li.category5 { background:#673ab7; comment:"material purple"; }
	.itemList .item .categories li.category7 { background:#e51c23; comment:"material red"; }
	.itemList .item .categories li.category76 { background:#259b24; comment:"material green"; }
	*/

/* view mode: generic list (default is grid) */
.genericList .itemList .item { width:31.3%; margin-right:1.5%; margin-left:0.5%; margin-bottom:30px; } /* 3 columns */
.genericList .itemList .image { width:100%; margin-bottom:10px; }
.newsListMod .itemList .item,
.eventListMod .itemList .item { width:48%; margin-right:1.5%; margin-left:0.5%; margin-bottom:30px; } /* 2 columns */
.newsListMod .itemList .image { width:50%; float:left; margin-right:15px;  }
.newsListMod .itemList .title { padding-top:0;  }
.eventListMod .itemList .item.ongoing { border: 2px solid #ff5959; }
.eventListMod .itemList .item.upcoming { border: 2px solid #46bb80; }
.eventListMod .itemList .calendarBox { margin-left:5px; margin-top:5px; margin-bottom:5px;}
.eventListMod .itemList .dateStatus { margin-right:5px; margin-top:5px; }
.eventListMod .itemList .itemInfo { clear:left; }
.eventListMod .itemList .image { display:none; }

.subcategoryListMod .itemList .item { width:18%; margin-right:1.5%; margin-left:0.5%; text-align:center; } /* 5 columns */
.subcategoryListMod .itemList .item .image { width:100%; float:none; height:115px; overflow:hidden; }
.subcategoryListMod .itemList .item .image img { width:auto; min-height:100px; height:100%; }

.categoryListMod .itemList .item  { width:48%; margin-right:1.5%; margin-left:0.5%; margin-bottom:30px; } /* 2 columns */
.categoryListMod .itemList .item .image { width:100px; height:100px; overflow:hidden; float:left; }
.categoryListMod .itemList .item .image img { width:auto; height:100%; min-height:110px; }
.categoryListMod .itemList .item .title { padding-top:0; }
.categoryListMod .itemList .item .text { margin-left:110px; }

/* item sizes: video browser */
.videoBrowser .itemList .item { width:31.3%; margin-right:1.5%; margin-left:0.5%; margin-bottom:30px;} /* 3 columns */

/* item sizes: widgets */
.widget .itemList { padding:0; }
.widget .itemList .item,
.widget .itemList .item:hover { width:100%; margin-right:0; margin-bottom:10px; padding-bottom:10px; text-align:left; border-bottom:1px solid #233350; box-shadow:none; }
.widget .widgetMoreResults { display:block; text-align:right; font-weight:bold; border-top:1px solid #233350; padding-top:10px; }
.widget .itemList > .item:last-child { border:none; margin-bottom:0; }
.widget .itemList .item .image { width:40%; float:left; margin-right:15px; border-radius:8px; overflow:hidden; }
.widget .itemList .item.category .image { border-radius:100px; }
.widget .itemList .item .text { margin-left: 133px; }
.widget .itemList .item.event .text { margin-left: 57px; }


.programGuide .widget .itemList .item .image { width:120px; }
.programGuide .widget .itemList .item .text  { margin-left:135px; }
.programGuide .widget .itemList .item .startTime { float:right; font-weight:bold; padding-left:10px; padding-bottom:5px; }
.programGuide .widget .itemList .item .description { font-size:11px; }
.widget .itemList .item .title { padding-left:0; padding-top:0; }
.widget .itemList .item .title { /*overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/ } /* in case only want a single-line title */
.widget .itemList .item .stickers.outside { float:right; margin-top:0; margin-right:10px; }
.widget .itemList .item .stickers.outside > div { display:block; height:14px;  }
.widget .itemList .item .itemInfo { padding-left:0;}
.widget .itemList .item.category { margin-bottom:5px; }
.widget .itemList .item.category .image { background:none; width:50px; min-height:50px; overflow:hidden; }
.widget .itemList .item.category .image img { width:100%; height:auto; min-height:50px;  }
.widget .itemList .item.category .title { line-height:50px; padding:0; }

.widget .itemList .item.category { margin-bottom:5px; }
.widget .itemList .item.category .image { width:50px; height:50px; overflow:hidden; margin-right:15px; overflow:hidden; }
.widget .itemList .item.category .image img { width:auto; height:50px; }
.widget .itemList .item.category { line-height:50px; padding:0; font-weight:bold;  }
.widget .itemList > li:last-child .item { border:0; margin-bottom:0;  }

/* v6000pf9 */
.widget .itemList .item.user .image { display:inline-block; box-sizing:border-box; vertical-align:middle; float:none; border-radius:100%; overflow:hidden; width:35%; border:3px solid #821D45; }
.widget .itemList .item.user .text { display:inline-block; box-sizing:border-box; vertical-align:middle; float:none; margin-left:0px; max-width:59%; }

.body_widget .itemList .item.user .image { box-sizing:border-box; text-align:center; border-radius:100%; border:3px solid #821D45; }
.body_widget .itemList .item.user .text { text-align:center; }

.body_widget .itemList .item.user:not(.withLongBio) { width:19.5%; text-align:center; }
.body_widget .itemList .item.user:not(.withLongBio) .image { display:inline-block; width:80%; }

.body_widget .itemList .item.user.withLongBio { display:block; margin:0; margin-bottom:20px; }
.body_widget .itemList .item.user.withLongBio .imageAndShortBio { display:inline-block; box-sizing:border-box; vertical-align:middle; width:25%; padding-right:10px; font-size:13px; text-align:center; }
.body_widget .itemList .item.user.withLongBio .imageAndShortBio .image { display:inline-block; width:55%; }
.body_widget .itemList .item.user.withLongBio .imageAndShortBio .ShortBio { margin-top:5px; }
.body_widget .itemList .item.user.withLongBio .longBio { display:inline-block; box-sizing:border-box; vertical-align:middle; width:74%; text-align:justify; font-size:14px; }


/* related list ... (2 columns) */
.relatedList { padding:0; }
.relatedList .item,
.relatedList .item:hover
{ width:49%; margin-left:0.5%; margin-right:0.5%; margin-bottom:10px; text-align:left; border:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.relatedList .item .title { padding-left:0; }
.relatedList.fileList .item .title,
.relatedList.eventList .item .title { padding:0; }
.relatedList .item .image { width:45%; float:left; margin-right:15px; }
.relatedList .item .icon { width:auto%; float:left; margin-right:15px; }
.relatedList .item .icon a { display:block; }
.relatedList .item .dateStatus { float:none; display:inline-block; }

/* more items ... */
.itemList .item.more  { width:99%; vertical-align:bottom; padding:10px; padding-top:10px; padding-bottom:20px; text-align:right;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.itemList .item.more a { font-weight:bold; }
.readMore { display:block; font-weight:bold;  }
.widget .itemList .item.more  { width:100%; vertical-align:bottom; padding:0; text-align:right; }

/* LPS icon (ex-featured) */
.stickerFeatured i { color:#F4D242; }

/***************************** In-Subtitles Search ***********************************/
.videoResults.sSearch { background-color:/*#0A214D*/ #041636; border:2px solid /*#224A79*/ #25334e; border-radius:10px; padding-left:10px; padding-right:10px; margin-bottom:10px; }
.videoResults.sSearch.paginatedResults { padding-top:20px; }
.videoResults.sSearch .sectionTitle { margin-left:-12px; margin-top:-18px; background:/*#244b78*/ #25334e; display:inline-block; padding:10px; border-radius:14px; margin-bottom:10px; }
.sSearchLegend {}
.videoResults.sSearch .itemList .viewMatchesButton { width:100%; border:2px solid /*#254B74*/ #25334e; border-radius:12px; display:block; box-sizing:border-box; text-align:center; margin:5px; margin-left:0; margin-right:0; }
.videoResults.sSearch .itemList .viewMatchesButton i { font-size:14px; vertical-align: baseline; }
.videoResults.sSearch .itemList .item.more { padding-bottom:10px; margin-bottom:10px; }

.sSearchClipMatches .popupWrapper { overflow-y:auto; }
.sSearchClipMatches .popupSSearchWrapper { padding:0; margin:0; padding-bottom:10px; }
.sSearchClipMatches .popupHeaderInfo { position:fixed; box-sizing:border-box; width:100%; padding:10px; /*background:rgba(20,36,68,0.5); backdrop-filter:blur(6px);*/ background: #24334f; box-shadow:0 10px 20px rgba(0,0,0,0.2); }
.sSearchClipMatches .popupHeaderImage { float:left; margin-right:5px; }
.sSearchClipMatches .popupHeaderImage img { width:auto; height:50px; border-radius:8px; }
.sSearchClipMatches .popupHeaderTitle { font-size:16px; font-weight:bold; color:#fff; }
.sSearchClipMatches .pagingWrapper { padding-top:10px; }

.sSearchClipMatchesTable { clear:left; display:block; padding-top:70px; }
.sSearchClipMatchesTable td { padding:7px; vertical-align:top; line-height:24px; }
.sSearchClipMatchesTable td.time { width:12%; text-align:right; border-right:1px solid #24334F; }
.sSearchClipMatchesTable td.content { width:88%; text-align:left; }
.sSearchClipMatchesTable thead td { color:#fff; }
.sSearchClipMatchesTable tbody tr:hover td { background:#122446; }
.sSearchClipMatchesTable tbody td a { color:#BFC4CC; }
.sSearchClipMatchesTable tbody tr:hover td a { color:#fff; }
.sSearchClipMatchesTable td.content .hlTerm { display:inline-block; vertical-align:baseline; /*background:#FF1D7E; background:#244b78; color:#fff;*/ color:#adfbcd; }
.sSearchClipMatchesTable tbody tr:hover td a:hover { color:#45a1ff; }
/*.sSearchClipMatchesTable tbody tr:hover td a:hover .hlTerm { color:#45a1ff;  }*/
.sSearchClipMatchesTable tbody td.time a { font-family: monospace; font-size:14px; }


/***************************** simple item list (used for short text lists like short news/event lists) ***********************************/
.simpleItemListWrapper { display:block; width:100%; margin:0 auto;}
.simpleItemList { padding:10px; }
.simpleItemList.noPadding { padding:0; }
.simpleItemList .item { display:inline-block; box-sizing:border-box; overflow:hidden; text-align:left; vertical-align:top; }
.desktop .simpleItemList .item,
.desktop .simpleItemList .item:hover {
	/* only animate on desktop */
	-webkit-transition: all .2s ease;
	-moz-transition: 	all .2s ease;
	-ms-transition: 	all .2s ease;
	-o-transition: 		all .2s ease;
	transition: 		all .2s ease;
}

	.simpleItemList .item .title { padding-top:5px; /*font-size:15px; */ }
	.simpleItemList .item .dim { font-size:11px; }
	.simpleItemList .item .itemInfo { padding-top:5px; padding-right:0; margin-top:2px; display:flex; }
	.simpleItemList .item .dateStatus { display:inline-block; text-align:center;  padding:2px; padding-left:4px; padding-right:4px; font-size:11px; margin-top:0px; margin-bottom:5px; font-weight:bold;
		-moz-border-radius:    10px; 
		-webkit-border-radius: 10px; 
		border-radius:         10px;
	 }
	.simpleItemList .item .dateStatus.ongoing { background:#ff5959; color:#fff;  }
	.simpleItemList .item .dateStatus.upcoming { background:#46bb80; color:#fff;  }

/* view mode: generic list (default is grid) */
.genericList .simpleItemList .item { width:48%; margin-right:1.5%; margin-left:0.5%; margin-bottom:10px; } /* 2 columns */
.genericList .simpleItemList .text { display:flex; flex-direction: column; }
.genericList .simpleItemList .title { order:1; }
.genericList .simpleItemList .itemInfo { order:2; }

/* more items... */
.simpleItemList .item.more a { font-weight:bold; }
.simpleItemList .item.more  { width:99%; vertical-align:bottom; padding:10px; padding-top:20px; padding-bottom:20px; text-align:right; }
.simpleItemList.noPadding .item.more  { padding:0; padding-top:10px; padding-bottom:20px; }

/***************************** tag list (tag cloud widget) ***********************************/
.widget .tagList { text-align:left; }
.widget .tagList .tag { display:block; float:left; height:25px; line-height:25px; margin:1px; margin-right:5px; margin-left:0; }
.widget .tagList .tag a { display:inline-block; /*border:1px solid;*/ padding-right:4px; padding-left:4px; width:auto; max-width:250px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; 
	-moz-border-radius:    5px; 
	-webkit-border-radius: 5px; 
	border-radius:         5px;
}
.widget .tagList .tag.style1 a { opacity:1; font-size:115%; }
.widget .tagList .tag.style2 a { opacity:0.75; font-size:90%; }
.widget .tagList .tag.style3 a { opacity:0.9; font-size:110% }
.widget .tagList .tag.style4 a { opacity:0.8;  font-size:95%; }
.widget .tagList .tag.style5 a { opacity:0.85; font-size:100%; }
.widget .tagList .tag.style6 a { opacity:0.95; font-size:105%; }
.widget .tagList .tag a:hover { opacity:1; text-decoration:none; background:#45a1ff; color:#fff; }

/***************************** advanced portal / Slick carousel (v5700pf1) ***********************************/
.body_widget .widgetContent { margin-top:0; }
.body_widget .widgetMoreResults { display:block; font-weight:bold; text-align:right; }
/*.body_widget .item.category a { display:block; font-weight:bold; padding-bottom:5px; }*/
.slick-track { margin:0; } 
.slick-list { cursor: grab; }
.slick-slider { padding:0; padding-right: 20px; padding-left: 20px; } 
.slick-slide { margin: 10px; margin-left: 5px; margin-right: 5px; }
/*.slick-slide .image { display:block !important; }*/
.slick-arrow { backgroundz:#000; top:50%; width:40px; height:40px; border-radius:30px; }
.slick-arrow:before { color:rgba(255,255,255,0.9); text-shadow: 0 0 10px rgb(0 0 0 / 25%), 1px 0px 1px rgb(0 0 0 / 15%); font-size:30px; opacity:1;  }
.slick-arrow:hover:before { color:rgba(255,255,255,1); text-shadow: 0 0 14px rgb(0 0 0 / 50%), 1px 0px 2px rgb(0 0 0 / 20%);  }
.slick-arrow:hover {  }
.slick-arrow.slick-disabled { opacity:0.2; }
.slick-prev,
.slick-next {  }
.slick-prev { left: -10px; z-index: 2;  }
.slick-prev:before { vertical-align: middle; /*content: "\e314";*/ }
.slick-next { right: -10px; z-index: 2; }
.slick-next:before { vertical-align: middle; /*content: "\e315";*/ }

.slickV2Style .slick-arrow:before { text-shadow: 0 0 5px rgb(0 0 0 / 60%); /* requires icomoon */ font-size:40px; opacity:1;  }
.slickV2Style .slick-arrow:hover { background: rgba(0,0,0,0.3); }
.slickV2Style .slick-prev:before { content: "\e314"; }
.slickV2Style .slick-next:before { content: "\e315"; }

/***************************** XConnect ***********************************/
.xconnect_connection_list_wrapper { border:1px solid #233350; border-radius:10px; }
.xconnect_connection_list_wrapper li { display:block; padding:30px; position:relative; border-bottom:1px solid #233350; }
.xconnect_connection_list_wrapper li:last-child { border:none; }
.xconnect_connection_list_wrapper table { width:100%; }
.xconnect_connection_list_wrapper table td { vertical-align:middle; }
.xconnect_connection_list_wrapper table td:first-child { width:170px; }
.xconnect_connection_list_wrapper table td:last-child { width:170px; text-align:right; }
.xconnect_connection_list_wrapper table td.xconnect_platFormConnectionForm .xconnect_platform_logo { display:none; }
.xconnect_connection_list_wrapper table td.xconnect_platFormConnectionForm table td { text-align:left }
.xconnect_connection_list_wrapper table td.xconnect_platFormConnectionForm table { width:100%; }
.xconnect_connection_list_wrapper table td.xconnect_platFormConnectionForm table label { display:block; width:55%; }
.xconnect_connection_list_wrapper table td.xconnect_platFormConnectionForm table input { display:block; width:99%; height:26px; line-height:26px; padding-left:10px; padding-right:10px; box-sizing:border-box; background:#031637; color:#fff; border:1px solid #233350; border-radius: 20px; margin-top:5px; margin-bottom:10px; }
.xconnect_connection_list_wrapper table td.xconnect_platFormConnectionForm table input:hover { border-color:#535861; }
.xconnect_connection_list_wrapper table td.xconnect_platFormConnectionForm table input:focus { border-color:#fff; }
.xconnect_connection_list_wrapper table td.xconnect_platFormConnectionForm table input.error { border-color:#ff4545; }
.xconnect_connection_list_wrapper table td.xconnect_platFormConnectionForm .apiDataTextLabel { display:inline-block; min-width:80px; font-size:14px; line-height:24px; vertical-align:middle; color:#7085a9; }
.xconnect_connection_list_wrapper table td.xconnect_platFormConnectionForm .apiDataTextField { display:inline-block; min-width:120px; font-size:14px; line-height:24px; vertical-align:middle; font-family:Monospace; color:#9ee39e; }
.xconnect_connection_list_wrapper table td.xconnect_platFormConnectionForm .apiDataTextField.revealedData { width:80%; word-break: break-all; }
.xconnect_connection_list_wrapper table td.xconnect_platFormConnectionForm .oauthAPIConnectionLegend { font-size: 14px; line-height: 24px; vertical-align: middle; color: #7085a9; font-style:italic; }
.xconnect_connection_list_wrapper table td.xconnect_platFormConnectionForm .oauthAPIConnectionLegend strong { vertical-align:baseline; }
.xconnect_connection_list_wrapper table td.xconnect_platFormConnectionForm .importedEvents { font-size:14px; padding-bottom: 5px; }
.xconnect_connection_list_wrapper table td.xconnect_platFormConnectionForm .lastPullDate { font-size:14px; color:#b27abb; }
.xconnect_platform_logo { overflow:hidden; border-radius:10px; width:132px; }
.xconnect_platform_logo.zoom { }
.xconnect_platform_logo.gotowebinar {}
.xconnect_platform_logo.on24 {}
.xconnect_platform_logo.goldcast {}
.xconnect_connect_button,
.xconnect_connected_indicator
{ display:inline-block; box-sizing:border-box; line-height:40px; height:40px; width:150px; padding-left:10px; padding-right:10px; text-align:center; border-radius:20px; }
.xconnect_connect_button { border:2px solid #233350; line-height:38px; }
.xconnect_connected_indicator { color:#000; background:#61FF91; }
.xconnect_disconnect_button { display:inline-block; height:30px; width:150px; text-align:center; color:#BFC4CC; margin-top:10px; }

.xconnect_event_description { }
.xconnect_calendar_and_link_box { display:block; background:#112549/*#0d2042*/; padding:10px; padding-top:5px; padding-bottom:5px; border:none /*1px dashed #233350*/; border-radius:10px; margin:0; margin-bottom:10px; }
.xconnect_join_url { padding:5px; padding-left:0; padding-right:0; }
.xconnect_add_to_calendar { padding:5px; padding-left:0; padding-right:0; }
.xconnect_add_to_calendar ul { display:inline-block; margin:0 !important; vertical-align: bottom; }
.xconnect_add_to_calendar li { display:inline-block; margin:0 !important; padding-left:5px !important; padding-right:5px !important; border-right:1px solid #233350; }
.xconnect_add_to_calendar li:last-child { border:none; }
.xconnect_join_url i,
.xconnect_add_to_calendar i
{ vertical-align:text-top; font-size:18px; color:#88c3a0; }

.xconnect_page {} 
.xconnect_page_title_below_image .pageHeading .image { margin-bottom:0; }
.xconnect_page_title_below_image .mainHeading .title { font-size:26px; margin-bottom:5px; }
.xconnect_page_title_below_image .mainHeading .publishInfo .by { margin-bottom:10px; }

#kModal.alert .modalBody ,
#kModal.confirm .modalBody { font-size:15px !important; }

.xConnectModalPageBody { padding:10px; font-size:16px; }
.xConnectModalPageBody h2 { font-size:24px; }
.xConnectModalPageBody table { width:100%; }
.xConnectModalPageBody thead td { padding:8px; color:#fff; border-bottom:2px solid #384867 }
.xConnectModalPageBody thead td.th_date     { width:80px; }
.xConnectModalPageBody thead td.th_status   { width:80px; }
.xConnectModalPageBody thead td.th_lastupdt { width:100px; }
.xConnectModalPageBody thead td.th_actions  { width:20px; }
.xConnectModalPageBody tbody td { padding:8px; border-bottom:1px solid #313f5b; }
.xConnectModalPageBody tbody tr:last-child td { border-bottom:none; }
.xConnectModalPageBody tbody td:first-child { padding-top:8px; }
.xConnectModalPageBody .myEvents .date,
.xConnectModalPageBody .myEvents .status { font-size:14px; white-space:nowrap; }
.xConnectModalPageBody .myEvents .status { white-space:normal; }
.xConnectModalPageBody .myEvents .date .time { color:#70809f; }
.xConnectModalPageBody .myEvents .status.approved { color:#74c974; }
.xConnectModalPageBody .myEvents .status.disapproved { color:#ef4c4c; }
.xConnectModalPageBody .myEvents .status.pending { color:#efa96a; }
.xConnectModalPageBody .myEvents .title { font-size:16px; color:#8b9dbf; }
.xConnectModalPageBody .myEvents .title .status { display:none; }
.xConnectModalPageBody .myEvents .title i { vertical-align:baseline; color:#45a1ff; }
.xConnectModalPageBody .myEvents .editButton.disabled { opacity:0.15; pointer-events:none; }
/*.xConnectModalPageBody .myEvents .title a { color:#fff; }
.xConnectModalPageBody .myEvents .title a:hover { color:#45a1ff; }*/
.xConnectModalPageBody .myEvents form { display:block; border:1px solid #384867; background:#384867; margin:5px; margin-left:0; margin-right:0; padding:5px; border-radius:6px; }
.xConnectModalPageBody .myEvents form label { display:block; margin-top:4px; margin-bottom:2px; font-size:13px; }
.xConnectModalPageBody .myEvents form input { box-sizing:border-box; margin-bottom:4px; width:100%; padding:4px; padding-top:0; padding-bottom:0; border:none; background:#233350; height:24px; line-height:24px; color:#fff; border-radius:6px; }
.xConnectModalPageBody .myEvents .saveCancelButtons a { display:inline-block; padding:10px; padding-top:3px; padding-bottom:3px;}
.xConnectModalPageBody .myEvents .saveCancelButtons a:first-child { border-right:1px solid #5a6b8d; }


@media screen and (max-width:800px) 
{
	.xconnect_connection_list_wrapper li { padding:10px; }
	.xconnect_platform_logo { width:100px; border-radius:5px; }
	.xconnect_connection_list_wrapper table td:first-child { width:120px; }
	.xconnect_connection_list_wrapper table td:last-child { width:120px; }
	.xconnect_connect_button,
	.xconnect_connected_indicator
	{ line-height:30px; height:30px; width:110px; padding-left:5px; padding-right:5px; font-size:14px; border-radius:20px; }
	.xconnect_connect_button { line-height:27px; }
	.xconnect_disconnect_button { height:30px; width:110px; font-size:14px; }
}
@media screen and (max-width:600px) 
{
	.xconnect_connection_list_wrapper li { padding:5px; }
	.xconnect_connection_list_wrapper table td.xconnect_platFormConnectionForm .xconnect_platform_logo { display:block; margin-top:5px; margin-bottom:8px; }
	.xconnect_platform_logo { width:80px; border-radius:5px; }
	.xconnect_connection_list_wrapper table td:first-child { width:1px; }
	.xconnect_connection_list_wrapper table td:first-child .xconnect_platform_logo { display:none; }
	.xconnect_connection_list_wrapper table td:last-child { width:70px;  }
	.xconnect_connect_button,
	.xconnect_connected_indicator
	{ line-height:30px; height:30px; width:70px; padding-left:5px; padding-right:5px; font-size:12px; border-radius:20px; }
	.xconnect_connect_button { line-height:27px; }
	.xconnect_disconnect_button { height:30px; width:70px; font-size:12px; }
	
	.xConnectModalPageBody h2 { font-size:18px; }
	.xConnectModalPageBody thead td               { padding:4px; }
	.xConnectModalPageBody thead td.th_date       { width:40px; }
	.xConnectModalPageBody thead td.th_status     { display:none; }
	.xConnectModalPageBody thead td.th_lastupdt   { display:none; }
	.xConnectModalPageBody thead td.th_actions    { width:20px; }
	.xConnectModalPageBody .myEvents .title .status { display:block; margin-top:8px; margin-bottom:8px; }
	.xConnectModalPageBody tbody td               { padding-left:4px; padding-right:4px; }
	.xConnectModalPageBody .myEvents .date        { font-size:12px; }
	.xConnectModalPageBody .myEvents .title       { font-size:15px; }
	.xConnectModalPageBody tbody td.status        { display:none; }
	.xConnectModalPageBody tbody td.date.lastupdt { display:none; }
	.xConnectModalPageBody .myEvents form input   { font-size:13px; }
	
}


/*****************************************************************************/
/***************************** footer ***********************************/
/*****************************************************************************/
.footerWrapper { width:100%; margin: 0 auto; box-sizing:border-box; background:#031637; clear:left; margin-top:20px; border-top:2px solid #233350;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.1);
	box-shadow:         0px 0px 3px rgba(0,0,0,0.1);
}
.footer { width:100%; margin:0 auto; text-align:center; box-sizing:border-box; padding:10px; }

.followUsButtons { display:block; width:100%; list-style:none; text-align:center; margin:0; margin-top:30px; padding:0; }
.followUsButtons li { display:inline-block; margin-left:5px; margin-right:5px; }
.followUsButtons a { display:block; width:20px; height:20px; }

.footerLogo { display:block; margin: auto; margin-top:40px; max-width: 140px; }
.footerLogo .logo { max-width:120px; }

.footerMenu { display:block; width:100%; list-style:none; text-align:center; margin:0; margin-top:40px; margin-bottom:40px; padding:0; }
.footerMenu li a { font-weight:bold; }
.footerMenu li { display:inline-block; margin-left:10px; margin-right:10px;  }
.footerMenu li:first-child { border:none; }

.footer .guiLinks { clear:both; text-align:center; line-height:18px; }
.footer .guiLinks a {  font-weight:bold; text-decoration:none; margin-top:40px; margin-bottom:20px; }
.footer .guiLinks span { margin-top:2px;  }
.footer .guiLinks i {  font-size:20px;  }

.desktopModeToggle { display:none; }


/*****************************************************************************/
/***************************** general ***********************************/
/*****************************************************************************/

.itemCategoriesTitle,
.itemChannelsTitle,
.itemNewsTitle, /* v5900 */
.itemTagsTitle { display:block; font-weight:bold; padding-top:10px; padding-bottom:5px; }
.itemCategories,
.itemNews, /* v5900 */
.itemChannels,
.itemTags { display:block; margin-top:5px; }
.itemCategories a,
.itemChannels a,
.itemNews a, /* v5900 */
.itemTags a { font-weight:bold; }
/*.itemChannels li,*/ /* v5900 */
.itemTags li { display:inline; border-left:1px solid #233350; padding-left:5px; padding-right:5px; }
/*.itemChannels li:first-child,*/
.itemTags li:first-child { border-left:0; padding-left:0; }

.prevNextItems { width:100%; }
.prevNextItems a { font-weight:bold; }
.prevNextItems .prevItem { display:inline-block; width:33%; text-align:left; }
.prevNextItems .nextItem { display:inline-block; width:33%; text-align:right; }
.prevNextItems .returnToItemList { display:inline-block; width:33%; text-align:center; }

/* suround categories and tags by space*/
	.itemCategories,
	.itemChannels,
	.itemNews, /* v5900 */
	.itemTags { margin:0; padding:5px; }
	.itemCategories li,
	.itemNews li, /* v5900 */
	.itemChannels li { padding-bottom:10px; }
	
/* solid tags */
	.itemTags li { display:inline-block; border:none; background:#1e4471; margin:0; margin-left:2px; margin-right:2px; height:16px; line-height:16px; vertical-align: middle; font-size:0; padding:3px; padding-left:6px; padding-right:6px; border-radius:6px; } 
	.itemCategories a,
	.itemChannels a,
	.itemTags a { font-size:16px; font-weight:bold; }
	/*.itemChannels li:first-child,*/ /* v5900 */
	.itemTags li:first-child { padding-left:6px; }

/***************************** Scroll to top helper ***********************************/
.scrollToTopHelper { position:absolute; position:fixed; display:block; right:0; bottom:30px; background:#555 !important; background:rgba(0,0,0,0.7) !important; z-index:99; border:1px solid #444;
					-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
					-moz-box-shadow:    0px 0px 10px rgba(0,0,0,0.5);
					box-shadow:         0px 0px 10px rgba(0,0,0,0.5); 
					-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px;
					-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
					}
.scrollToTopHelper:hover { /*background:#222 !important;*/ }
.scrollToTopHelper a { color:#ccc !important; display:block; font-size:30px !important; line-height:30px; padding:10px; text-decoration:none; }
.scrollToTopHelper a:hover { color:#fff !important; }
.withContentEditButton .scrollToTopHelper /* v5800pf3 */ { bottom:45px; }

/***************************** content edit v5800pf3 ***********************************/
.headerContentEditButton { font-size:0; background:#c22; color:#fff; position:fixed; bottom:0; margin:0; margin-bottom:0; right:0; box-shadow:0 0 25px rgba(0,0,0,0.3); z-index:999; width:52px; height:45px; line-height:45px; border-radius:0; border-top-left-radius:5px; }
.headerContentEditButton i { font-size:25px; } /* edit icon */
.headerContentEditButton:hover { background:#f00; color:#fff; text-decoration:none; }
.noFloatingContentEditButton .headerContentEditButton { display:block; float:right; position:relative; margin-top:8px; margin-right:10px; width:30px; height:30px; line-height:30px; font-size:0; background:#c22; color:#fff; border-radius:30px; box-shadow:none; }

/***************************** in page messages ***********************************/
.noscript 						{ color:#000 !important; padding:10px; border: 2px solid; text-align:center; font-weight:bold; background:#ffe1e1 !important; border-color:#ee4848 !important; }
#resultMessage 					{ z-index:1; }
#resultMessage a 				{ vertical-align:baseline; }
#resultMessage .message 		{ color:#000 !important; padding:10px; margin:0px; line-height:20px; border: 2px solid; font-weight:bold !important; }
#resultMessage .msgOK 			{ background:#dbf5db !important; border-color:#50d450 !important; }
#resultMessage .msgOK a			{ color:#22ab22  !important; }
#resultMessage .msgOK a:hover   { text-decoration:underline; }
#resultMessage .msgError		{ background:#ffe1e1 !important; border-color:#ee4848 !important;}
#resultMessage .msgError a       { color:#0089ff; }
#resultMessage .msgError a:hover { text-decoration:underline; }
.iconCloseMsg 					{ float:right; padding:2px; width:16px; height:16px; line-height:16px; font-size:14px; text-align:center; font-weight:bold !important; }
.msgError .iconCloseMsg 		{ color:#d77 !important;  }
.msgError .iconCloseMsg:hover 	{ background:#c44 !important; color:#fff !important; text-decoration:none; }
.msgOK .iconCloseMsg 			{ color:#7c7 !important;  }
.msgOK .iconCloseMsg:hover 		{ background:#4b4 !important; color:#fff !important; text-decoration:none; }
.iconCloseMsg { 
	-moz-border-radius:    5px; 
	-webkit-border-radius: 5px; 
	border-radius:         5px;
}
.iconResultOK,
.iconResultError { /* requires icomoon */ width: 20px; height:20px; font-size:20px; line-height:20px; float:left; margin-right:5px; margin-top:-1px; }
.iconResultOK:before
{
	color:#00c100;

	/* icomoon: icon-check */
	/*content: "\e5ca";*/

	/* icomoon: icon-check_circle*/
    content: "\e86c";
}
.iconResultError:before
{
	color:#ee4848;
	/* icomoon: icon-warning */
	content: "\e002";
}
.banMsg { text-align:center; }
.banMsg * { vertical-align:text-bottom; }

/***************************** buttons ***********************************/
.button	{ display:inline-block; background:#031637; color:#fff; font-weight:bold; box-sizing:border-box; padding-left:7px; padding-right:7px; line-height:28px; height:30px; margin-right:10px; border: 2px solid #233350; border-radius: 20px; }
.formPseudoTable .button,
.formTable .button
{ padding-left:14px; padding-right:14px; line-height:38px; height:40px }
.button:hover { border-color:#5B677D; color:#fff; text-decoration:none; }
.button i /* button icon */{ font-size:22px;}
.button.active { border-color:#5B677D; color:#00BCEB; }
.button.straightRight { border-top-right-radius:0; border-bottom-right-radius:0; }
.button.straightLeft { border-top-left-radius:0; border-bottom-left-radius:0; }

/***************************** view mode: vertical / grid ***********************************/
.VMSelector { display:none; }

/***************************** paging ***********************************/
.pagingContainer { display:block; width:100%; overflow:hidden; }
.pagingWrapper { position:relative; left:50%;  float:left; }
.paging { position:relative; left:-50%; overflow:auto;  float:left; border:1px hidden; }
.pagingWrapper { height:40px; *width:400px; list-style:none; }
.paging li { float:left; margin:0; padding:0; filter:inherit }
.paging a { display:block; background:#031637; color:#fff; text-align:center; float:left; margin-right:5px; width:auto; min-width:10px; padding:10px; padding-top:0; padding-bottom:0; height:30px; line-height:30px; font-weight:bold; border: 2px solid #233350; border-radius: 25px; }
.paging a:hover { border-color:#5B677D; color:#fff; text-decoration:none; }
.paging span { display:block; float:left; margin-right:5px; color:#00BCEB; padding:10px; padding-top:0; padding-bottom:0; height:30px; line-height:30px; font-weight:bold;  }

/***************************** general ***********************************/
.topSpace { margin-top:15px; }
.topSpaceDesktop { margin-top:15px; }
.widget.topSpace { margin-top:0; }
.publishInfo span,
.statsInfo span,
.publishInfo a,
.statsInfo a { vertical-align:baseline;}
.description { max-height:1000000px; /* avoid font boosting*/ }
.autoHeight { height:auto; }
.box { box-sizing:border-box; background:#031637; /*border:1px solid #233350;*/ box-shadow: 0px 0px 3px rgba(0,0,0,0.1); }
.box p img { max-width:100%; height:auto; }
.box > div { margin-left: auto;  margin-right: auto;  }
.box.topPadding { padding-top:10px; }
.box.bottomPadding { padding-bottom:10px; }
.boxTitle { padding:10px; line-height:50px; height:50px; }
.boxTitle h3 { font-size:34px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.sectionTitle { font-size:22px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-top:10px; padding-bottom:10px;}
.padded { padding:10px; }
.paddedLRB { padding:10px; padding-top:0; }
.pageMessage { font-weight:bold; }
.boxContent,
.boxContent p,
.mainText,
.mainText p, 
#clip_data_description,
.mainDescription,
.mainDescription p { line-height:1.3em; text-align: justify; } 
.boxContent p,
.clipDescriptionContent p { margin-bottom: 15px;  }
.mainText ul { margin-bottom:10px; }
.mainText li { list-style:disc; margin-left:20px; }

html:not(.loggedIn) .widget.loggedInReq { display:none; } 
html.loggedIn .widget.loggedOutReq { display:none; } 

/***************************** comments ***********************************/
.FBCommentsWrapper,
.DQCommentsWrapper { padding:10px; }
/*.fb-comments { background:#fff; }*/

/* facebook: responsive */
.fb-comments,
.fb-comments iframe[style],
.fb-comments span,
.fb-comments.fb_iframe_widget span iframe {
   width: 100% !important;
}


/*****************************************************************************/
/***************************** popups ***********************************/
/*****************************************************************************/
html.popup, .popup body { background:#031637; }
.popupWrapper { overflow-y:scroll; height:auto; scrollbar-width: thin; }
.popupCommentsWrapper,
.popupReportWrapper 
{ padding:10px;}
.popupCommentsHeaderInfo,
.popupReportHeaderInfo 
{ min-height:50px; border-bottom:1px solid #233350; margin-bottom:10pox; color:#888; }
.popupCommentsHeaderImage,
.popupReportHeaderImage 
{ float:left; margin-right:5px;}
.popupCommentsHeaderImage img,
.popupReportHeaderImage img 
{ width:auto; height:50px; border-radius: 8px; }
.popupCommentsHeaderSubtitle,
.popupReportHeaderSubtitle 
{ font-size:11px; font-weight:bold; margin-bottom:5px; }
.popupCommentsHeaderTitle,
.popupReportHeaderTitle 
{ font-size:16px; font-weight:bold; color:#fff; }
.popupCommentsContent,
.popupReportContent 
{ padding:10px; }
.popupCommentsContent .formRow .formColumn.label.empty,
.popupReportContent .formRow .formColumn.label.empty { display:inline-block; }


/*****************************************************************************/
/***************************** responsive rules ***********************************/
/*****************************************************************************/
@media screen and (min-width:1180px) 
{
	/* 1180+ screen width */
	/*.headerMenu,
	.headerMenuExtra,*/
	.mainHeadingWrapper.outside .mainHeading,
	.mainHeadingWrapper.outside .channelInfoWrapper,
	.videoPlayerAreaWrapper.outside .videoPlayerArea,
	.imageSliderAreaWrapper.outside .imageSliderArea,
	.pageBodyWrapper,
	.footer
	{ width:1170px; }
	.mainHeadingWrapper.outside { width:1170px; } /* change this width to 100% for full width... */
	.videoPlayerAreaWrapper.outside { width:1170px; } /* change this width to 100% for full width... */
	/*.imageSliderAreaWrapper.outside { width:1170px; } /* change this to 100% for full width... */
	.mainColumn { width:760px; } /* 1170 - 400 -10 sidebar */
	.sideColumn { width:400px; }

	.channelHeading .mainHeading .title,
	.categoryHeading .mainHeading .title { width:60%;}
	.restrictedContentSnippetHeading.inside .mainHeading .title { width:64%; }
	.restrictedContentSnippetHeading.inside .mainHeading .image { width:35%; }

	.genericList .itemList .item {  width:31.3%; margin-right:1.5%; margin-left:0.5%; margin-bottom:30px; } /* 4 columns */
	.videoBrowser .itemList .item { width:31.3%; margin-right:1.5%; margin-left:0.5%; margin-bottom:30px;} /* 4 columns */
	.eventListMod .itemList .item,
	.newsListMod .itemList .item { width:31.3%; margin-right:1.5%; margin-left:0.5%; margin-bottom:30px; } /* 3 columns */
	.subcategoryListMod .itemList .item { width:14.6%; margin-right:1.5%; margin-left:0.5%; } /* 6 columns */
	.subcategoryListMod .itemList .item .image { width:100%; float:none; min-height:100px; }
	.subcategoryListMod .itemList .item .image img { width:auto; min-height:100px; height:100%; }
	.categoryListMod .itemList .item  { width:48%; margin-right:1.5%; margin-left:0.5%; margin-bottom:30px; } /* 2 columns */
	.itemList .item.more  { width:99%; }
	
	.body_widget .itemList .item.user:not(.withLongBio) { width:19.5%; }
	.body_widget .itemList .item.user:not(.withLongBio) .image { width:80%; }

}
@media screen and (max-width: 1180px)
{
	/* v6000pf8 */ 
	.searchFilter { display:inline-block; width:40%; }
	.searchFilters .filterField { max-width:55%}
}
@media screen and (min-width:1500px)
{
	/* 1500+ screen width */ 
    /*.headerMenu,
    .headerMenuExtra,*/
	.directHeaderSearch { width:450px; } 
	.directHeaderSearchField { width:450px; }

    .mainHeadingWrapper.outside .mainHeading,
    .mainHeadingWrapper.outside .channelInfoWrapper,
    .videoPlayerAreaWrapper.outside .videoPlayerArea,
    .imageSliderAreaWrapper.outside .imageSliderArea,
    .pageBodyWrapper,
    .footer
    { width:1490px; }
    .mainHeadingWrapper.outside { width:1490px; } /* change this width to 100% for full width... */
    .videoPlayerAreaWrapper.outside { width:1490px; } /* change this width to 100% for full width... */
    /*.imageSliderAreaWrapper.outside { width:1490px; } /* change this to 100% for full width... */
    .mainColumn { width:1080px; } /* 1490 - 400 -10 sidebar */
	.sideColumn { width:400px; }
	.genericList .itemList .item {  width:18%; margin-right:1.5%; margin-left:0.5%; margin-bottom:30px; } /* 5 columns */
	.videoBrowser .itemList .item { width:19%; margin-right:1.5%; margin-left:0.5%; margin-bottom:30px;} /* 5 columns */
	.eventListMod .itemList .item,
	.newsListMod .itemList .item { width:23%; margin-right:1.5%; margin-left:0.5%; margin-bottom:30px; } /* 4 columns */
	.categoryListMod .itemList .item  { width:48%; margin-right:1.5%; margin-left:0.5%; margin-bottom:30px; } /* 2 columns */

	.body_widget .itemList .item.user:not(.withLongBio) { width:16.4%; }
	.body_widget .itemList .item.user:not(.withLongBio) .image { width:80%; }

	.body_widget .itemList .item.user.withLongBio .imageAndShortBio { width:22%;}
	.body_widget .itemList .item.user.withLongBio .imageAndShortBio .image { width:40%; }
	.body_widget .itemList .item.user.withLongBio .longBio { width:77%; }

	.itemList .item.more  { width:99%; }
}
@media screen and (min-width:1890px)
{
	/* 1900+ screen width */
    /*.headerMenu,
    .headerMenuExtra,*/

	.directHeaderSearch { width:550px; } 
	.directHeaderSearchField { width:550px; }

    .mainHeadingWrapper.outside .mainHeading,
    .mainHeadingWrapper.outside .channelInfoWrapper,
    .videoPlayerAreaWrapper.outside .videoPlayerArea,
    .imageSliderAreaWrapper.outside .imageSliderArea,
    .pageBodyWrapper,
    .footer
    { width:1750px; }
    .mainHeadingWrapper.outside { width:1750px; } /* change this width to 100% for full width... */
    .videoPlayerAreaWrapper.outside { width:1750px; } /* change this width to 100% for full width... */
    /*.imageSliderAreaWrapper.outside { width:1490px; } /* change this to 100% for full width... */
    .mainColumn { width:1340px; } /* 1750px - 400 -10 sidebar */
	.sideColumn { width:400px; }
	.genericList .itemList .item {  width:18%; margin-right:1.5%; margin-left:0.5%; margin-bottom:30px; } /* 5 columns */
	.videoBrowser .itemList .item { width:19%; margin-right:1.5%; margin-left:0.5%; margin-bottom:30px;} /* 5 columns */
	.eventListMod .itemList .item,
	.newsListMod .itemList .item { width:23%; margin-right:1.5%; margin-left:0.5%; margin-bottom:30px; } /* 4 columns */
	.categoryListMod .itemList .item  { width:48%; margin-right:1.5%; margin-left:0.5%; margin-bottom:30px; } /* 2 columns */

	.body_widget .itemList .item.user:not(.withLongBio) { width:14%; }
	.body_widget .itemList .item.user:not(.withLongBio) .image { width:80%; }

	.body_widget .itemList .item.user.withLongBio .imageAndShortBio { width:17%;}
	.body_widget .itemList .item.user.withLongBio .imageAndShortBio .image { width:45%; }
	.body_widget .itemList .item.user.withLongBio .longBio { width:82%; }

	.itemList .item.more  { width:99%; }
}
@media screen and (min-width:961px) and (max-width:1179px)
{
	/* default size ... */
	.directHeaderSearch { display:none; }
	.headerSearch { display:block; }
	
	.body_widget .itemList .item.user:not(.withLongBio) { width:24.5%; }
	.body_widget .itemList .item.user:not(.withLongBio) .image { width:80%; }
}
@media screen and (min-width:761px) and (max-width:960px)
{
	/*.headerMenu,
	.headerMenuExtra,*/
	.directHeaderSearch { display:none; }
	.headerSearch { display:block; }

	.mainHeadingWrapper.outside .mainHeading,
	.mainHeadingWrapper.outside .channelInfoWrapper,
	.videoPlayerAreaWrapper.outside .videoPlayerArea,
	.imageSliderAreaWrapper.outside .imageSliderArea,
	.pageBodyWrapper,
	.footer
	{ width:750px; }
	.mainHeadingWrapper.outside { width:750px; } /* change this width to 100% for full width... */
	.videoPlayerAreaWrapper.outside { width:750px; } /* change this width to 100% for full width... */
	/*.imageSliderAreaWrapper.outside { width:750px; } /* change this width to 100% for full width... */
	.mainColumn { width:420px; } /* 750 - 320 -10 sidebar */
	.sideColumn { width:320px; }

	.channelHeading .mainHeading .title,
	.categoryHeading .mainHeading .title { width:35%;}
	.restrictedContentSnippetHeading .mainHeading .title { width:59%; }
	.restrictedContentSnippetHeading .mainHeading .image { width:40%; }

	.userHeading .mainHeading .image { width:20%; }
	.userHeading .mainHeading .text { width:80%;  } 

	.restrictedContentSnippetHeading.inside .mainHeading .title { width:49%; }
	.restrictedContentSnippetHeading.inside .mainHeading .image { width:50%; vertical-align:top; }
	.restrictedContentSnippetHeading.inside .mainHeading .title .legend { }

	.mainColumn.withRegSection { /*display:flex; flex-direction:column;*/ }
	.mainColumn .mainSection.withRegSection { /*order:2;*/ display:block; clear:both; width:100%; border-right:0; }
	.mainColumn .regSection { /*order:1;*/ display:block; clear:both; width:100%; }
	.loginWithRestrictedContentSnippet .restrictedContentDetails .description { display:none; }
	.loginWithRestrictedContentSnippet .mainSection .box:first-child { border-bottom-right-radius:0; border-bottom-left-radius:0; }
	.loginWithRestrictedContentSnippet .restrictedUserLogin .boxTitle { padding:0; }
	.loginWithRestrictedContentSnippet .userForm { padding-top:0; padding-bottom:0; }
	.loginWithRestrictedContentSnippet .socialLogin { /*margin-top:0;*/ }
	.loginWithRestrictedContentSnippet .boxContent.paddedLRB { padding-bottom:0; }
	.loginWithRestrictedContentSnippet .formPseudoTable { padding:0; }
	.loginWithRestrictedContentSnippet .descriptionFull.padded.topSpace { margin-top:0; border-top-right-radius:0; border-top-left-radius:0; border-top:1px solid rgba(255,255,255,0.1); } 
	.loginWithRestrictedContentSnippet .mainColumn.withRegSection .descriptionFull.padded.topSpace { border-top:none; border-bottom:1px solid rgba(255,255,255,0.1); }

	.clipBasicInfo .publishInfo { height:auto; padding-bottom:5px; }
	.clipBasicInfo .publishInfo div { display:block; border-left:0; padding-left:0; padding-bottom:2px;  }
	.clipBasicInfo .publishInfo,
	.clipBasicInfo .statsInfo { float:none; }
	.clipOptionBt span { display:none; }

	.genericList .itemList .item { width:48%; margin-right:1%; margin-left:1%; margin-bottom:30px;} /* 2 columns */
	.videoBrowser .itemList .item { width:48%; margin-right:1%; margin-left:1%; margin-bottom:30px;} /* 2 columns */
	.newsListMod .itemList .image { width:100%; }
	.eventListMod .itemList .title { clear:left; }

	.body_widget .itemList .item.user:not(.withLongBio) { width:32%; }
	.body_widget .itemList .item.user:not(.withLongBio) .image { width:80%; }

	.subcategoryListMod .itemList .item { width:31%; margin-right:1%; margin-left:1%; } /* 3 columns */
	.subcategoryListMod .itemList .item .image { width:100%; float:none; min-height:100px;}
	.subcategoryListMod .itemList .item .image img { width:auto; height:100%; min-height:100px; }

	.categoryListMod .itemList .item  { width:99%; margin-right:0.5%; margin-left:0.5%; margin-bottom:30px; } /* 2 columns */

	.relatedList .item .image { width:100%; float:none; margin:0; }

	.itemList .item.more  { width:99%; }

	.body_widget .itemList .item.user.withLongBio .imageAndShortBio .image { width:95%; }

	.programGuide .widget .itemList .item .image { width:15%; }
}

@media screen and (max-width:760px)
{
	.mainHeadingWrapper.outside .mainHeading,
	.mainHeadingWrapper.outside .channelInfoWrapper,
	.mainHeadingWrapper.outside,
	.videoPlayerAreaWrapper.outside .videoPlayerArea,
	.videoPlayerAreaWrapper.outside,
	.imageSliderAreaWrapper.outside .imageSliderArea,
	.imageSliderAreaWrapper.outside,
	.pageBodyWrapper,
	.footerWrapper
	{ width:100%; }
	.directHeaderSearch { display:none; }
	.headerSearch { display:block; }
	.headerSearch { /*position:inherit;*/ }
	.headerSearchButtonWrapper.hover .headerSearchBox { box-sizing:border-box; position:absolute; /*width:100%;*/ }
	.headerSearchButtonWrapper.hover .headerSearchBox:after,
	.headerSearchButtonWrapper.hover .headerSearchBox:before { display:none; }
	.headerSearchBox { padding-top:15px; padding-bottom:15px; }
	.headerSearchBox .searchForm { width:99%; padding-top:4px; padding-bottom:4px; }
	.headerSearchBox .searchField { width: 70%; }
	.channelHeading .mainHeading .title,
	.categoryHeading .mainHeading .title { width:50%;}
	.channelHeading .mainHeading .title,
	.categoryHeading .mainHeading .title,
	.clipBasicInfo .title,
	.newsEventHeading .mainHeading .title,
	.userHeading .mainHeading .title,
	.galleryHeading .mainHeading .title,
	.restrictedContentSnippetHeading .mainHeading .title,
	.storeHeading .mainHeading .title,
	.storeLoginHeading .mainHeading .title,
	.storeContainer h2,
	.storeContainer h3,
	.storeContent h2,
	.storeContent h3,
	.boxTitle h3 { font-size:-moz-calc(24px - 4px); font-size:-webkit-calc(24px - 4px); font-size:-o-calc(24px - 4px); font-size: calc(24px - 4px);}
	.sectionTitle { font-size:-moz-calc(22px - 2px); font-size:-webkit-calc(22px - 2px); font-size:-o-calc(22px - 2px); font-size: calc(22px - 2px); }
	.channelHeading .mainHeading .rssFeed,
	.channelHeading .mainHeading .channelInfoToggle span { display:none;}
	.channelHeading .mainHeading .channelInfoToggle i { display:block; margin-top:1px; margin-right:0; margin-left:0; }
	.clipBasicInfo .publishInfo { height:auto; padding-bottom:5px; }
	.clipBasicInfo .publishInfo div { display:block; border-left:0; padding-left:0; padding-bottom:2px;  }
	.clipBasicInfo .publishInfo,
	.clipBasicInfo .statsInfo { float:none; }
	.clipOptionBt span { display:none; }
	.socialWidgets { height:auto; }
	.socialWidgets .socialWidget { height:30px !important; }
	.field { height:30px; line-height:30px; }
	.field.autoHeight { height:auto; }
	.shareEmailFormPage .formTable { width:600px; }
	.shareEmailFormPage .formTable td { width:60%; }
	.shareEmailFormPage .formTable td:first-child { width:20%; white-space:normal; }
	.mainColumn,
	.sideColumn { width:100%; float:none; margin-left:0; margin-right :0; }

	.topSpaceDesktop { margin-top:0; }

	.restrictedContentSnippetHeading { margin-top:40px;}
	.restrictedContentSnippetHeading .mainHeading .title { width:100%; margin-bottom:10px;  }
	.restrictedContentSnippetHeading .mainHeading .title h2 { white-space:normal; overflow:visible; }
	.restrictedContentSnippetHeading .mainHeading .image { width:90%; float:none; display:block; margin:0 auto; text-align:center;  }
	.restrictedContentSnippetHeading .mainHeading .image img { width:100%; margin-top:-20px;
		-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
		-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
		box-shadow:         0px 0px 8px rgba(0,0,0,0.3); 
	 }

	.restrictedContentSnippetHeading.inside { margin-top:20px;}
	.restrictedContentSnippetHeading.inside .mainHeading .title { width:100%; margin-bottom:10px;  }
	.restrictedContentSnippetHeading.inside .mainHeading .title h2 { white-space:normal; overflow:visible; }
	.restrictedContentSnippetHeading.inside .mainHeading .image { width:90%; float:none; display:block; margin:0 auto; text-align:center;  }
	.restrictedContentSnippetHeading.inside .mainHeading .image img { width:100%; margin-top:-20px;
		-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
		-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
		box-shadow:         0px 0px 8px rgba(0,0,0,0.3); 
	 }

	.mainColumn.withRegSection { /*display:flex; flex-direction:column;*/ }
	.mainColumn .mainSection.withRegSection { /*order:2;*/ display:block; clear:both; width:100%; border-right:0; }
	.mainColumn .regSection { /*order:1;*/ display:block; clear:both; width:100%; }
	.loginWithRestrictedContentSnippet .restrictedContentDetails .description { display:none; }
	.loginWithRestrictedContentSnippet .mainSection .box:first-child { border-bottom-right-radius:0; border-bottom-left-radius:0; }
	.loginWithRestrictedContentSnippet .restrictedUserLogin .boxTitle { padding:0; }
	.loginWithRestrictedContentSnippet .userForm { padding-top:0; padding-bottom:0; }
	.loginWithRestrictedContentSnippet .socialLogin { /*margin-top:0;*/ }
	.loginWithRestrictedContentSnippet .boxContent.paddedLRB { padding-bottom:0; }
	.loginWithRestrictedContentSnippet .formPseudoTable { padding:0; }
	.loginWithRestrictedContentSnippet .descriptionFull.padded.topSpace { margin-top:0; border-top-right-radius:0; border-top-left-radius:0; border-top:1px solid rgba(255,255,255,0.1); } 
	.loginWithRestrictedContentSnippet .mainColumn.withRegSection .descriptionFull.padded.topSpace { border-top:none; border-bottom:1px solid rgba(255,255,255,0.1); }

	.userHeading .mainHeading .image { width:20%; }
	.userHeading .mainHeading .text { width:79%;  } 

	.videoBrowser .itemList .item { width:48%; margin-right:1%; margin-left:1%; } /* 2 columns */
	.genericList .itemList .item { width:48%; margin-right:1%; margin-left:1%; } /* 2 columns */
	.newsListMod .itemList .image { width:100%; float:none; }
	.newsListMod .itemList .title { padding-top:5px; }

	.subcategoryListMod .itemList .item { width:31%; margin-right:1%; margin-left:1%; } /* 3 columns */
	.subcategoryListMod .itemList .item .image { width:100%; float:none; height:auto; min-height:100px;}
	.subcategoryListMod .itemList .item .image img { width:auto; height:100%; min-height:100px; }

	.categoryListMod .itemList .item  { width:48%; margin-right:1.5%; margin-left:0.5%; margin-bottom:30px; } /* 2 columns */

	.relatedList .item .image { width:100%; float:none; margin:0; }

	.itemList .item.more  { width:99%; }

	.body_widget .itemList .item.user:not(.withLongBio) { width:32%; }
	.body_widget .itemList .item.user:not(.withLongBio) .image { width:80%; }

	.body_widget .itemList .item.user.withLongBio .imageAndShortBio .image { width:95%; }

	.programGuide .widget .itemList .item .image { width:20%;  }

	.userForm { width:100%; }
	.formRow .formColumn { display:block; padding:2px;  }
	.formRow .formColumn.label { width:100%; box-sizing:border-box; text-align:left; }
	.formRow .formColumn.label.empty { display:none; }
	.formRow .formColumn.input { width:100%; box-sizing:border-box; text-align:left; }
	.formRow .formColumn.input .field { width:85%; }

	.formRow .formColumn .togglePasswordVisibility { margin-left: calc(87% - 86px); }

}

@media screen and (min-width:481px) and (max-width:600px)
{
	.shareEmailFormPage .formTable { width:480px; }
	.shareEmailFormPage .formTable td { width:50%; }
	.shareEmailFormPage .formTable td:first-child { width:20%; white-space:normal; }
}

@media screen and (max-width:480px)
{
	.directHeaderSearch { display:none; }
	.headerSearch { display:block; }

	.userHeading .mainHeading .image { width:20%; }
	.userHeading .mainHeading .text { width:80%;  } 

	.clipOptionBt { margin-right:8px}
	
	.shareEmailFormPage .formTable { width:300px; }
	.shareEmailFormPage .formTable td { width:50%; }
	.shareEmailFormPage .formTable td:first-child { width:40%; white-space:normal; }
	.eventListMod .title { clear:left; }

	.subcategoryListMod .itemList .item { width:48%; margin-right:1%; margin-left:1%; } /* 2 columns */
	.subcategoryListMod .itemList .item .image { width:100%; float:none; min-height:100px;}
	.subcategoryListMod .itemList .item .image img { width:auto; height:100%; min-height:100px; }

	.searchFilter /* v6000pf8 */ { margin-right:10px; }
	.searchFilters .searchInside /* v6000pf8 */ { white-space:normal; height:auto; }

	.programGuide .widget .itemList .item .image { width:30%; }

	.categoryListMod .itemList .item  { width:99%; margin-right:0.5%; margin-left:0.5%; margin-bottom:30px; } /* 1 column */
	
	.itemList .item.more  { width:99%; }

	.body_widget .itemList .item.user:not(.withLongBio) { width:49%; }
	.body_widget .itemList .item.user:not(.withLongBio) .image { width:80%; }

	.popupCommentsContent,
	.popupReportContent,
	.popupWrapper .userForm,
	.popupWrapper .formPseudoTable { padding-left:0; padding-right:0; }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:480px) { 
	/* avoid zooming in focused fields on iPhone */
	select,
	textarea,
	input
	{ font-size: 16px; }
	/*select, textarea, input, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 16px !important; }*/
}


/***************************** Portal, nocarousel, item lists ***********************************/
@media screen and (min-width: 1180px) {
  .portal .nocarousel .genericList .itemList .item,
  .portal .nocarousel .channelList .itemList .item { width:18%; margin-right:1.5%; }
}
@media screen and (min-width: 1890px) {
  .portal .nocarousel .genericList .itemList .item,
  .portal .nocarousel .channelList .itemList .item {width:15%; margin-right:1%; }
}
@media screen and (min-width: 761px) and (max-width: 960px)
{
  .portal .nocarousel .genericList .itemList .item,
  .portal .nocarousel .channelList .itemList .item { width:31%; margin-right:1%; }
}
@media screen and (max-width: 760px) 
{
	.draggable .item .time { display:block;  }
	.draggable .item .time.timeIcon:before { margin-left:0; }
}
/***************************************************************************************************/
/***************************** PiP (Picture-In-Picture) ***********************************/
/***************************************************************************************************/
.videoPlayerArea.pip      { position:fixed; right:20px; z-index:998; box-shadow:0 -8px 40px rgba(0,0,0,0.5);  } 
.videoPlayerContainer.pip { }
.pipTitleBar              { position:fixed; right:20px; bottom:250px; width:320px; height:30px; line-height:30px; box-sizing:border-box; background:#fff; color:#000; z-index:999; /*box-shadow:0 0 8px rgba(0,0,0,0.2);*/ }
.pipTitleBarText          { float:left; padding-left:8px; overflow:hidden; text-overflow:ellipsis; font-size:11px; white-space: nowrap; width:85% }
.pipTitleBarClose,
.pipTitleBarClose:hover   { float:right; display:block; width:30px; height:30px; color:#000; text-align:center; text-decoration:none; }
.videoPlayerArea.pip .storeBanner,
.videoPlayerArea.pip .playerBanner { display:none !important; }

/* YouTube case: v5800pf5 size increase by 12% */
.videoPlayerArea.pip                 { width:358px !important; height:201px !important; bottom:70px; } 
.pipTitleBar                         { width:358px; bottom:271px; }

.withYouTubeVid.playerUIVisible .videoPlayerArea.pip { width:358px !important; height:261px !important; } 
.withYouTubeVid.playerUIVisible .pipTitleBar         { width:358px; bottom:331px; }
@media screen and (min-width:1281px) 
{
	.videoPlayerArea.pip      { bottom:70px ; width:400px !important; height:225px !important; } 
	.pipTitleBar              { bottom:290px; width:400px !important; }	

	.withYouTubeVid.playerUIVisible .videoPlayerArea.pip { width:400px !important; height:285px !important; } 
	.withYouTubeVid.playerUIVisible .pipTitleBar         { width:400px; bottom:355px; }
}
@media screen and (max-width:500px)
{
	.videoPlayerArea.pip                 { right:0; bottom:30px ; width:320px !important; height:180px !important; } 
	.pipTitleBar                         { right:0; bottom:155px; width:320px; bottom:210px; }
	.pipTitleBarText          { width:75% }
	
	.withYouTubeVid.playerUIVisible .videoPlayerArea.pip { width:320px !important; height:240px !important; } 
	.withYouTubeVid.playerUIVisible .pipTitleBar         { width:320px; bottom:270px; }
}

/*****************************************************************************/
/***************************** icons ***********************************/
/*****************************************************************************/

/* ---------- follow us icons ---------- */
.follow_us_icon { width:20px; height:20px; background: url('../images/icon_follow_us_sprite.png'); background-size:180px 20px; text-decoration:none; }
.follow_us_icon:hover { text-decoration:none; }
@media only screen and (-moz-min-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 5/4), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-devicepixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx)
{
  .follow_us_icon{ background-image: url('../images/icon_follow_us_sprite@2x.png'); }
}
@media only screen and (-moz-min-device-pixel-ratio: 2.25), only screen and (-o-min-device-pixel-ratio: 9/4), only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-devicepixel-ratio: 2.25), only screen and (min-resolution: 2.25dppx)
{
  .follow_us_icon{ background-image: url('../images/icon_follow_us_sprite@3x.png'); }
}
.follow_us_facebook_icon   { background-position:   0px 0px; }
.follow_us_twitter_icon    { background-position: -20px 0px; }
.follow_us_googleplus_icon { background-position: -40px 0px; }
.follow_us_linkedin_icon   { background-position: -60px 0px; }
.follow_us_tuenti_icon     { background-position: -80px 0px; }
.follow_us_flickr_icon     { background-position:-100px 0px; }
.follow_us_vkontakte_icon  { background-position:-120px 0px; }
.follow_us_instagram_icon  { background-position:-140px 0px; }
.follow_us_rss             { background-position:-160px 0px; }

.mobileMenu .follow_us_icon { width:30px; height:30px; background-image: url('../images/icon_follow_us_sprite@1.5x.png'); background-size:270px 30px }
@media only screen and (-moz-min-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 5/4), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-devicepixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx)
{
  .mobileMenu .follow_us_icon{ background-image: url('../images/icon_follow_us_sprite@3x.png'); }
}

.mobileMenu .follow_us_facebook_icon   { background-position:   0px 0px; }
.mobileMenu .follow_us_twitter_icon    { background-position: -30px 0px; }
.mobileMenu .follow_us_googleplus_icon { background-position: -60px 0px; }
.mobileMenu .follow_us_linkedin_icon   { background-position: -90px 0px; }
.mobileMenu .follow_us_tuenti_icon     { background-position:-120px 0px; }
.mobileMenu .follow_us_flickr_icon     { background-position:-150px 0px; }
.mobileMenu .follow_us_vkontakte_icon  { background-position:-180px 0px; }
.mobileMenu .follow_us_instagram_icon  { background-position:-210px 0px; }
.mobileMenu .follow_us_rss             { background-position:-240px 0px; }


/* ---------- social share icons ---------- */
.iconSocial { width:30px; height:30px; border:0; vertical-align:middle; background-image: url('../images/icon_share_sprite.png'); background-size:720px 30px; text-decoration:none; } 
.iconSocial:hover { text-decoration:none; }
.iconSocialFacebook    { background-position:    0px 0px; }
.iconSocialTwitter     { background-position:  -30px 0px; }
.iconSocialMyspace     { background-position:  -60px 0px; }
.iconSocialLinkedin    { background-position:  -90px 0px; }
.iconSocialGoogle      { background-position: -120px 0px; }
.iconSocialYahoo       { background-position: -150px 0px; }
.iconSocialTuenti      { background-position: -180px 0px; }
.iconSocialDelicious   { background-position: -210px 0px; }
.iconSocialStumbleupon { background-position: -240px 0px; }
.iconSocialDigg        { background-position: -270px 0px; }
.iconSocialVkontakte   { background-position: -300px 0px; }
.iconSocialMeneame     { background-position: -330px 0px; }
.iconSocialLive        { background-position: -360px 0px; }
.iconSocialPinterest   { background-position: -390px 0px; }
.iconSocialRSS         { background-position: -420px 0px; }
.iconSocialFlickr      { background-position: -450px 0px; }
.iconSocialWhatsapp    { background-position: -480px 0px; }
.iconSocialBlogger     { background-position: -510px 0px; }
.iconSocialSkyrock     { background-position: -540px 0px; }
.iconSocialReddit      { background-position: -570px 0px; }
.iconSocialTumblr      { background-position: -600px 0px; }
.iconSocialInstagram   { background-position: -630px 0px; } /*v2400pf2*/
.iconSocialTelegram    { background-position: -660px 0px; } /*v5500pf3*/
.iconSocialLine        { background-position: -690px 0px; } /*v5500pf3*/
@media only screen and (-moz-min-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 5/4), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-devicepixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx)
{
  .iconSocial{ background-image: url('../images/icon_share_sprite@2x.png'); }
}


/* ---------- file icons ---------- */
.iconFile { width:32px; height:32px; border:0; vertical-align:middle; background-image: url('../images/icon_files_sprite.png'); background-size:320px 32px; text-decoration:none; }
.iconFile:hover { text-decoration:none; }
.iconFileGeneric { background-position:   0px 0px; }
.iconFilePDF     { background-position: -32px 0px; }
.iconFileTXT     { background-position: -64px 0px; }
.iconFileXLS     { background-position: -96px 0px; }
.iconFilePPT     { background-position:-128px 0px; }
.iconFileDOC     { background-position:-160px 0px; }
.iconFileCSV     { background-position:-192px 0px; }
.iconFileZIP     { background-position:-224px 0px; }
.iconFileVideo   { background-position:-256px 0px; } 
.iconFileAudio   { background-position:-288px 0px; } 
@media only screen and (-moz-min-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 5/4), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-devicepixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx)
{
  .iconFile{ background-image: url('../images/icon_files_sprite@2x.png'); }
}

/* ---------- register widget ---------- */
.registerWidget { text-align:center; } /* this is the iframe ... */
.registerWidgetFrame { width:80%; height:60px; border:none; } /* this is the iframe ... */
.registerWidgetBody .registerButtonWrapper { text-align:center; }
.registerWidgetBody .registerButtonWrapper.disabled { opacity:0.25; cursor:not-allowed; }
.registerWidgetBody .registerButton { display:block; width:100%; box-sizing:border-box; padding:5px; font-weight:bold; margin:0 auto; font-size:24px; background:transparent; color:#fff; border:2px solid #fff; border-radius:30px; }
.registerWidgetBody .registerButton:hover { color:#00BCEB; cursor:pointer; }
.registerWidgetBody .registerButtonWrapper.disabled .registerButton  { pointer-events:none; }
.registerWidgetBody .icon-check { display:block; padding:5px; background:#0d2042; font-size:36px; color:#fff; border-radius:30px; font-weight:bold; }
.registerWidgetBody.resubscribe { line-height:17px; text-align:center; }
.registerWidgetBody.resubscribe a { display:inline-block; border:2px solid; padding:2px; padding-left:6px; padding-right:6px; border-radius:20px; vertical-align:baseline; }

.registerWidgetBody .registerButtonGDPROptIn { text-align:center; font-size:12px; text-align:justify; }
.registerWidgetBody .registerButtonGDPROptIn a { vertical-align: baseline; }
.registerWidgetBody .registerButtonGDPROptIn .registerButtonGDPROptInLabelCont { display:block; text-align:center; margin:2px; }
.registerWidgetBody .registerButtonGDPROptIn .registerButtonGDPROptInLabelCont label { display:inline-block; padding:3px; padding-left:6px; padding-right:6px; text-decoratioxn:underline; color:#fff; }
.registerWidgetBody .registerButtonGDPROptIn .registerButtonGDPROptInLabelCont label:hover { color:#000; cursor:pointer; background:#00BCEB; border-radius:20px; }

.registerWidgetBody .registerButtonGDPROptIn.optedIn .registerButtonGDPROptInLabelCont { opacity:0.5; pointer-events:none; }

.registerWidgetBody .registerButtonDownloadLink { display:block; text-align:center; font-size:14px; padding:5px; /*border-bottom:1px solid #1cbde9;*/ margin-top:10px; }
.registerWidgetBody .registerButtonDownloadLink a { vertical-align: baseline; }
.registerWidgetBody .registerButtonDownloadLink i { font-size:24px; vertical-align:middle; }

.registerWidget.highlight { /*border:3px solid #031637;*/ box-shadow:inset 0 0 20px 5px rgba(3,22,55,1); transition:all 0.1s; animation:registerWidgetHighlistAnim; animation-duration:0.6s; animation-iteration-count: 3; }
@keyframes registerWidgetHighlistAnim {
  0%   {box-shadow:inset 0 0 20px 5px rgba(3,22,55,1)}
  25%  {box-shadow:inset 0 0 20px 5px rgba(255,51,102,1)}
  50%  {box-shadow:inset 0 0 20px 5px rgba(255,51,102,1)}
  100% {box-shadow:inset 0 0 20px 5px rgba(3,22,55,1)}
}


/* ---------- DS Chat  widget ---------- */
.chatWrapper iframe { border-radius: 10px; border: 2px solid #334155; }

/* ---------- Coming Soon Page ---------- */
.comingSoonPage .delayedAddToCalendar,
.comingSoonPage .comingSoonSection,
.comingSoonPage .sideColumn .delayedAddToCalendarDisplayed,
.comingSoonPage .registerWidget .widgetTitle
{ display:none; }
.comingSoonPage .sideColumn .registerWidget { height:2px; opacity:0.01; margin:0; }
.comingSoonPage .restrictedContentSnippetHeadingCalendarContainer .delayedAddToCalendarDisplayed { background:transparent;  }
.comingSoonPage .restrictedContentSnippetHeadingRegButtonContainer .registerWidget { background:transparent; font-size:13px; }
.comingSoonPage .restrictedContentSnippetHeading h1 { transition: font-size 0.3s; }
.comingSoonPage .restrictedContentSnippetHeading.withRegButton h1 { font-size: 22px; }
.comingSoonPage .box.topSpace.mainText { margin-top:10px; }
.comingSoonPage .restrictedContentSnippetHeading .delayedAddToCalendarDisplayed, 
.comingSoonPage .mainHeadingWrapper.headingBar,
.comingSoonPage .mainHeadingWrapper .title
{ overflow:visible; }
.boxContent.padded.comingSoonSection { padding-bottom:0; }

/*****************************************************************************/
/***************************** fonts ***********************************/
/*****************************************************************************/
.vpPrevClip a,
.vpNextClip a,
.channelInfo .by.byIcon:before,
.channelInfo .date.dateIcon:before,
.clipBasicInfo .by.byIcon:before,
.clipBasicInfo .date.dateIcon:before,
.clipBasicInfo .views.viewsIcon:before,
.clipBasicInfo .likes.likesIcon:before,
.itemList .item .date.dateIcon:before,
.itemList .item .time.timeIcon:before,
.itemList .item .views.viewsIcon:before,
.publishInfo .by.byIcon:before,
.publishInfo .date.dateIcon:before,
.publishInfo .views.viewsIcon:before,
ul.bjqs-controls.v-centered li a,
.slickV2Style .slick-arrow:before,
.iconResultOK,
.iconResultError,
.fieldValidation
{ 
	/* requires icomoon */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}
body, body * { font-family: "nobel", Arial, 宋体, SimSun, Helvetica, tahoma, verdana, sans-serif, 华文细黑, STXihei; }
h1, h2, h3, h4, h5 { font-family: "Bw Modelica UCnd Regular" }

/* fon-size overrides */
.newsEventHeading .mainHeading .publishInfo,
.galleryHeading .mainHeading .publishInfo,
.mainHeading .legend, 
.mainHeading .breadcrumb,
.clipBasicInfo .publishInfo,
.searchFilter,
.itemList .item .dim,
.itemList .item .description
{ font-size:14px; }

/* override jQuery countdown styles */
.countdown-section {
	width:60px !important;
	border:2px solid #233350 !important;
	background:#031637 !important; 
	border-radius:90px !important;
}
.countdown-amount {
	display:inline-block !important;
	padding-top:5px !important;
}

/* testing: transparent sidebar */
.sideColumn { background: transparent; /*backdrop-filter: blur(5px); border-radius:8px; overflow:hidden;*/ }
.sideColumn .box { background: rgba(3,22,55,0.5); }
.box.widget { backdrop-filter: blur(5px); margin-bottom:10px; border-radius:8px; }
.sideBarBanner { margin-bottom:10px; }

/* testing rounded corners, overall */
/* 4 corners roundes (default) */
.box,
.imageSliderAreaWrapper:not(.outside),
.mainHeadingWrapper
{ border-radius:8px; overflow:hidden; }
.box.clipBasicInfo { overflow:visible; }
/* straight top corners */
.box.clipBasicInfo,
.box.overview,
.box.category,
.mainHeadingWrapper.categoryHeading.withSlider
{ border-top-left-radius:0; border-top-right-radius:0; }
/* straight bottom corners */
.imageSliderAreaWrapper:not(.outside):not(.inMainColumn),
.mainHeadingWrapper.channelHeading,
.mainHeadingWrapper.categoryHeading
{ border-bottom-left-radius:0; border-bottom-right-radius:0; overflow:hidden;  }

/* testing page fadein */
.pageBodyWrapper { animation-name: pageFadeIn; animation-duration: 0.4s; }
@keyframes pageFadeIn {
  /*from { opacity:0; }
  to { opacity:1; }*/
}

.userProfile.basicModalProfile .pageBodyWrapper { width:100%; }

/* ------ color-inverted sidebar */
/*
.sideColumn .box { background: #fff; }
.widget,
.widget .dim 
{ color:#9da2a9; }
.widget h2,
.widget h3,
.widget h4,
.widget h5,
.widgetTitle
{ color:#000; }
.widget a { color:#000; }
.widget a:hover { color:#45a1ff }

.widget .itemList .item, 
.widget .itemList .item:hover,
.widget .widgetMoreResults
{ border-color:#e8e8e8; }

.widget .calendarBox { border:1px solid #b48080; }
*/

#tinymce { padding:10px;}
#tinymce { line-height:1.3em;}

/*****************************************************************************/
/***************************** Date Picker ***********************************/
/*****************************************************************************/
.ui-datepicker { background:#fff; width:100%; margin:0 auto; font: 12pt Arial, sans-serif; border-radius:4px; overflow:hidden; padding:0; }
.ui-datepicker table { width:100%; }
.ui-datepicker-header { height:25px; line-height:25px; background: #b70000; color: #ffffff !important; }
.ui-datepicker-title { text-align:center; font-size:16px; }

.ui-datepicker-prev,
.ui-datepicker-next { cursor: pointer; font-size:12px; color:#fcc !important; height:25px; }
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover { color:#fff !important; text-decoration:none; }
.ui-datepicker-prev.ui-state-disabled,
.ui-datepicker-next.ui-state-disabled { opacity:0; }
.ui-datepicker-prev { float: left;  padding-left:5px; background-position: center -30px; }
.ui-datepicker-next { float: right; padding-right:5px; background-position: center 0px; }

.ui-datepicker thead { background-color: transparent; /*border-bottom: 1px solid #bbb;*/ }
.ui-datepicker th { background-color:#transparent; text-transform:uppercase; text-align:center; font-size:11px; padding-top:5px; height:18px; line-height:18px; color:#666; } /* week days */

.ui-datepicker tbody td { padding: 0; text-align:center; }
	.ui-datepicker tbody td:last-child { border-right: 0px; }
.ui-datepicker tbody tr { border-bottom: 1px solid #eee; }
    .ui-datepicker tbody tr:last-child { border-bottom: 0px; }
.ui-datepicker a { text-decoration: none; }
.ui-datepicker td span, .ui-datepicker td a { display: inline-block; padding:0px; box-sizing:border-box; text-align: center; width: 30px; height:30px; line-height:30px; margin:5px; color:#ffffff; } /* default day cell */
.ui-datepicker-calendar .ui-state-default { background:#fff; color:#c00 !important; border:1px solid; border-radius:30px; } /* day with event */
.ui-datepicker-calendar .ui-state-hover { background: #c00; color:#fff !important; }
.ui-datepicker-calendar .ui-datepicker-current-day { background:#eee; }
.ui-datepicker-calendar .ui-state-active { background: #ed2727; color:#fff !important; } /* current day (with event) */
.ui-datepicker-unselectable .ui-state-default { background:transparent; color:#777 !important; border:none; } /* day with no event */