 body, html { background-color:#E9E9E9; }  .videoPlayerAreaWrapper.outside, .mainHeadingWrapper.outside .channelInfoWrapper { width:100%; } @media screen and (min-width:1180px) { .videoPlayerAreaWrapper.outside, .mainHeadingWrapper.headingBar.channelHeading.outside { width:100%; } } @media screen and (min-width:1500px) { .videoPlayerAreaWrapper.outside, .mainHeadingWrapper.headingBar.channelHeading.outside { width:100%; } } @media screen and (min-width:761px) and (max-width:960px) { .videoPlayerAreaWrapper.outside, .mainHeadingWrapper.headingBar.channelHeading.outside { width:100%; } } @media screen and (max-width:760px) { .videoPlayerAreaWrapper.outside, .mainHeadingWrapper.headingBar.channelHeading.outside { width:100%; } }   .imageSliderAreaWrapper.outside { width:100%; } @media screen and (min-width:1180px) { .imageSliderAreaWrapper.outside { width:100%; } } @media screen and (min-width:1500px) { .imageSliderAreaWrapper.outside { width:100%; } } @media screen and (min-width:761px) and (max-width:960px) { .imageSliderAreaWrapper.outside { width:100%; } } @media screen and (max-width:760px) { .imageSliderAreaWrapper.outside { width:100%; } }   @media screen and (max-width:760px) { .sideColumn { display:none !important; } }    .itemList .item .itemInfo .views, .clipBasicInfo .publishInfo div.views { display:none !important; }   .itemList .item .itemInfo .user, .clipBasicInfo .publishInfo div.by, .publishInfo div.by { display:none !important; } .publishInfo div { padding-left:0 !important; border:none !important;}    .pageWrapper { background-color:#FFFFFF; background-color:#FFFFFF; width:960px; margin: 0 auto; } @media screen and (min-width:1180px) { .pageWrapper { width:1170px; } } @media screen and (min-width:1500px) { .pageWrapper { width:1490px; } } @media screen and (min-width:761px) and (max-width:960px) { .pageWrapper { width:750px; } } @media screen and (max-width:760px) { .pageWrapper { width:100%; } }   .pageWrapper{ border: 1px solid; border-top:none; border-bottom:none; border-color: #E8E9EB; border-color: #E8E9EB; } @media screen and (max-width:760px) { .pageWrapper { border:none; } }   .pageWrapper { padding-left:10px; padding-right:10px; } @media screen and (max-width:760px) { .pageWrapper { padding:0; } }  .desktop .pageWrapper { moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2); box-shadow:0px 0px 5px rgba(0,0,0,0.2); }  @font-face { font-family: 'pt_sans_narrowregular'; src: url('//www.ticinowebtv.ch/public/frontend/v2/fonts/pt_sans/PTN57F-webfont.eot'); src: url('//www.ticinowebtv.ch/public/frontend/v2/fonts/pt_sans/PTN57F-webfont.eot?#iefix') format('embedded-opentype'), url('//www.ticinowebtv.ch/public/frontend/v2/fonts/pt_sans/PTN57F-webfont.woff') format('woff'), url('//www.ticinowebtv.ch/public/frontend/v2/fonts/pt_sans/PTN57F-webfont.ttf') format('truetype'), url('//www.ticinowebtv.ch/public/frontend/v2/fonts/pt_sans/PTN57F-webfont.svg#pt_sans_narrowregular') format('svg'); font-weight: normal; font-style: normal; } body * { font-family:'pt_sans_narrowregular', Arial, Helvetica, sans-serif, 宋体, SimSun, 华文细黑, STXihei; letter-spacing: 0; }   body, .paging span, .hr-text:after {color:#08050A;} .hr-text:before {background-color:#08050A;}  body { font-size: 14px; }   a {color:#2877ED;} .clipBasicInfo .ratingBarIn { background-color:#2877ED; }   a:hover {color:#FFFFFF;}   .dim {color:#6A8EAD;}   .itemList .item .dim, .simpleItemList .item .dim, .mainHeading .legend, .mainHeading .breadcrumb, .channelInfoWrapper .publishInfo, .newsEventHeading .mainHeading .publishInfo, .newsEventHeading .image .imageFooter, .galleryHeading .mainHeading .publishInfo, .galleryHeading .image .imageFooter, .clipBasicInfo .publishInfo, .clipBasicInfo .statsInfo, .newsEventMapWrapper, .programGuide .widget .itemList .item .description, .itemList .item .dateStatus { font-size: 11px; }   .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 { color: #FFFFFF; }   .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:23px; line-height:1.3; } @media screen and (max-width:760px) { .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(23px - 4px); font-size:-webkit-calc(23px - 4px); font-size:-o-calc(23px - 4px); font-size: calc(23px - 4px);} }   .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-weight: normal; }   .sectionTitle { color: #EBEBEB; }   .sectionTitle { font-size: 22px; } @media screen and (max-width:760px) { .sectionTitle { font-size:-moz-calc(22px - 4px); font-size:-webkit-calc(22px - 4px); font-size:-o-calc(22px - 4px); font-size: calc(22px - 4px);} }   .sectionTitle { font-weight: normal; }    .headerMenuWrapper, .headerMenuExtraWrapper { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; box-sizing:border-box; padding-left:0; padding-right:0; } .ltr .mainMenu > li.homeButton { margin-right:0; margin-right:calc(0 + 0); } .rtl .mainMenu > li.homeButton { margin-left:0; margin-left:calc(0 + 0);} .mainHeadingWrapper.headingBar.channelHeading.outside, .videoPlayerAreaWrapper.outside, .imageSliderAreaWrapper.outside { margin-top:0;} .mainHeadingWrapper.headingBar.channelHeading.outside { margin-bottom:-0; }   .headerMenuWrapper, .headerMenuExtraWrapper { border-width: 1px; border-style: solid; }  .headerMenuWrapper, .headerMenuExtraWrapper {border-top:none; border-left:none; border-right:none;}  .headerMenuWrapper, .headerMenuExtraWrapper { border-color:#E3E3E3; }   .headerMenuWrapper, .headerMenuExtraWrapper { moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2); box-shadow:0px 0px 5px rgba(0,0,0,0.2); }   .mainMenu > li a { font-size:14px; }   .mainMenu > li a { font-weight:bold; }   .headerMenuWrapper, .headerMenuExtraWrapper {background-color:#FFFFFF; background-color:#FFFFFF; }    .mainMenu > li a { color:#000000; }   .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-color:#FFFFFF; background-color:#FFFFFF; }   .mainMenu > li.active > a, .mainMenu > li.hover > a, .mainMenu > li a:hover, /*.mainMenu > li:hover > a,*/ .mainMenu > li.hover > a, /*.mainMenu > li.active:hover > a,*/ .mainMenu > li.active.hover > a { color:#5DADFF; }   .mainMenu > li a { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .mainMenu > li > a { -moz-border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0; -moz-border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; border-bottom-right-radius:0; }   .mainMenu li.submenu > ul { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding-top:5px; padding-bottom:5px; } .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; }   .mainMenu li.submenu > ul { moz-box-shadow:0px 0px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.1); box-shadow:0px 0px 5px rgba(0,0,0,0.1); }   .mainMenu li.submenu > ul { border-width: 1px; border-style: solid; }   .mainMenu li.submenu > ul { border-color:#E3E3E3; }   .mainMenu li.submenu > ul {background-color:#FFFFFF; background-color:#FFFFFF; }   .mainMenu li.submenu > ul > li a { color:#000000; }   /* 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-color:#FFFFFF; background-color:#FFFFFF; }   .mainMenu li.submenu > ul > li a:hover, .mainMenu li.submenu > ul > li.hover > a, .mainMenu li.submenu > ul > li.active > a, .mainMenu li.submenu > ul > li.active > a:hover { color:#5DADFF; }   .mobileMenu { background-color:#FFFFFF; background-color:#FFFFFF; }   .mobileMenuCloseButton { color: #888888; }   .mobileMenuCloseButton:hover { color: #000000; }   .mobileMenu .miniSearchForm .miniSearchField { color: #000000; }   .mobileMenu .miniSearchForm .searchButton { color: #888888; }   .mobileMenu .miniSearchForm .searchButton:hover { color: #000000; }   .mobileMenu .miniSearchForm { background-color: #FFFFFF; }   .mobileMenu .miniSearchForm { border-color: #E3E3E3; }   .mobileMenu .miniSearchForm { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }   .mobileMenuItems li > a { border-color:transparent; border-color:transparent; } .mobileMenuItems li.submenu > a { border-bottom:0; } .mobileMenuItems, .mobileMenuItems li.submenu.unfolded > a { border-color:transparent; border-color:transparent; } .mobileMenuItems li.submenu > ul > li:first-child > a { border-top:0; } .mobileMenuItems li.submenu > a.mobileSubmenuToggle, .mobileMenuItems li.submenu > ul > li > a { border-color:transparent; border-color:transparent; }   .mobileMenuItems a { color: #000000; }   .mobileMenuItems li.active > a, .mobileMenuItems a:hover { color: #5DADFF; }   .mobileMenuItems li.active > a, .mobileMenuItems a:hover { background-color: #FFFFFF; }   .genericFloatingSubmenu > li > .noLink, .genericFloatingSubmenu > li > a { font-weight:bold; }   .genericFloatingSubmenu { background-color: #FFFFFF; } .genericFloatingSubmenu.withArrow:after { border-bottom-color: #FFFFFF; }   .genericFloatingSubmenu { border-width: 0px; border-style: solid; }   .genericFloatingSubmenu { border-color: #E3E3E3; } .genericFloatingSubmenu.withArrow:before { border-bottom-color: #E3E3E3; }   .genericFloatingSubmenu > li > .noLink, .genericFloatingSubmenu > li > a { color: #666666; }   .genericFloatingSubmenu > li > .noLink.dim { color: #AAAAAA; }   .genericFloatingSubmenu > li > a:hover { background-color: #5DADFF; }   .genericFloatingSubmenu > li > a:hover { color: #FFFFFF; }   .genericFloatingSubmenu { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding-top:6px; padding-bottom:6px; }   .genericFloatingSubmenu { moz-box-shadow:0px 0px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.1); box-shadow:0px 0px 5px rgba(0,0,0,0.1); }   .searchBox .searchForm, .headerSearchBox .searchForm { background-color: #FFFFFF; }   .searchBox .searchForm, .headerSearchBox .searchForm { border-color: #E3E3E3; }   .searchBox .searchField, .headerSearchBox .searchField { color: #888888; }   .headerSearchBox .searchMode > li > a, .searchBox .searchButton, .headerSearchBox .searchButton { color: #888888; }   .headerSearchBox .searchMode > li > a:hover, .searchBox .searchButton:hover, .headerSearchBox .searchButton:hover { color: #000000; }   .searchBox .searchForm, .headerSearchBox .searchForm { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }   .box, .hr-text:after { background-color:#FFFFFF; background-color:#FFFFFF; }   .searchFiltersWrapper, .clipPublishStatsInfo, .clipDescriptionHeightLimiter, .boxTabsWrapper, .widget .itemList .item, .widget .itemList .item:hover, .widget .widgetMoreResults { border-color:#E3E3E3; } .clipBasicInfo .ratingBarOut { background-color:#E3E3E3; }   .box, .mainHeadingWrapper, .sideColumn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .clipBasicInfo.box, .box.category, .box.portal { -moz-border-top-left-radius:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; -moz-border-top-right-radius:0; -webkit-border-top-right-radius:0; border-top-right-radius:0; } .mainHeadingWrapper.headingBar { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; } @media screen and (max-width:760px) { .box, .mainHeadingWrapper, .sideColumn, .clipBasicInfo.box, .box.category, .box.portal { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; } }   .box, .mainHeadingWrapper, .videoPlayerAreaWrapper, .imageSliderAreaWrapper, .sideColumn { moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .newsEventHeading, .pageHeading, .galleryHeading, .sideColumn .box, .box .videoPlayerAreaWrapper, .box .imageSliderAreaWrapper { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } @media screen and (max-width:760px) { .videoPlayerAreaWrapper { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } }   .box, .sideColumn { border-width: 0px; border-style: solid; } .sideColumn .box { border-width: 0; } @media screen and (max-width:760px) { .box, .sideColumn, .sideColumn .box { border-left-width:0; border-right-width:0; } }   .box, .sideColumn { border-color:#000000; }   .genericList .itemList .item:hover, .videoBrowser .itemList .item:hover, .widget .itemList .item:hover { background-color:transparent; background-color:transparent; } .genericList .itemList .item.more:hover, .videoBrowser .itemList .item.more:hover, .widget .itemList .item.more:hover { background-color:transparent; }   .sideColumn { background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .sideColumn .box { background-color:#FFFFFF; background-color:#FFFFFF; } .widget.topSpace { margin-top:10px; }   .sideColumn .box { moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5); box-shadow:0px 0px 5px rgba(0,0,0,0.5); }   .sideColumn .box { border-width: 0px; border-style: solid; } .sideColumn { border-width: 0; } @media screen and (max-width:760px) { .sideColumn .box { border-left-width:0; border-right-width:0; } }   .sideColumn .box{ border-color:#000000; }   .widgetTitle h3 { font-size: 18px; }   .widgetTitle h3 { color: #000000; }   .widgetTitle { background-color: #F6F6F6; }   .widgetTitle { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }   .widgetTitle h3 { font-weight: normal; }   .sideColumn .widget {color:#000000;}   .sideColumn .widget a {color:#45A1FF;}   .sideColumn .widget a:hover {color:#007EFF;}   .sideColumn .dim {color:#888888;}   .widget .itemList .item, .widget .itemList .item:hover, .widget .widgetMoreResults { border-color:#F6F6F6; }   .widget .tagList .tag a {color:#45A1FF;}   .widget .tagList .tag a:hover {color:#FFFFFF;}   .widget .tagList .tag a:hover { background-color: #45A1FF; }   .mainHeadingWrapper.headingBar { background-color: #F6F6F6; }   .mainHeadingWrapper.headingBar, .mainHeadingWrapper.headingBar .mainHeading .title, .mainHeadingWrapper.headingBar .channelInfoToggle i, .channelInfoWrapper { color: #000000; }   .mainHeadingWrapper.headingBar .dim, .mainHeadingWrapper.headingBar .mainHeading .legend { color: #888888; }   .mainHeadingWrapper.headingBar .mainHeading .breadcrumb a, .channelInfoWrapper a, .channelInfoToggle { color: #45A1FF; }   .mainHeadingWrapper.headingBar .mainHeading .breadcrumb a:hover, .channelInfoWrapper a:hover, .channelInfoToggle:hover { color: #007EFF; }  .footerWrapper { background-color:#FDFDFF; background-color:#FDFDFF; }    .footer { color:#666666; } .footerMenu li { border-color:#666666; }   .footer { font-size: 12px; }  .footer a { color:#666666; }   .footer a:hover { color:#5DADFF; }   .footerMenu li a { font-weight: bold; }   .footerWrapper { border-width: 1px; /*border-bottom-width:0;*/ border-style: solid; }  .footerWrapper {border-bottom:none; border-left:none; border-right:none;}  .footerWrapper { border-color:#E3E3E3; }  .footerWrapper { moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2); box-shadow:0px 0px 5px rgba(0,0,0,0.2); }  .footerWrapper { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; /*-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;*/ }   .footer { padding-top: 10px; padding-bottom: 10px; }   @media screen and (max-width:760px) { .footerWrapper { border-right:none; border-left:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; } }  