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

/* v6100pf4 */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation-duration: 0.1s;}
::view-transition-new(root) { animation-duration: 0.1s; }
/* 
.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 /* v5600 */ { 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:#e9e9e9; }
body { color:#000; font-size:14px; 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:#007eff; text-decoration:underline;  }
.dim 	{ color:#888; }
.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:14px; line-height:13px; width:40px; padding:1px; background:#ff7c27; color:#fff; text-align:center; text-decoration:none; font-weight:normal;
	-moz-border-radius:    7px; 
	-webkit-border-radius: 7px; 
	border-radius:         7px;
}
.rssFeed a:hover { background:#f36000; }
.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:11px; color:#888; 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; 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 v5600 */
.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; border:1px solid #e3e3e3; font-weight:bold; background:#fff; color:#777; padding:0;
			-moz-border-radius:    3px; 
			-webkit-border-radius: 3px; 
			border-radius:         3px;
}
.field:hover,
.filterField:hover,
.field:focus,
.filterField:focus { border-color:#888; background:#fff; color:#000; }
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 /* v2203 */ { 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 /* v2203 */ { 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";
}

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

.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; transition: padding-top 0.2s, padding-bottom 0.2s, height 0.2s; }
.searchFiltersWrapper.visible /* v6100pf4 */ { display:block; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #e3e3e3; 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;  }
.sortByRelevanceOption /* v6000pf7 */ { display:none; }
.searchFilters .filterField /* v6000pf8 */ { max-width:16%; }
.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 - v5600 */
.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: #000; /* same as general text color */
}
.hr-text:after { content: attr(data-content); position: relative; display: inline-block; padding: 10px; font-weight:bold;
	color: #000; /* same as general text color */
	background-color: #fff; /* 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:#fff; position:absolute; font-weight:bold; border:1px solid #e3e3e3; padding-top:4px; padding-bottom:4px; 
	-moz-border-radius:    5px; 
	-webkit-border-radius: 5px; 
	border-radius:         5px;
	-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 .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;
}
.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; float:none; /*border-top:1px solid #e3e3e3;*/ }
.genericFloatingSubmenu > li:first-child { border-top:none; }
.genericFloatingSubmenu > li > .noLink,
.genericFloatingSubmenu > li > a { display:block; height:0; line-height:28px; padding:1px; padding-left:10px; padding-right:10px; color:#666; white-space:nowrap; 
	/* animation */
	height:20px; 
	-webkit-transition: height .2s ease;
	-moz-transition: 	height .2s ease;
	-ms-transition: 	height .2s ease;
	-o-transition: 		height .2s ease;
	transition: 		height .2s ease;
}
@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:#aaa; }
.genericFloatingSubmenu > li > a:hover { background:#5dadff; color:#fff; 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: #fff; border-width: 5px; margin-left: -5px; }
.genericFloatingSubmenu.withArrow:before 	{	/* the border of the arrow */ border-color: rgba(0, 0, 0, 0); border-bottom-color: #e3e3e3; 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:relative; width:100%; height:46px; margin: 0 auto; background:#fff; border-bottom:1px solid #e3e3e3; }
.headerBar { width:960px; margin: 0 auto; text-align:center; }

.slidingMenuToggle { display:none; float:left; width:30px; height:30px; line-height:0; padding:8px; color:#888; }
.slidingMenuToggle i /* menu/hamburger icon */{ font-size:30px; }
.slidingMenuToggle:hover { color:#000; text-decoration:none; }

.followUsButtons { list-style:none; float:left; margin:0; margin-top:13px; padding:0; }
.followUsButtons li { float:left; margin-left:10px; }
.followUsButtons a { display:block; width:20px; height:20px; }

.headerMiniLogo { display:none; margin:0 auto; height:46px; width:140px; overflow:hidden; text-align:center; }
.headerMiniLogo img { width:auto; height:40px; margin-top:3px; }

.headerUserMenu { display:block; float:right; position:relative; margin-top:8px; 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 a:hover { text-decoration:none; }
	.loggedOutUserButton { background:#f6f6f6; color:#888; }
	.loggedOutUserButton:hover { color:#000; }
	.loggedOutUserButton i /* logged out user icon */{ font-size:26px; } 
	.loggedInUserButton { background:#f6f6f6; color:#888; }
	.loggedInUserButton:hover { color:#000; }
	.loggedInUserButton img { height:30px; } 

/* search */
.headerSearch { display:block; float:right; position:relative; /*background:#fff;*/ margin-top:8px; margin-right:10px; width:30px; height:30px; line-height:30px; }
.headerSearchButton { display:block; width:30px; height:30px; line-height:0; color:#888; }
.headerSearchButton i /* main search icon */{ font-size:30px; }
.headerSearchButton:hover { color:#000;}
.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:1px solid #e3e3e3; background:#fff; 
		-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; 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:#888; }
	.headerSearchBox .searchMode > li > a:hover { color:#000; }
	.headerSearchBox .searchMode > li > a i /* search mode icon */{ font-size:24px;} 
	.headerSearchBox .searchMode > li > a:hover { text-decoration:none; }

	.searchBox .searchButton,
	.headerSearchBox .searchButton { display:block; float:right; width:34px; height:30px; line-height:26px; background:transparent; background-dev:#ffd; color:#888; }
	.searchBox .searchButton i,
	.headerSearchBox .searchButton i /* search icon */{ font-size:26px; }
	.searchBox .searchButton:hover,
	.headerSearchBox .searchButton:hover { color:#000; text-decoration:none; }

.headerBarWrapper.floating { width:100%; position:fixed; z-index:990; top:0; left:0; 
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow:    0px 1px 2px rgba(0,0,0,0.1);
	box-shadow:         0px 1px 2px rgba(0,0,0,0.1);
}

/* v2200 */
/*
.headerBarWrapper {
	-webkit-transition: margin-top 0.15s ease-in-out; 
	-moz-transition: 	margin-top 0.15s ease-in-out; 
	-ms-transition: 	margin-top 0.15s ease-in-out; 
	-o-transition: 		margin-top 0.15s ease-in-out; 
	transition: 		margin-top 0.15s ease-in-out; 
	}
.scrollingUp .headerBarWrapperPlaceholder {
	-webkit-transition: height 0.15s ease-in-out; 
	-moz-transition: 	height 0.15s ease-in-out; 
	-ms-transition: 	height 0.15s ease-in-out; 
	-o-transition: 		height 0.15s ease-in-out; 
	transition: 		height 0.15s ease-in-out; 
	}
.scrollingUp .headerBarWrapper.floating { margin-top:0; }
.scrollingUp .headerBarWrapperPlaceholder {height:46px; display:block; }
.scrollingDown .headerBarWrapper { margin-top:-46px; }
.scrollingDown .headerBarWrapperPlaceholder {  height:0; }
*/

.headerBar.showAll .slidingMenuToggle,
.headerBar.showAll .headerMiniLogo
{ display:block; }

/***************************** big logo and top banner (desktop) ***********************************/
.headerLogoAreaWrapper { width:100%; margin: 0 auto; background:#fff; }
.headerLogoArea { display:block; box-sizing:border-box; width:960px; min-height:60px; padding:10px; margin: 0 auto; }
/*
					.withBanner -> Shows the banner. If this class is not present, only the logo is displayed.
					.logoLeft -> To left-align the logo
					.logoCenter -> To center the logo
					.logoRight -> To right-align the logo
*/
.headerLogoArea.logoLeft { text-align:left; }
.headerLogoArea.logoRight { text-align:right; }
.headerLogoArea.logoCenter { text-align:center; }
.headerBanner { display:none; }
.headerLogoArea.withBanner .headerBanner { display:block; float:right;  } 
.headerLogoArea.withBanner .headerLogo img { max-width:470px; max-height:60px; }

/***************************** main menu (desktop) ***********************************/
.headerMenuWrapper,
.headerMenuExtraWrapper { width:100%; margin: 0 auto; background:#303030; }
.headerMenu,
.headerMenuExtra { display:block; box-sizing:border-box; width:960px; height:40px; margin:0 auto; padding:0; white-space:nowrap; }
.headerMenuExtra { height:auto; oveflow:auto; }
.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-size:14px; font-weight:bold; color:#fff;  }
.mainMenu > li a,
.mainMenu li.submenu > a i
{ height:40px; line-height:40px; }

	/* 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 { background:#5dadff; color:#fff; text-decoration:none; }

/* submenus */
.mainMenu li.submenu { position:relative; }
.mainMenu li.submenu li { display:block; min-width:120px; width:100%; }
.mainMenu li.submenu li a, 
.mainMenu > li.submenu > ul > li.submenu a i { height:36px; line-height:36px; }
.mainMenu li.submenu > ul { /*display:none;*/ visibility:hidden; position:absolute; left:0; background:#303030; z-index:9; /*border:1px solid #303030;*/
	padding-top:5px; padding-bottom:5px;
	-moz-border-radius:    5px; 
	-webkit-border-radius: 5px; 
	border-radius:         5px;
	-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:#5dadff; color:#fff; text-decoration:none; }

/* 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:#fff; 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);
}
@media screen and (max-width:400px){ .mobileMenu { width:270px; } }

	/* close button */
	.mobileMenuCloseButton /* v3100 */ { display:block; /*float:right;*/ position:absolute; right:0; width:40px; height:40px; line-height:40px; color:#888; }
	.mobileMenuCloseButton i /* close icon */{ font-size:30px; }
	.mobileMenuCloseButton:hover { color:#000; 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:#888; font-size:14px; font-weight:bold; }
	.mobileMenuItems li.active > a,
	.mobileMenuItems a:hover { color:#000; 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 #e3e3e3; } 
	.mobileMenuItems li.submenu > a { border-bottom:0; } 
	.mobileMenuItems,
	.mobileMenuItems li.submenu.unfolded > a { border-bottom:1px solid #e3e3e3; } 
	.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 #e3e3e3; }

/* 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:1px solid #e3e3e3; background:#fff; 
	-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; 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:#888; }
.mobileMenu .miniSearchForm .searchButton i /* search icon */{ font-size:26px; }
.mobileMenu .miniSearchForm .searchButton:hover { color:#000; text-decoration:none; }

/* v3100 */
.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; }



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


/***************************** links (a href) in descriptions, restore vertical align v5500pf1, v5600, v5900  ***********************************/
#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
{
	vertical-align:baseline; vertical-align:unset; 
}

/***************************** 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:24px; line-height:24px; 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:#212121; 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:48px; }
		.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:5px; }
		.channelHeading .mainHeading .image,
		.channelHeading .mainHeading .image img { height:48px; }

		.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; }
	
	.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:5px;  }
		.channelInfoWrapper .publishInfo div:first-child { border-left:0; padding-left:0; }

	/* category */
	.categoryHeading { }
		.categoryHeading .mainHeading .title { padding-top:10px; padding-bottom:0px; }
		
		.categoryHeading .mainHeading .image { float:left; }
		.categoryHeading .mainHeading .image { width:67px; height:67px; margin-right:5px; overflow:hidden; }
		.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; }

	/* 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 a { font-weight:bold; }
		.newsEventHeading .publishInfo div { display:inline; border-left:1px solid; padding-left:5px;  }
		.newsEventHeading .publishInfo div:first-child { border-left:0; 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 a { font-weight:bold; }
		.galleryHeading .publishInfo div { display:inline; border-left:1px solid; padding-left:5px;  }
		.galleryHeading .publishInfo div:first-child { border-left:0; padding-left:0; }

	/* user */
	.userHeading { }
		.userHeading .mainHeading .title /* v6000pf9 */ { /*padding-top:18px; padding-bottom:2px;*/ width:99%; }
		
		.userHeading .mainHeading .image /* v6000pf9 */ { display:inline-block; box-sizing:border-box; width:67px; height:67px; 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 .text /* v6000pf9 */ { display:inline-block; box-sizing:border-box; width:calc(100% - 77px); border-radius:40px; vertical-align: middle; } 
		.userHeading .mainHeading .text .memberSince, /* v6000pf9 */
		.userHeading .mainHeading .text .aboutShort /* v6000pf9 */ { line-height:15px; }
	
		.userHeading .mainHeading .extra { margin-top:0px; }
		.userHeading .mainHeading .rssFeed a { margin-top:5px; margin-bottom:5px; float:right; margin-right:5px; }

	/* 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 { }

/***************************** 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 - v5600pf3 */
.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; }

/***************************** 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;}
	.clipPublishStatsInfo { display:block; border-bottom:1px solid #e3e3e3; padding-top:10px; min-height:19px; }

		.clipBasicInfo .title { font-size:24px; line-height:24px; 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; border-left:1px solid; padding-left:5px;  }
			.clipBasicInfo .publishInfo div:first-child { border-left:0; padding-left:0; }

		.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:#e3e3e3; }
				.clipBasicInfo .ratingBarIn { display:block; height:5px; background:#45a1ff; }

	.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:#f6f6f6; color:#949494; font-weight:bold; box-sizing:border-box; padding-left:7px; padding-right:7px; line-height:28px; height:30px; margin-right:10px; 
			-moz-border-radius:    5px; 
			-webkit-border-radius: 5px; 
			border-radius:         5px;
		}
		.clipOptionBt:hover,
		.clipOptionBt.hover, /* v2101 */
		.clipOptionBt.active, /* v2101 */
		.commentsMenu > li.hover > a,
		.downloadMenu > li.hover > a
		{ background:#45a1ff; 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 #e3e3e3; 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 #e3e3e3; 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, /* v2301 */
.shareOptions { display:none; }
		
	.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%; }


/***************************** 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 #e3e3e3; 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:#888; }
	.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:#000; 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:#888; }
	.shareOptionsCloseButton:hover { color:#000; text-decoration:none; }
		.shareOptionsCloseButton i /* close icon */{ font-size:20px; }

	.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:#fff; } /* sidebar */
.sideColumn .box { padding:10px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.widgetTitle { display:block; background:#f6f6f6; color:#000; padding:5px; }
.widgetTitle h3 { font-size:18px; 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; }


/***************************** calendar box/icon (the calendar icon used on events) ***********************************/		
.calendarBox { width:48px; height:42px; text-align:center; border:1px solid #ededed; background:#f6f6f6; overflow:hidden; 
	-moz-border-radius:    5px; 
	-webkit-border-radius: 5px; 
	border-radius:         5px;
}	
.calendarMonth { height:18px; line-height:18px; background:#b70000; color:#fff; font-size:12px; font-weight:bold; overflow:hidden; }
.calendarDay { height:24px; line-height:24px; color:#000; font-size:20px; }

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

.highlightFirst .itemList .item:first-child .calendarBox,
.highlightAll .itemList .item .calendarBox { width:68px; height:60px;}
.highlightFirst .itemList .item:first-child .calendarMonth,,
.highlightAll .itemList .item .calendarMonth { height:26px; line-height:26px; font-size:14px; }
.highlightFirst .itemList .item:first-child .calendarDay,
.highlightAll .itemList .item .calendarDay { height:34px; line-height:34px; font-size:27px; }

/***************************** 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.
- The base rules are the "grid" layout. The "list" layout is activated with the list mode (.VMList class applied to the <html> element)
*/
.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 #e3e3e3;*/
	-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:5px;  }
	.itemList .item .image { width:100%; height: auto; position:relative; background-color:#000; background-color:rgba(0,0,0,0.05); font-size:0; }
	.itemList .item .image .playOverlay  { display:none; }
	.itemList .item .image a:hover .playOverlay /* play icon */ /* v3100 */{ 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.page .image .playOverlay { display:none !important; } /* v6100 */
	.itemList .item .image img { width:100%; height:auto;  }
	.itemList .item .image .removeItemButton /* v3100 */ { 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 /* v3100 */ { background:#e22; padding:3px; color:#fff; }
	.itemList .item .image .infoOverlay /* v3100 */ { 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; }
	.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 .item .dateStatus.ongoing { background:#ff5959; color:#fff;  }
	.itemList .item .dateStatus.upcoming { background:#46bb80; color:#fff;  }
	/* v3100 */
	.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:32.3%; margin-right:0.5%; margin-left:0.5%; margin-bottom:10px; } /* 3 columns */
.genericList .itemList .image { width:100%; }
.newsListMod .itemList .item,
.eventListMod .itemList .item { width:49%; margin-right:0.5%; margin-left:0.5%; margin-bottom:10px; } /* 2 columns */
.newsListMod .itemList .image { width:50%; float:left; margin-right:5px;  }
.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; }
.genericList.highlightFirst .itemList .item:first-child .title,
.genericList.highlightAll .itemList .item .title,
.genericList .itemList .item.first .title { font-size:18px; }
.genericList.highlightFirst .itemList .item:first-child,
.genericList.highlightAll .itemList .item,
.genericList .itemList .item.first { width:65.6%;}
.eventListMod.highlightFirst .itemList .item:first-child,
.newsListMod.highlightFirst .itemList .item:first-child,
.eventListMod.highlightAll .itemList .item,
.newsListMod.highlightAll .itemList .item,
.newsListMod .itemList .item.first { width:99%; }
.eventListMod.highlightFirst .itemList .item:first-child .image,
.eventListMod.highlightAll .itemList .item .image { display:block; float:left; width:auto; height:62px; margin-right:5px; margin-top:5px; }
.eventListMod.highlightFirst .itemList .item:first-child .image img,
.eventListMod.highlightAll .itemList .item .image img { width:auto; height:62px; }
.VMList .itemList .item { width:99%; margin-right:0; margin-bottom:10px; text-align:left; }
.VMList .itemList .item .image { width:30%; float:left; margin-right:5px;  }
.VMList .itemList .item .title { padding-left:5px; }
.VMList .newsListMod .itemList .title { padding-top:5px;  }
.VMList .eventListMod .itemList .image { display:block; float:left; width:auto; height:45px; margin-right:5px; margin-top:5px; }
.VMList .eventListMod .itemList .image img { width:auto; height:45px; }
.VMList .eventListMod .itemList .itemInfo { clear:none;}
.VMList .eventListMod .itemList .text { clear:none; }
.VMList .genericList.highlightFirst .itemList .item:first-child,
.VMList .genericList.highlightAll .itemList .item,
.VMList .genericList .itemList .item.first { width:99% }
.VMList .newsListMod.highlightFirst .itemList .item:first-child,
.VMList .newsListMod.highlightAll .itemList .item,
.VMList .newsListMod .itemList .item.first { width: 99%; }
.VMList .genericList.highlightFirst .itemList .item:first-child .image,
.VMList .genericList.highlightAll .itemList .item .image,
.VMList .genericList .itemList .item.first .image { width:50% }
.VMList .newsListMod.highlightFirst .itemList .item:first-child .image,
.VMList .newsListMod.highlightAll .itemList .item .image,
.VMList .newsListMod .itemList .item.first .image { width:50%; }
.VMList .eventListMod.highlightFirst .itemList .item:first-child .image,
.VMList .eventListMod.highlightAll .itemList .item .image,
.VMList .eventListMod .itemList .item.first .image { display:block; float:left; width:auto; height:62px; margin-right:5px; margin-top:5px; }
.VMList .eventListMod.highlightFirst .itemList .item:first-child .image img,
.VMList .eventListMod.highlightAll .itemList .item .image img,
.VMList .eventListMod .itemList .item.first .image img { width:auto; height:60px; }

.subcategoryListMod .itemList .item,
.VMList .subcategoryListMod .itemList .item { width:19%; margin-right:0.5%; margin-left:0.5%; } /* 5 columns */
.subcategoryListMod .itemList .item .image,
.VMList .subcategoryListMod .itemList .item .image { width:100%; float:none; height:115px; overflow:hidden;}
.subcategoryListMod .itemList .item .image img,
.VMList .subcategoryListMod .itemList .item .image img { width:auto; min-height:115px; height:100%; }

.categoryListMod .itemList .item  { width:24%; margin-right:0.5%; margin-left:0.5%; } /* 4 columns */
.categoryListMod .itemList .item .image  { width:100%; float:none; height:146px; overflow:hidden;  }
.categoryListMod .itemList .item .image img { width:auto; min-height:146px; height:100% }
.VMList .categoryListMod .itemList .item { width:99%; min-height:120px; margin-right:0; margin-bottom:10px; text-align:left;  } 
.VMList .categoryListMod .itemList .item .image { width:120px; height:120px; overflow:hidden; float:left; margin-right:5px;  }
.VMList .categoryListMod .itemList .item .image img { width:auto; height:100%; min-height:120px; }
.VMList .categoryListMod .itemList .item .title { padding-top:45px; }

/* item sizes: video browser */
.videoBrowser .itemList .item { width:32.3%; margin-right:0.5%; margin-left:0.5%; margin-bottom:10px;} /* 3 columns */
.VMList .videoBrowser .itemList .item { width:99%; }
.VMList .videoBrowser .itemList .image { width:30%; }
.VMList .videoBrowser .itemList .item .title { /*overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/ } /* in case only want a single-line title */

/* item sizes: widgets */
.widget .itemList { padding:0; }
.widget .itemList .item,
.widget .itemList .item:hover { width:100%; margin-right:0; margin-bottom:10px; text-align:left; border-bottom:1px solid #f3f3f3;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.widget .widgetMoreResults { display:block; text-align:right; font-weight:bold; border-top:1px solid #f3f3f3; padding-top:10px; }
.widget .itemList > .item:last-child { border:0; margin-bottom:0;  }
.widget .itemList .item .image { width:40%; /*max-height:90px;*/ float:left; margin-right:5px; }
.programGuide .widget .itemList .item .image { width:10%; }
.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:5px; 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 - future usage */
.widget .itemList .item.user .image { display:inline-block; vertical-align:middle; float:none; border-radius:100%; overflow:hidden; }
.widget .itemList .item.user .text { display:inline-block; width: 57%; float:none; }

/* related list ... (2 columns) */
.relatedList { padding:0; }
.relatedList .item,
.relatedList .item:hover,
.VMList .relatedList .item,
.VMList .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,
.VMList .relatedList .item .title, { padding-left:0; }
.relatedList.fileList .item .title,
.relatedList.eventList .item .title,
.VMList .relatedList.fileList .item .title,
.VMList .relatedList.eventList .item .title { padding:0; }
.relatedList .item .image,
.VMList .relatedList .item .image { width:45%; float:left; margin-right:5px; }
.relatedList .item .icon,
.VMList .relatedList .item .icon { width:auto%; float:left; margin-right:5px; }
.relatedList .item .icon a,
.VMList .relatedList .item .icon a { display:block; }
.relatedList .item .dateStatus,
.VMList .relatedList .item .dateStatus { float:none; display:inline-block; }

/* more items ... */
.itemList .item.more,
.VMList .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,
.widget .VMList .itemList .item.more  { width:100%; vertical-align:bottom; padding:0; text-align:right; }


/***************************** 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:49%; margin-right:0.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; }
.VMList .simpleItemList .item { width:99%; margin-right:0; margin-bottom:5px; text-align:left; }
.VMList .genericList .simpleItemList .text { display:block; }
.VMList .simpleItemList .item .title { display:block; padding-left:5px; }
.VMList .simpleItemList .item .itemInfo { display:block; float:right;  }
.VMList .simpleItemList .item .dateStatus { display:block; float:none; }

/* more items... */
.simpleItemList .item.more a { font-weight:bold; }
.simpleItemList .item.more,
.VMList .simpleItemList .item.more  { width:99%; vertical-align:bottom; padding:10px; padding-top:20px; padding-bottom:20px; text-align:right; }
.simpleItemList.noPadding .item.more,
.VMList .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%); font-family: 'icomoon' !important; 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"; }


/*****************************************************************************/
/***************************** footer ***********************************/
/*****************************************************************************/
.footerWrapper { width:960px; margin: 0 auto; box-sizing:border-box; background:#fff; clear:left; margin-top:15px; /*border:1px solid #e3e3e3;*/
	-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; box-sizing:border-box; padding:10px; }
.footerMenu { float:right; }
.footerMenu li a { font-weight:bold; }
.footerMenu li { float:left; padding-left:5px; padding-right:5px; border-left:1px solid #e3e3e3; }
.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:20px; margin-bottom:5px; }
.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; }
.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; padding-left:5px;  }
/*.itemChannels li:first-child,*/ /* v5900 */
.itemTags li:first-child { border-left:0; padding-left:0; }

.itemCategories li, /* v5900 */
.itemChannels li, /* v5900 */
.itemNews li /* v5900 */
{ padding:4px; padding-left:6px; }

.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; }


/***************************** Scroll to top helper ***********************************/
.scrollToTopHelper { 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 .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 .msgError		{ background:#ffe1e1 !important; border-color:#ee4848 !important;}
#resultMessage a       			{ color:#45a1ff; }
#resultMessage a:hover 			{ color:#007eff; 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";
}


/***************************** buttons ***********************************/
.button	{ display:inline-block; background:#f6f6f6; color:#949494; font-weight:bold; box-sizing:border-box; padding-left:7px; padding-right:7px; line-height:28px; height:30px; margin-right:10px; 
	-moz-border-radius:    5px; 
	-webkit-border-radius: 5px; 
	border-radius:         5px;
}
.formPseudoTable .button,
.formTable .button
{ padding-left:14px; padding-right:14px; line-height:38px; height:40px }
.button:hover { background:#45a1ff; color:#fff; text-decoration:none; }
.button i /* button icon */{ font-size:22px;}
.button.active { background:#fff; color:#000; border:1px solid #f6f6f6; }
.button.straightRight { 
	-moz-border-top-right-radius:0; -moz-border-bottom-right-radius:0; 
	-webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0; 
	border-top-right-radius:0; border-bottom-right-radius:0;
}
.button.straightLeft { 
	-moz-border-top-left-radius:0; -moz-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0; 
	border-top-left-radius:0; border-bottom-left-radius:0;
}

/***************************** view mode: vertical / grid ***********************************/
.VMSelector { float:right; font-size:0; }
.VMSelector .button { margin:0; }

/***************************** 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:#f6f6f6; color:#949494; float:left; margin-right:5px; width:auto; padding:10px; padding-top:0; padding-bottom:0; height:30px; line-height:30px; font-weight:bold;
	-moz-border-radius:    5px; 
	-webkit-border-radius: 5px; 
	border-radius:         5px;
}
.paging a:hover { background:#45a1ff; color:#fff; text-decoration:none; }
.paging span { display:block; float:left; margin-right:5px; color:#000; 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:#fff; /*border:1px solid #e3e3e3;*/
	-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);
}
.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:30px; height:30px; }
.boxTitle h3 { font-size:24px; 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;}
.dim { color:#888; }
.padded { padding:10px; }
.paddedLRB { padding:10px; padding-top:0; }
.pageMessage { font-weight:bold; }

/***************************** 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:#fff; }
.popupWrapper /* 5800pf3 */ { overflow-y:scroll; height:auto; scrollbar-width:thin; }
.popupCommentsWrapper,
.popupReportWrapper /* v2101 */
{ padding:10px;}
.popupCommentsHeaderInfo,
.popupReportHeaderInfo /* v2101 */
{ min-height:50px; border-bottom:1px solid #e3e3e3; margin-bottom:10pox; color:#888; }
.popupCommentsHeaderImage,
.popupReportHeaderImage /* v2101 */
{ float:left; margin-right:5px;}
.popupCommentsHeaderImage img,
.popupReportHeaderImage img /* v2101 */
{ width:auto; height:50px;}
.popupCommentsHeaderSubtitle,
.popupReportHeaderSubtitle /* v2101 */
{ font-size:11px; font-weight:bold; margin-bottom:5px; }
.popupCommentsHeaderTitle,
.popupReportHeaderTitle /* v2101 */
{ font-size:16px; font-weight:bold; color:#000; }
.popupCommentsContent,
.popupReportContent /* v2101 */
{ padding:10px; }

/*****************************************************************************/
/***************************** responsive rules ***********************************/
/*****************************************************************************/
@media screen and (min-width:1180px) 
{
	.headerBar,
	.headerLogoArea,
	.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... */
	.footerWrapper { width:1170px; } /* change this width to 100% for full width... */
	.mainColumn { width:840px; } /* 1170 - 320 -10 sidebar */

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

	.genericList .itemList .item {  width:24%; margin-right:0.5%; margin-left:0.5%; margin-bottom:10px; } /* 4 columns */
	.videoBrowser .itemList .item { width:24%; margin-right:0.5%; margin-left:0.5%; margin-bottom:10px;} /* 4 columns */
	.eventListMod .itemList .item,
	.newsListMod .itemList .item { width:32.3%; margin-right:0.5%; margin-left:0.5%; margin-bottom:10px; } /* 3 columns */
	.genericList.highlightFirst .itemList .item:first-child,
	.genericList.highlightAll .itemList .item,
	.genericList .itemList .item.first { width:49%;}
	.newsListMod.highlightFirst .itemList .item:first-child,
	.eventListMod.highlightFirst .itemList .item:first-child,
	.newsListMod.highlightAll .itemList .item,
	.eventListMod.highlightAll .itemList .item,
	.newsListMod .itemList .item.first { width:99%; }
	.VMList .genericList .itemList .item { width:99%; }
	.VMList .genericList .itemList .image { width:30%; }
	.VMList .videoBrowser .itemList .item { width:99%; }
	.VMList .videoBrowser .itemList .image { width:30%; }
	.VMList .eventListMod .itemList .image { width:auto; }
	.itemList .item.more,
	.VMList .itemList .item.more  { width:99%; }
	.VMList .genericList.highlightFirst .itemList .item:first-child,
	.VMList .genericList.highlightAll .itemList .item,
	.VMList .genericList .itemList .item.first { width: 99%; }
	.VMList .newsListMod.highlightFirst .itemList .item:first-child,
	.VMList .eventListMod.highlightFirst .itemList .item:first-child,
	.VMList .newsListMod.highlightAll .itemList .item,
	.VMList .eventListMod.highlightAll .itemList .item,
	.VMList .newsListMod .itemList .item.first { width: 99%; }

	.subcategoryListMod .itemList .item,
	.VMList .subcategoryListMod .itemList .item { width:15.6%; margin-right:0.5%; margin-left:0.5%; } /* 6 columns */
	.subcategoryListMod .itemList .item .image,
	.VMList .subcategoryListMod .itemList .item .image { width:100%; float:none; min-height:127px; }
	.subcategoryListMod .itemList .item .image img,
	.VMList .subcategoryListMod .itemList .item .image img { width:auto; min-height:127px; height:100%; }

	.categoryListMod .itemList .item  { width:19%; margin-right:0.5%; margin-left:0.5%; } /* 5 columns */
	.categoryListMod .itemList .item .image  { height:155px;}
	.categoryListMod .itemList .item .image img { min-height:155px; }

	.VMGrid .genericList .simpleItemList .item { width:32.3%; margin-right:0.5%; margin-left:0.5%; margin-bottom:10px; } /* 3 columns */
	.VMGrid .simpleItemList .item.more,
	.VMList .simpleItemList .item.more  { width:100%; }

}
@media screen and (max-width: 1180px)
{
	/* v6000pf8 */ 
	.searchFilter { display:inline-block; width:40%; }
	.searchFilters .filterField { max-width:55%}
}
@media screen and (min-width:1500px)
{
    .headerBar,
    .headerLogoArea,
    .headerMenu,
    .headerMenuExtra,
    .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... */
    .footerWrapper { width:1490px; } /* change this width to 100% for full width... */
    .mainColumn { width:1160px; } /* 1490 - 320 -10 sidebar */
	.genericList .itemList .item {  width:19%; margin-right:0.5%; margin-left:0.5%; margin-bottom:10px; } /* 5 columns */
	.videoBrowser .itemList .item { width:19%; margin-right:0.5%; margin-left:0.5%; margin-bottom:10px;} /* 5 columns */
	.eventListMod .itemList .item,
	.newsListMod .itemList .item { width:24%; margin-right:0.5%; margin-left:0.5%; margin-bottom:10px; } /* 4 columns */

}
@media screen and (min-width:761px) and (max-width:960px)
{
	.headerBar,
	.headerLogoArea,
	.headerMenu,
	.headerMenuExtra,
	.mainHeadingWrapper.outside .mainHeading,
	.mainHeadingWrapper.outside .channelInfoWrapper,
	.videoPlayerAreaWrapper.outside .videoPlayerArea,
	.imageSliderAreaWrapper.outside .imageSliderArea,
	.pageBodyWrapper,
	.footer
	{ width:750px; }
	.headerLogoArea.withBanner .headerLogo img { max-width:255px; }
	.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... */
	.footerWrapper { width:750px; } /* change this width to 100% for full width... */
	.mainColumn { width:420px; } /* 750 - 320 -10 sidebar */

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

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

	.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:10px;} /* 2 columns */
	.videoBrowser .itemList .item { width:48%; margin-right:1%; margin-left:1%; margin-bottom:10px;} /* 2 columns */
	.newsListMod .itemList .image { width:100%; }
	.eventListMod .itemList .title { clear:left; }
	.genericList.highlightFirst .itemList .item:first-child,
	.genericList.highlightAll .itemList .item,
	.genericList .itemList .item.first { width: 98%; margin-right:1%; margin-left:1%; }
	.newsListMod.highlightFirst .itemList .item:first-child,
	.eventListMod.highlightFirst .itemList .item:first-child,
	.newsListMod .itemList .item.first { width: 98%; margin-right:1%; margin-left:1%; }
	.VMList .genericList .itemList .item { width:99%; }
	.VMList .genericList .itemList .image { width:30%; }
	.VMList .videoBrowser .itemList .item { width:98%; margin-right:1%; margin-left:1%; }
	.VMList .videoBrowser .itemList .image { width:30%; }
	.VMList .newsListMod.highlightFirst .itemList .item:first-child,
	.VMList .eventListMod.highlightFirst .itemList .item:first-child,
	.VMList .newsListMod .itemList .item.first { width: 98%; margin-right:1%; margin-left:1%;  }
	.VMList .eventListMod .itemList .image { width:auto; }
	.itemList .item.more,
	.VMList .itemList .item.more  { width:98%; }

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

	.categoryListMod .itemList .item  { width:32.3%; margin-right:0.5%; margin-left:0.5%; } /* 3 columns */
	.categoryListMod .itemList .item .image  { height:129px;}
	.categoryListMod .itemList .item .image img { min-height:129px; }
	.VMList .categoryListMod .itemList .item { min-height:110px; } 
	.VMList .categoryListMod .itemList .item .image { width:110px; height:110px; }
	.VMList .categoryListMod .itemList .item .image img { min-height:110px; }
	.VMList .categoryListMod .itemList .item .title { padding-top:35px; }

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

	.VMGrid .genericList .simpleItemList .item { width:48%; margin-right:1%; margin-left:1%; margin-bottom:10px; } /* 2 columns */
	.VMGrid .simpleItemList .item.more,
	.VMList .simpleItemList .item.more  { width:100%; }

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

@media screen and (max-width:760px)
{
	.headerBar,
	.headerLogoArea,
	.mainHeadingWrapper.outside .mainHeading,
	.mainHeadingWrapper.outside .channelInfoWrapper,
	.mainHeadingWrapper.outside,
	.videoPlayerAreaWrapper.outside .videoPlayerArea,
	.videoPlayerAreaWrapper.outside,
	.imageSliderAreaWrapper.outside .imageSliderArea,
	.imageSliderAreaWrapper.outside,
	.pageBodyWrapper,
	.footerWrapper
	{ width:100%; }
	.headerMenuWrapper,
	.headerMenuExtraWrapper,
	.headerMenu,
	.headerMenuExtra
	{ display:none; }
	.headerBar .followUsButtons { display:none; }
	.headerLogoArea { display:none; }
	.slidingMenuToggle { display:inline-block; }
	.headerMiniLogo { display:block; }
	.headerBanner { display:none; }
	.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); 
	 }


	.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; }
	.genericList.highlightFirst .itemList .item:first-child,
	.genericList.highlightAll .itemList .item,
	.genericList .itemList .item.first { width:98%; margin-right:1%; margin-left:1%; }
	.newsListMod.highlightFirst .itemList .item:first-child,
	.eventListMod.highlightFirst .itemList .item:first-child,
	.newsListMod .itemList .item.first { width:98%; margin-right:1%; margin-left:1%; }
	.VMList .genericList .itemList .item { width:98%; margin-right:1%; margin-left:1%; }
	.VMList .genericList .itemList .image { width:48%;  }
	.VMList .videoBrowser .itemList .item { width:98%; margin-right:1%; margin-left:1%; }
	.VMList .videoBrowser .itemList .image { width:48%;  }
	.VMList .newsListMod .itemList .item.first { width:98%; margin-right:1%; margin-left:1%; }
	.VMList .genericList .itemList .text { display:flex; flex-flow:column; }
	.VMList .eventListMod .itemList .text { display:block; }
	.VMList .eventListMod .itemList .image { width:auto; }
	.VMList .genericList.highlightFirst .itemList .item:first-child,
	.VMList .genericList.highlightAll .itemList .item,
	.VMList .genericList .itemList .item.first { width: 98%; }
	.VMList .genericList.highlightFirst .itemList .item:first-child .image,
	.VMList .genericList.highlightAll .itemList .item .image,
	.VMList .genericList .itemList .item.first.image { width: 100%; float:none; }
	.VMList .newsListMod.highlightFirst .itemList .item:first-child,
	.VMList .eventListMod.highlightFirst .itemList .item:first-child { width: 98%;}
	.VMList .newsListMod.highlightFirst .itemList .item:first-child .image,
	.VMList .newsListMod .itemList .item.first .image { width: 100%; float:none; }
	.VMList .eventListMod.highlightFirst .itemList .item:first-child .image { width:auto; float:left;  }
	.itemList .item.more,
	.VMList .itemList .item.more  { width:99%; }

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

	.categoryListMod .itemList .item  { width:32.3%; margin-right:0.5%; margin-left:0.5%; } /* 3 columns */
	.categoryListMod .itemList .item .image  { min-height:146px;}
	.categoryListMod .itemList .item .image img { min-height:146px; }

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

	.VMGrid .genericList .simpleItemList .item { width:48%; margin-right:1%; margin-left:1%; margin-bottom:10px; } /* 2 columns */
	.VMGrid .simpleItemList .item.more,
	.VMList .simpleItemList .item.more  { width:100%; }

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

	.footerMenu { float:none; margin-bottom:10px; }
	.footerMenu li { float:none; padding-left:0; padding-right:0; border:none; height:20px; }
	.footerMenu li:first-child { border:none; }

	.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:87%; }

	.formRow .formColumn .togglePasswordVisibility /* v5600 */ { 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)
{
	.clipOptionBt /* v3100 */ { 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,
	.VMList .subcategoryListMod .itemList .item { width:48%; margin-right:1%; margin-left:1%; } /* 2 columns */
	.subcategoryListMod .itemList .item .image,
	.VMList .subcategoryListMod .itemList .item .image { width:100%; float:none; min-height:144px;}
	.subcategoryListMod .itemList .item .image img,
	.VMList .subcategoryListMod .itemList .item .image img { width:auto; height:100%; min-height:144px; }

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

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

	.categoryListMod .itemList .item  { width:48%; margin-right:1%; margin-left:1%; } /* 2 columns */
	.categoryListMod .itemList .item .image  { min-height:144px;}
	.categoryListMod .itemList .item .image img { min-height:144px; }

	/* v3000 */
	.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; }*/
}


/***************************************************************************************************/
/***************************** PiP (Picture-In-Picture) v5300pf4 ***********************************/
/***************************************************************************************************/
.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:200px 20px; text-decoration:none; } /*v6100*/
.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; }
.follow_us_youtube_icon    { background-position:-180px 0px; } /*v6100*/

.mobileMenu .follow_us_icon { width:30px; height:30px; background-image: url('../images/icon_follow_us_sprite@1.5x.png'); background-size:300px 30px } /*v6100*/
@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; }
.mobileMenu .follow_us_youtube_icon    { background-position:-270px 0px; } /*v6100*/


/* ---------- social share icons ---------- */
.iconSocial { width:30px; height:30px; border:0; vertical-align:middle; background-image: url('../images/icon_share_sprite.png'); background-size:750px 30px; text-decoration:none; } /*v6100*/
.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*/
.iconSocialYouTube     { background-position: -720px 0px; } /*v6100*/
@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; } /* v2101 */
.iconFileAudio   { background-position:-288px 0px; } /* v2101 */
@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'); }
}

/*****************************************************************************/
/***************************** fonts ***********************************/
/*****************************************************************************/
.vpPrevClip a,
.vpNextClip a,
ul.bjqs-controls.v-centered li a,
.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: Arial, 宋体, SimSun, Helvetica, tahoma, verdana, sans-serif, 华文细黑, STXihei; }

/*****************************************************************************/
/***************************** Date Picker ***********************************/
/*****************************************************************************/
.ui-datepicker { background:#fff; width:100%; margin:0 auto; font: 12pt Arial, sans-serif; border-radius:4px; overflow:hidden; }
.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; 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 */