/* CSS Document - Main style sheet for nfb.ca */
/*
_____
/ ___ \
/ / _ \ \
\ \(_)/ /
\_ _/
| | Equipe web ONF /
|_|_| NFB web team / 2009-2011
=====
*/
/*
CSS style sheet set for nfb.ca version 2
--> FASING OUT <---
--> FASING OUT <---
--> FASING OUT <---
--> FASING OUT <---
norm-setup.css : reset, basic styles
otv-ie-generic.css : IE specific hack to setup.css
norm-style.css : main style sheet
js-plugins.css : basic styles for jQuery plugins
norm-ie.css : IE specific hack to style.css
otv.ei7.css : IE7 specific hack to style.css
norm-print : print css
*/
/* Warning - Transition CSS : this style sheet containes style definitions for the latest 2 version of nfb.ca -jsb 2009-10*/
/* ------------------------x
TOC (incomplet)
Adjustments
- ajax et nojax
SITE HEADER
- navbar
- header
+ nameplate
+ search
- sitenav
PAGE LAYOUT
- page header
- page menu
- page navigation
- pagination
- sorting results
- round-corner panels
- system messages
- pages sections
- layout rows & background
- Features & Marquise
PAGE COMPONENTS
- generic tabs
+ page section tabs
+ side tabs
- filter results
BANNER SYSTEM
THUMBNAIL MODULES
- film thumbnail
+ ratings and warnings
+ format icons
+ playlist thumbnails mosaik
+ Film thumbnail modifier
+ collapsed
+ expanded
+ mini
+ bookmarks
+ history
+ img gallery
+ Thumbnails Tools
PLAYER PAGE
- player page header
- video player
+ flash plugin warning
- video tabs
- video extras
- video comments
- video stats
- blog insert
- related panel
+ photos and posters
+ screenings
+ tag list
+ credits
- player page banner
HOMEPAGE
- marquise
- welcome message
- social network updates
- featuerd films
- website list
- PROMO
- blog insert
FOOTER
- news vignettes
- sub footer
EXPLORE FILMS
PLAYLISTS
ERROR PAGES
- 404
- error messages
FLAT PAGES
USER HUB
- Navigations and menus
---------------------
COLOR PALETTE:
bright orange : ff9900
lite orange : ffcc66
lite green : 669900
bg grey : 333
bg dark grey :242424
---------------------------------- */
/*
* Web Fonts from fontspring.com
*
* All OpenType features and all extended glyphs have been removed.
* Fully installable fonts can be purchased at http://www.fontspring.com
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Fontspring. The fonts are protected under domestic and international trademark and
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
* (c) 2010 Fontspring
* The fonts included are copyrighted by the vendor listed below.
* Vendor: FontSite Inc.
* License URL: http://www.fontspring.com/fflicense/fontsite
*
@font-face {
font-family: 'FranklinGothicFSMediumCondens';
src: url('../webfonts/FranklinGothic-MedCd-webfont.eot');
src: url('../webfonts/FranklinGothic-MedCd-webfont.eot?#iefix') format('eot'),
url('../webfonts/FranklinGothic-MedCd-webfont.woff') format('woff'),
url('../webfonts/FranklinGothic-MedCd-webfont.ttf') format('truetype'),
url('../webfonts/FranklinGothic-MedCd-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FranklinGothic';
src: url('../webfonts/FranklinGothic-Med-webfont.eot');
src: url('../webfonts/FranklinGothic-Med-webfont.eot?#iefix') format('eot'),
url('../webfonts/FranklinGothic-Med-webfont.woff') format('woff'),
url('../webfonts/FranklinGothic-Med-webfont.ttf') format('truetype'),
url('../webfonts/FranklinGothic-Med-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FranklinGothicDemi';
src: url('../webfonts/FranklinGothic-Demi-webfont.eot');
src: url('../webfonts/FranklinGothic-Demi-webfont.eot?#iefix') format('eot'),
url('../webfonts/FranklinGothic-Demi-webfont.woff') format('woff'),
url('../webfonts/FranklinGothic-Demi-webfont.ttf') format('truetype'),
url('../webfonts/FranklinGothic-Demi-webfont.svg#webfont') format('svg');
font-weight: bold;
font-style: normal;
}
*/
/* @license
* MyFonts Webfont Build ID 1702063, 2011-12-12T15:17:17-0500
* The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s).
* You may obtain a valid license at the URLs below.
*
* Webfont: Museo Sans 500 by exljbris
* URL: http://www.myfonts.com/fonts/exljbris/museo-sans/500/
* Licensed pageviews: unlimited
* Webfont: Museo Sans 500 Italic by exljbris
* URL: http://www.myfonts.com/fonts/exljbris/museo-sans/500-italic/
* Licensed pageviews: unspecified
* License: http://www.myfonts.com/viewlicense?type=web&buildid=1702063
* Webfonts copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved.
*
* © 2011 Bitstream Inc
*/
/*@font-face {font-family: 'MuseoSans-500';src: url('../webfonts/19F8AF_0_0.eot');src: url('../webfonts/19F8AF_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/19F8AF_0_0.woff') format('woff'),url('../webfonts/19F8AF_0_0.ttf') format('truetype');}*/
/*@font-face {font-family: 'MuseoSans-500Italic';src: url('../webfonts/19F8AF_1_0.eot');src: url('../webfonts/19F8AF_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/19F8AF_1_0.woff') format('woff'),url('../webfonts/19F8AF_1_0.ttf') format('truetype');}*/
/*AJUSTEMENT DE STYLE*/
.dev_latin{color:#FF00E2}
.hide{display:none}
/**/
.top25 { padding-top:25px; }
.spcr_1ln{height:1.8em}
/*ajax et nojax*/
.nojax{} /*elements visibles seulement lorsque le JS est innactif*/
.yajax{display:none} /*elements qui ne fonctionne qu'avec du JS*/
li a em { font-style: normal; }
body{background-color:#242424;}
#norm-hd, #norm-dk, #norm-bd{background-color:#000;}
.frame{}
/*transition css - jsb 03-2009*/
#norm-bd .frame{padding-top:10px;padding-bottom:60px}
/* ( o ) ------------ */
/* | | PAGES LAYOUT */
/* ------------------ */
/*PLAIN TEXT PAGES*/
.page{width:860px;margin:0 auto}
.big-text{font-size:1.1666em}
.biggerlist li > a{font-size:1.6em;font-weight:bold;line-height:36px;}
/*PAGE HEADER*/
.headline{margin:0;padding:1.5em 0 1px;} /*to fix : 1px padding to cover overflow*/
.playlist .headline{margin:0 10px}
.headline h2, .headline h1{font-size:3em;margin-bottom:0;line-height:1em}
.headline h1 { margin-top:39px; }
.headline p{line-height:1.5;font-size:1em;margin:0 0 18px;color:#f90;width:640px}
.headline p a{font-weight:normal; text-decoration: none;}
.headline .sub-header{font-size:2em}
.new-movies{}
.trailers{}
.unsubscribe {padding-top:18px;border-bottom:1px solid #666;min-height:143px}
.unsubscribe .deck-inner{padding-left:140px;background:transparent url(/medias/nfb_tube_static/styles/imgs/hibi_bkg_unsub.png) no-repeat scroll left top}
/*PAGE MENU*/
.result_desc,.pagemenu .section-title {float:left; font-size:1.8em;margin:0; display:block; text-align:left; font-weight:normal;padding:10px}
.result_num, .result_month {font-size:1.2em; color:#FFFFFF; float:left; line-height:36px; margin-left:10px }
.result_month{font-size:2.4em;font-weight:normal;padding-left:5px}
.result_format img { margin-right:5px; vertical-align:middle;}
/* .page-sub-menu { float:left; color:#FFFFFF; font-size:1.2em;line-height:2em; font-weight:bold;padding:10px }
.page-sub-menu li{display:inline;background: url(/medias/nfb_tube_static/styles/imgs/norm-img-strip1.png) 0 2px no-repeat; padding-left:10px;padding-right:10px}
.page-sub-menu li.frst{background-image:none}
.page-sub-menu li a{color:#fc6}
.page-sub-menu li a:hover{text-decoration:underline;color:#ff9900}*/
/*PAGE NAVIGATION*/
.pagenav {display:block; line-height:3.6em;height:3.6em;clear:both;}
.tab-pagination{margin:1.8em 20px}
/*v 2.0*/
.pagetoolbar {display:block; margin-top:1.8em; height:3.6em;clear:both;}
.left-tb{}
.right-tb{float:right;}
.pagetoolbar a:hover, .pagetoolbar .on{text-decoration:underline;color:#f90}
.itm-spcr{padding:0 4px}
/*PAGINATION*/
.page-selector { float:right;margin:5px 0 0 }
.page-selector ul { list-style:none; }
.page-selector li { float:left; margin-left:2px; margin-right:2px; line-height:26px/*; font-family:Arial, Helvetica, sans-serif*/; font-size:12px; color:#FFFFFF; }
.page-selector .bt, .page-selector .bt:visited { font-size:12px; color: #FF9900; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; border:1px solid #666666; text-decoration:none; line-height: 26px;background-color:#000000 }
.page-selector .bt:focus, .page-selector .bt:hover { background-color:#000000; color: #FFFFFF; border:1px solid #ff9900; font-weight:bold; }
.page-selector em { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 26px; border:1px solid #000000; font-weight:bold; text-decoration:none; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; border:1px solid #000000; font-style:normal;}
.tab-pagination em {border-color:#333}
.page-selector .prevnext, .page-selector .prevnext:visited { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 26px;color: #FFCC66; text-decoration:underline; border:1px solid #000000; font-weight:bold; }
.page-selector .prevnext:hover { color: #FFCC66; border:1px solid #000000; font-weight:bold; }
.tab-pagination .prevnext, .tab-pagination .prevnext:visited {border-color:#333}
.page-selector .prev:hover, .page-selector .next:hover { color: #FF9900; text-decoration:underline; }
.page-selector .prev, .page-selector .next{background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) 0 0 no-repeat; }
.page-selector .prev { background-position: 0 -734px; padding-left:15px; padding-right:8px; }
.page-selector .next { background-position: right -626px; padding-right:15px; padding-left:8px; }
.page-selector .prev:hover { background-position: 0 -788px}
.page-selector .next:hover { background-position: right -680px}
/*selected director / terme*/
.selec-term{/*margin-top:1em;*/font-size:1.8em;background-color:#000000; color: #FFFFFF; border:1px solid #FF9900; font-weight:normal;padding:10px}
/*Page selector avec seulement deux controles (next et previous)*/
.prev-next-only .frst{background: url(/medias/nfb_tube_static/styles/imgs/norm-img-strip1.png) right 2px no-repeat;padding-right:5px;}
/*tabed panels pagination*/
.tab-pagination ul{text-align:right}
.tab-pagination ul li{float:none;display:inline;}
/*SORTING RESULTS*/
.sort-menu { float:right; color:#FFFFFF; font-size:1.2em;line-height:1.5; font-weight:bold; }
.sort-menu a.sel { color:#FFcc66; text-decoration:underline; font-weight:normal }
.sort-menu a, .sort-menu a:hover { font-weight:normal}
.drop-menu{text-align:right;margin-top:-4px}
.drop-menu li {position:relative;padding:4px 10px 4px 0;line-height:24px}
.drop-menu li a.switch{padding:6px 34px 6px 10px;color:#fff;background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) right -952px no-repeat}
.drop-menu li a.switch:hover{background-position:right -1024px}
.drop-menu li a{color:#fff}
.drop-menu li ul{width:220px;border-top:0;background-color:#333;position:absolute;z-index:1000;right:9000px;padding:5px 0}
.drop-menu li li{color:#FFcc66;line-height:18px;}
.drop-menu li li a{color:#FFcc66;padding:10px;font-weight:normal}
.drop-menu li li a:hover{color:#f90;text-decoration:underline;}
.drop-menu ul{right:9000px;border-top:4px}
.drop-menu > li:hover ul,
.drop-menu.hover ul{right: 0;}
/*ROUND CORNER PANELS*/
/*liquid grey panel + round corners (via jquery)*/
.grey-rnd-corner, .panel-full, .panel-sm{background-color:#333;display:block;}
.cnr_1{background:url(/medias/nfb_tube_static/styles/imgs/panel-grey-t_l.gif) left top no-repeat;}
.cnr_2{background:url(/medias/nfb_tube_static/styles/imgs/panel-grey-t_r.gif) right top no-repeat;}
.cnr_3{background:url(/medias/nfb_tube_static/styles/imgs/panel-grey-b_l.gif) left bottom no-repeat;}
.cnr_4{background:url(/medias/nfb_tube_static/styles/imgs/panel-grey-b_r.gif) right bottom no-repeat;}
.panel-full .inner{padding:9px}
.panel-full .inner:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*SYSTEM MESSAGES */
#comm-panel{position:fixed;bottom:18px;right:0;font-size:1.2em;z-index:1000}
#sys-mes-panel{position:fixed;font-size:1.2em;z-index:8001}
#sys-mes-panel{top:36px;text-align:center;width:100%}
.message-bar, .inbox-notice{float:left;height:36px;line-height:36px}
.message-bar{color:#000;float:none;display:inline-block;}
/* .edge-l, .edge-r, .close{background-image:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip6.png);background-repeat: no-repeat;min-height:1px}
.edge-l{padding-left:4px;background-position:left -1746px}
.edge-r{padding-right:4px;background-position:right -1800px}
.confirm .edge-l{padding-left:4px;background-position:left -1853px}
.confirm .edge-r{padding-right:4px;background-position:right -1907px}
.alert .edge-l{padding-left:4px;background-position:left -1529px}
.alert .edge-r{padding-right:4px;background-position:right -1583px}
.attention .edge-l{padding-left:4px;background-position:left -1637px}
.attention .edge-r{padding-right:4px;background-position:right -1691px}
*/
.message-body{background-color:#ccc;height:36px;padding:0 6px 0 16px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow: 1px 2px 2px #212121;
-webkit-box-shadow: 1px 2px 2px #212121;
box-shadow: 1px 2px 2px #212121;
opacity:0.9;
}
.confirm .message-body{background-color:#cf9;border:0 solid #693}
.alert .message-body{background-color:#fcc;border:0 solid #966}
.attention .message-body{background-color:#ff6;border:0 solid #990}
.close{background-position:right -1977px;padding-right:16px;padding-left:16px;color:#900;font-weight:bold;cursor:pointer}
.close:hover{text-decoration:underline}
.inbox-notice{background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) left -1854px no-repeat;min-height:1px;padding:0 0 0 4px;margin-left:1px}
.msgs, .switch{float:left}
.msgs{background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) left -1939px no-repeat;width:64px;}
.msgs a{padding-left:32px}
.switch{padding:13px 6px 0 4px;vertical-align:middle;}
.msgs{display:none}
/*PAGES SECTIONS*/
.page-section-head {border-bottom:1px solid #000;text-transform:uppercase;background:#242424 url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) 20px -219px no-repeat;padding-left:36px;font-size:1.2em;line-height:2.9166em}
.page-section-head a{color:#fff}
.page-section-head a:hover{color:#f90;text-decoration:underline}
.page-section-head img{vertical-align:text-bottom;}
/*psh = Page Section Head*/
.psh-badge{padding-left:10px;background:url(/medias/nfb_tube_static/styles/imgs/header-bkg.png) left bottom repeat-x;border-bottom:1px solid #000;text-transform:uppercase;font-size:1.2em;line-height:2.9166em;padding-top:18px;margin-top:-18px}
.psh-badge__wack{margin-top:18px} /*really sorry about this one - jsb 11-2009*/
.psh-badge span, .hdr-badge span{padding:27px 0 6px 55px;background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip5-2.png) left top no-repeat;}
.hdr-badge {background-color:#fff;margin:18px 0}
.hdr-badge span{padding:17px 0 17px 55px}
.hdr-badge .films-bdg, .psh-badge .films-bdg{background-position:0 0;}
.hdr-badge .store-bdg, .psh-badge .store-bdg{background-position:0 -504px;}
.hdr-badge .educ-bdg, .psh-badge .educ-bdg{background-position:0 -432px;}
.hdr-badge .interactive-bdg, .psh-badge .interactive-bdg{background-position:0 -648px;}
.hdr-badge .nfb-images-bdg, .psh-badge .nfb-images-bdg{background-position:0 -360px;}
.hdr-badge .plist-bdg, .psh-badge .plist-bdg{background-position:0 -72px;}
.hdr-badge .blog-bdg, .psh-badge .blog-bdg{background-position:0 -144px;}
.hdr-badge .related-bdg, .psh-badge .related-bdg{background-position:0 -576px;}
.hdr-badge .comments-bdg, .psh-badge .comments-bdg{background-position:0 -216px;}
.hdr-badge .downloads-bdg, .psh-badge .downloads-bdg{background-position:0 -288px;}
.hdr-badge .channels-bdg, .psh-badge .channels-bdg{background-position:0 -2107px;}
.hdr-badge .gadgets-bdg, .psh-badge .gadgets-bdg{background-position:0 -288px;}
.page-section-pnl{background-color:#242424;}
.page-section-tabs {text-transform:uppercase;background-color:#242424;}
.page-section-tab-pnl{background-color:#333;border-bottom:1px solid #000;min-height:1%}
/* voir tabs >> ln 1038 */
.page-section-foot{width:100%;clear:both;height:5.3em;padding-top:18px}
.page-section-foot ul{border-top:1px dotted #ccc;margin: 0 1.8em;padding-top:8px;text-align:right;}
.page-section-foot ul li{display:inline}
.page-section-foot a:hover{color:#f90;text-decoration:underline;}
.moreico {
background:transparent url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) no-repeat scroll 4px -1151px;font-size:12px;line-height:18px;padding-left:25px;}
/* Layout, rows & backgrounds */
.viewport{overflow:hidden;position:relative;}
.hp-viewport{height:64.8em}
.viewport-tray{position:absolute}
.page-section-tab-pnl .hp-viewport{height:61.2em}
.col-bkg-500{background:url(/medias/nfb_tube_static/styles/imgs/500-col-bkg.png) top left repeat-y}
.col500-fillbkg-grey{background:url(/medias/nfb_tube_static/styles/imgs/500-col-fill-bkg-grey.png) top left repeat-y}
.col500-fillbkg-white{background:url(/medias/nfb_tube_static/styles/imgs/500-col-fill-bkg-white.png) top left repeat-y}
/* in dev - js 03-2010 */
.page-section-foot{position:relative}
.scroll-ctrl{position:absolute;width:40%;left:30%;top:27px;text-align:center}
.scroll-ctrl a{cursor:pointer;display:inline-block;width:37px;height:18px;background:url(/medias/nfb_tube_static/styles/imgs/vert-scroll-arrows-18.png) top left no-repeat}
.scroll-ctrl a:hover{background-position:left -28px}
.scroll-ctrl a:active, .scroll-ctrl a:focus{background-position:left -56px}
.scroll-ctrl a.scroll-off{background-position:left -84px}
.scroll-ctrl-up{}
.scroll-ctrl-down{}
/* Features and marquises */
.marquise{height:306px;overflow:hidden;}
.feature{height: 306px;width:720px;display: block;overflow: hidden;padding: 0;position:relative;background-size: contain}
.feature-wraper{position:relative}
.thefeature-txt{width:372px;height:306px;background-color:#000;position:absolute;right:0;padding:0 20px 0 40px}
.feature-box-txt {font:normal 1.2em/1.5em Arial, Helvetica, sans-serif; display:block;width:270px;margin:9px; background-image:url(/medias/nfb_tube_static/styles/imgs/black75pct.png); background-repeat:repeat; padding:18px;}
.feature-box-txt .titre{ font-size:1.5em; font-weight:normal; margin-bottom:18px;}
.feature-box-txt .surtitre { font-size:1.1666em; color:#FF9900; display:block; margin-bottom:18px; }
.feature-box-txt .mdesc {color:#FFFFFF; display:block; line-height:18px; margin-bottom:1em;}
.feature-box-txt .mdesc a:hover{color:#f90;text-decoration:underline}
.feature-box-txt .credits { font-size:11px; color:#FFFFFF; display:block}
.feature-box-txt .category {text-align:right;display:block;height:72px;position:absolute;top:30px;right:412px;line-height:72px;z-index:50}
.feature-box-txt .category span{background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) left -72px no-repeat;padding:6px 0 6px 10px}
.feature-box-txt .category em{font-style:normal;text-transform:uppercase;padding:30px 80px 30px 0;background-image:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip5.png);background-repeat:no-repeat;}
.films-bdg em, .film-bdg em, .type0-bdg em{background-position:right -1494px;}
.store-bdg em, .type6-bdg em{background-position:right -1746px;}
.educ-bdg em, .education-bdg em, .type5-bdg em{background-position:right -1242px;}
.interactive-bdg em, .gadgets-bdg em, .type1-bdg em{background-position:right -1116px;}
.nfb-images-bdg em, .nfbimage-bdg em, .type7-bdg em{background-position:right -864px;}
.plist-bdg em, .playlist-bdg em, .type3-bdg em{background-position:right -990px;}
.blog-bdg em, .blogpost-bdg em, .type4-bdg em{background-position:right -1872px;}
.related-bdg em, .type-bdg em{background-position:right -1368px;}
.comments-bdg em, .type-bdg em{background-position:right -1872px;}
.downloads-bdg em, .type2-bdg em{background-position:right -1620px;}
/*playlists home*/
.pl-home .titre{font-size:2em;line-height:1.25em}
.pl-home .feature-box-txt {margin-left:20px}
/* ( o ) --------------- */
/* | | PAGE COMPONENTS */
/*---------------------- */
/*SIDE MENU // 11-2011*/
.side-nav{margin:0 20px 18px -10px}
.side-nav li{padding:6px 10px;font:normal 1.4em/1.2857em 'FreeSans', Arial, Helvetica, sans-serif;position: relative;color:#999}
/*.side-nav li{padding:4px 10px;font:normal 1.4em/1.8em 'FreeSans', Arial, Helvetica, sans-serif;position: relative;color:#999}*/
.side-nav a:hover{text-decoration: underline}
.side-nav li.on{background: #242424;border-radius: 4px;box-shadow:0px 1px 2px #000 inset, 0px -1px 0px #383838 inset}
.side-nav li.on a{font-weight:bold;color:#fff;background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip6.png) 1px -146px no-repeat;padding-left:14px }
/*.side-nav i{vertical-align:top;font-style: normal;font-size:11px;background: #fc6;padding: 0 4px;border-radius: 6px;color:#000;margin-left:1em}*/
.side-nav i{font-style: normal;font-size:11px;background: #fc6;padding: 0 4px;border-radius: 6px;color:#000;margin-left:1em;display:block;position:absolute;right:10px;top:8px;height:14px;line-height:14px}
.side-nav li.on i{background: #fff;font-weight:bold}
.side-nav-title{font: normal 1.2em/1.8em 'FreeSans', Arial, Helvetica, sans-serif;text-transform: uppercase;color:#ccc;margin: 0 0 1.8em 0 }
.side-nav-intro{font: 1.1em/1.4em 'FreeSans', Arial, Helvetica, sans-serif;margin:-1.4em 0 1.8em 0 }
.side-nav-separator{border-top: 2px solid #666;margin-right :20px;padding-top:18px }
/*GENERIC TABS*/
.page-tabs{min-height:36px;padding-top:16px;border-bottom:1px solid #999;padding-left:10px; line-height:3.6em;}
.page-tabs li {display:inline; font-size:1.2em; font-weight:normal; margin:0 0 0 10px; padding:11px 30px}
.page-tabs li a{color:#fc6; }
.page-tabs li a:hover{text-decoration:underline;}
.page-tabs li a:active, ul.page-tabs li a:focus{text-decoration:none;}
.page-tabs li a {padding-bottom:13px}/*pour safari 3*/
.page-tabs li{background-color:#131313;border:1px solid #666; border-bottom-color:#999;border-bottom-width:0}
.pl-browse .page-tabs li{background:url(/medias/nfb_tube_static/styles/imgs/pl-tab-idle-bkg.gif) left top repeat-x;border-color: #956464; border-bottom-color:#999;}
.page-tabs .selected, .page-tabs .tab-selected{background-color:#000;background-image:none;border:1px solid #999; border-bottom-color:#000;border-bottom-width:3px}
.page-tabs .selected a, .page-tabs .tab-selected a{color:#fff}
/*smaller tabs like on player page*/
.small-tabs {min-height:24px;line-height:2.4em;padding-top:0}
.small-tabs li{padding:4px 10px}
.tabbed-panel{padding-top:1.5em;font-size:1.2em;line-height:1.5em}
/*Page Section tabs*/
.page-section-tabs {line-height:3.4em;min-height:34px;padding-top:0;border-bottom:1px solid #000;padding-left:0}
.page-section-tabs li{background:#242424 url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) 20px -150px no-repeat;border-width:0 0 0;padding:9px 38px 10px;;margin-left:0}
.page-section-tabs .selected{background:#333 url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) 20px -219px no-repeat;border-width:1px 1px 2px;border-color:#333 #000 #333}
.page-section-tabs > li.selected:first-child{border-left:1px solid #333}
/*Page Section tabs - like homepage*/
.page-section-tabset {text-align:center;background-color:#333;line-height:26px;min-height:27px;padding-top:9px;padding-left:0;border-bottom:0}
.page-section-tabset li{background-color:transparent;border-width:0 0 0 0;padding:9px 0 7px;margin-left:0}
.page-section-tabset span{background: url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) 14px -150px no-repeat;border-width:0 0 0 0;padding:9px 0 10px 34px;}
.page-section-tabset a{padding:9px 15px 9px 0;margin-right:-5px}
.page-section-tabset .selected{background: url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) 0 -68px no-repeat;border-width:0 0 0;}
.page-section-tabset .selected span{background-position:14px -219px;}
.page-section-tabset .selected a{background: url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) right -68px no-repeat;}
/*Side tabs*/
.side-tabs{font-size:1.2em;padding-bottom:1px;padding-right:10px}
.side-tabs li{border-bottom:1px solid #333}
.side-tabs li{border-bottom:1px solid #333;padding:0.75em 18px 0.6666em 0}
.side-tabs li a{line-height:1.5em;display:block;font-weight:normal;color:#fff;padding-left:14px;background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) left -1308px no-repeat;}
.side-tabs .selected{border-top:none;border-right:none;border-left:none; }
.side-tabs .selected a{color:#fc6;background:#090 url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) left -1254px no-repeat}
.side-tabs li a:hover{text-decoration:underline;color:#f90;}
.side-tabs li a:focus{text-decoration:none;}
.side-tabs li em{font-style:normal;}
.side-tabs .last{border-bottom:none}
/*filter results*/
.result_desc {float:none; font-size:1.8em;margin:0; padding:1em 0;text-transform:lowercase;}
.result_desc strong{font-weight:normal;color:#ff0;text-transform:capitalize;}
.cap{text-transform:capitalize;}
.alpha-listing {width:240px;font-size:1.2em;border:1px solid #3f3}
.alpha-listing li{width:206px;margin:0 auto;border-top:1px solid #333;line-height:3.8em}
.alpha-listing li a{font-weight:bold}
.alpha-listing li a:focus, .liquid-alpha-listing li a:hover{color:#ff9900;text-decoration:underline;}
.l-alpha-listing{margin-top:2.4em}
.l-alpha-listing ul {width:240px;font-size:1.2em;}
.l-alpha-listing ul li{width:206px;margin:0 auto;border-bottom:1px solid #333;line-height:2.91666em}
.l-alpha-listing ul li a{font-weight:bold}
.l-alpha-listing ul li a:focus, .l-alpha-listing ul li a:hover{color:#ff9900;text-decoration:underline;}
.selected-term {margin:1.666em 0 0;max-width:960px}
.selected-term .back{font-size:1.2em;line-height:1.5}
.selected-term .term{font-size:3.6em;line-height:1.5;color: #f90; font-weight:normal}
.selected-term .description{font-size:1.2em;line-height:1.8em;margin-top:1.8em}
.selected-term .portrait{display:block;float:left;padding:0 20px 10px 0}
/* ( o ) -------------- */
/* | | BANNER SYSTEME */
/* -------------------- */
.banner-ad{position:relative;font:normal 1.2em/1.5em Arial, Helvetica, sans-serif}
.banner-ad img{display:block;}
.ad_copy{padding:1.5em 0}
.ad_title{font-weight:normal;font-size:1.5em;margin-bottom:1em}
.ad_txt a{color:#fff}
.banner-ad a:hover{color:#f90;text-decoration:underline;}
.player-banner{padding-left:20px;margin:1.5em 0}
.hp-banner{} /*temp : to be replaced by web production features - jsb 10-2009 */
.hp-banner .ad_copy{background:url(/medias/nfb_tube_static/styles/imgs/black75pct.png) left top repeat;position:absolute;bottom:0;width:204px;border-bottom:3px solid #000}
.hp-banner .ad_title, .hp-banner .ad_txt{margin:0 20px}
.hp-banner .ad_title{margin-bottom:1em}
/* ( o ) ---------------- */
/* | | THUMBNAIL MODULES */
/* ---------------------- */
/*LIST OF FILMS*/
div.playing{border:1px solid #c00;}
/*Vignettes de film */
/* aka : Floating grid module */
/*v2.0*/
/*:::::: more style modifier in norm-userhub.css */
.vignette {width:240px; margin:9px 0; float:left; text-align:center; padding:9px 0; height:20em}
.vignette .inner{width:206px; margin:0 auto; border:1px solid #000; color:#fff;padding-bottom:1.5em; position:relative}
.page-section-pnl .vignette .inner{border:1px solid #242424;}
.page-section-tab-pnl .vignette .inner{border:1px solid #333;}
/*.vignette .inner:hover{ border:1px solid #ffcc66;}*/
.vignette .playing{border:1px solid #c00;}
.vignette .vis{display:block;position:relative;}
.vignette .visual{width:204px;height:115px;margin:1px auto 8px;background-color:#000;font-style:italic;color:#999}
.vignette a:focus img{outline:1px dotted #ff9900}
.vignette img{margin:0;}
.vignette .p-overlay {position:absolute;top:0;left:0;z-index:10;width:204px;height:115px;background:url(/medias/nfb_tube_static/styles/imgs/play-overlay-tmb.png) 77px 32px no-repeat}
.vignette .infos, .vignette .meta{font: normal 1.2em/1.5em Arial, Helvetica, FreeSans,serif;text-align:left;padding:0 3px}
.vignette .infos a:focus,.vignette .infos a:hover{text-decoration:underline;color:#F90}
.vignette .over-title{color:#ccc;margin-top:18px}
.vignette .title{font-size:1.1666em;font-weight:normal;text-indent:20px;margin-bottom:1.2857em}
.vignette .title a{font-weight:normal;}
.vignette .infos .film{text-indent:0}
.vignette .infos .pl,
.vignette .infos .resume,
.vignette .infos .download,
.vignette .infos .more,
.vignette .infos .play{background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) 0 0 no-repeat;text-indent:20px ;min-height:1px}
.vignette .infos .pl{background-position:-217px -522px}
.vignette .infos .resume{background-position:0 -1204px}
.vignette .infos .download{background-position:0 -1096px}
.vignette .infos .more{background-position:0 -1149px}
.vignette .infos .play{ background-position:0 -721px}/*?*/
.vignette .infos .actions{margin:1.5em 0}
.vignette .infos .more{font-size:inherit}
.vignette .description{margin-bottom:1.8em}
.vignette .creator,
.vignette .running-time,
.vignette .prod-year{display:inline;font-size:0.9166em;line-height:1.8em}
.vignette .creator{color:#ccc}
.vignette .running-time{white-space:nowrap}
.vignette .add2pl em{padding-left:12px;font-style:normal;background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) left no-repeat}
.vignette .guest{font-size:1.8em}
.vignette .guest a{font-weight:normal}
.vignette .meta{text-align:left;padding-top:9px;padding-bottom:9px}
/* ratings and warnings see also js-plugins.css */
.rating-warning, .ttip{cursor:help}
.wrng{width:39px;height:39px;position:absolute;top:0;left:0;z-index:2005}
.wrng a{color:#990000;display:block;width:39px;height:39px;background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip6.png) left -1116px no-repeat;}
/*format icons*/
.format-icons{position:absolute;top:90px;right:4px;text-align:right}
.vignette .format-icons img{width:auto;height:auto;}
/*meta*/
.meta .entry-type{}
.meta .entry-date{font-size:0.9166em}
.meta .entry-status{color:#fff;background-color:#090;font-style:normal;padding:0 4px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.meta .entry-status-red{background-color:#900;}
/* Playlist Thumbnail Mosaik (4 pictures mosaik)*/
.playlist-wrap { display:block; width:204px; height:124px; padding:1px 0 0 0; margin:0 0 0 3px;overflow:hidden; text-decoration:none; }
.playlist-wrap .img1, .playlist-wrap .img2, .playlist-wrap .img3, .playlist-wrap .img4 {width:97px; height:55px; float:left;border:0;background-color:#336}
.playlist-wrap .img1 {margin:0 5px 5px 0;}
.playlist-wrap .img2 {margin:0 0 5px 0;}
.playlist-wrap .img3 {margin:0 5px 0 0;}
.playlist-wrap .img4 {margin:0 0 0 0;}
/*Thumbnail Modifier | extends .vignette */
.v-collapsed{height:auto;}
.v-collapsed .inner{background-color:#000;padding-bottom:0}
.v-collapsed .visual{margin-bottom:0}
.v-collapsed .infos{position:absolute;top:18px;background:url(/medias/nfb_tube_static/styles/imgs/black75pct.png) left top repeat;width:200px}
.v-expanded{display:block;float:none;width:auto;height:auto;text-align:left;margin:1.8em 0;padding:0}
.v-expanded .inner{width:auto;height:auto;background-color:#000;min-height:117px}
.v-expanded .visual{float:left;margin:9px 18px 0 9px;}
.v-expanded .infos{padding-left:0;margin-right:9px}
.v-expanded .infos, .v-expanded .edit-tools{margin-left:231px}
.v-expanded .description{margin-top:1.8em}
.v-expanded .description textarea{width:98%;font-size:14px;line-height:18px;}
.v-expanded .title{margin-top:1em}
.v-expanded .tools{}
/* see also norm-userhub.css */
/*used in add film to playlist via ajax in user hub */
.vig-mini .visual{height:54px;width:96px}
.vig-mini .infos, .vig-mini .edit-tools{margin-left:123px}
.vig-mini .inner{min-height:54px}
/*used in the oscars section*/
.vig-xxsm .inner{min-height:36px;padding-bottom:0}
.vig-xxsm .p-overlay {z-index:10;width:84px;height:36px;background:url(/medias/nfb_tube_static/styles/imgs/play-overlay-sm-tmb.png) 50% 50% no-repeat}
.vig-xxsm .visual{height:36px;width:64px;margin-top:0}
.vig-xxsm .infos, .vig-mini .edit-tools{margin-left:91px}
.vig-xxsm .title{margin-top:0}
.guide .visual{width:92px; height:auto;padding-right:3px}
/*medium descriptions (like in playlist)*/
.vig-mediumtext {height:32.4em}
/*longer descriptions (like in expert playlist)*/
.vig-longtext {height:39.6em}
/*External website listing*/
.vig-site {height:30.6em}
.vig-site img.visual {width:204px; height:153px;} /* external site imgs */
/*inline message vignette*/
.vig-message{font-size:1.2em;line-height:1.5em}
.vig-message .inner{background-color:#333;}
.vig-message .copy{padding:26px 20px 0;text-align:left}
.message-tip{height:36px;position:absolute;bottom:18px;left:20px;line-height:36px;background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip6.png) left -450px no-repeat;padding-left:36px}
/*Contact sheet layout for image gallery*/
.img-gallery {height:auto}
.img-gallery .visual{margin: 3px 0 0;width:auto;}
/*voir film-list : ligne 1118 | conflict ? */
.filmlist{margin:1.8em 20px;font-size:1.2em}
.filmlist li{margin-bottom:18px}
.filmlist a:hover {text-decoration:underline;}
.filmlist .title{font-size:1.1666em;padding-bottom:2px}
.filmlist .running-time, .filmlist .prod-year, .filmlist .creator{font-size:0.9166em;display:inline;line-height:1.8em}
.L-pnl-deco0{background-color:#333;padding:1.8em 20px 1.8em 0;}
.L-pnl-deco1{background:#000 url(/medias/nfb_tube_static/styles/imgs/blk-on-grey-tl.png) top left no-repeat;margin:0 0 0 20px}
.L-pnl-deco2{background: url(/medias/nfb_tube_static/styles/imgs/blk-on-grey-br.png) bottom right no-repeat}
.L-pnl-deco3{background: url(/medias/nfb_tube_static/styles/imgs/blk-on-grey-bl.png) bottom left no-repeat}
.L-pnl-deco4{background: url(/medias/nfb_tube_static/styles/imgs/blk-on-grey-tr.png) top right no-repeat}
.foot-news .L-pnl-deco1{background:#000 url(/medias/nfb_tube_static/styles/imgs/blk-on-drkgrey-tl.png) top left no-repeat;margin:0 0 0 20px}
.foot-news .L-pnl-deco2{background: url(/medias/nfb_tube_static/styles/imgs/blk-on-drkgrey-br.png) bottom right no-repeat}
.foot-news .L-pnl-deco3{background: url(/medias/nfb_tube_static/styles/imgs/blk-on-drkgrey-bl.png) bottom left no-repeat}
.foot-news .L-pnl-deco4{background: url(/medias/nfb_tube_static/styles/imgs/blk-on-drkgrey-tr.png) top right no-repeat}
.L-pnl-side-tabs-deco{padding:0 0 16px;background:transparent url(/medias/nfb_tube_static/styles/imgs/side-menu-bot.png) bottom left no-repeat}
.L-pnl-side-tabs-deco ul{padding-top:1.5em;padding-bottom:0.75em;background:#000 url(/medias/nfb_tube_static/styles/imgs/blk-on-grey-tr.png) top right no-repeat}
.txt-pnl{padding:1.5em;}
.related-pnl .pnl-footer{min-width:204px;clear:both}
.related-pnl .pnl-footer h4{color:#f90}
.related-pnl.panel-on {display:block}
.related-pnl h3{color:#f90;}
.related-pnl {min-height:486px}
/*OLD HOME PAGE*/
/*_banniere*/
.main {min-height:310px;position:relative;}
.main a:hover { color:#FF9900; text-decoration:underline}
/* ( o ) -------- */
/* | | HOMEPAGE */
/*--------------- */
/*caroussel*/
.hp-mrq-wrap{background-color:#000;}
.hp-mrq-frame{max-width:1152px;min-width:960px; margin:0 auto;padding:18px 0;position:relative}
.hp-marquise {width:100%;}
.hp-marquise {position: relative;}
.hp-marquise .feature{width:100%;min-width:960px;max-width: 1152px;margin:0 auto}
.hp-marquise li{background-position:left top;background-repeat:no-repeat;}
.hp-marquise .feature-box-txt{padding-right:0;margin-right:0;width:auto;background-image:none;padding-top:0;margin-top:0}
.hp-marquise .titre{font-size:3em;line-height:1em;}
.hp-marquise .titre a{color:#fff}
.hp-marquise .titre a:hover{color:#f90;border-bottom:1px solid #f90;text-decoration:none;}
.hp-marquise .surtitre a{color:#f90}
.hp-marquise-foot{background-color:#999;}
#hp-marquise-nav{position:absolute;z-index:100;top:294px;right:0;width:392px;font-size:1.2em;padding:0;height:1.5em}
#hp-marquise-nav .modern-button{color:#999; margin-left:5px;background-image: none;border-radius: 0;background-color: #000; border: 1px solid #242424 }
#hp-marquise-nav .modern-button b{padding: 6px 9px;}
#hp-marquise-nav .activeSlide{color:#ccc; background: #242424}
#hp-mrq-frame .modern-button:hover{background-image:none;color:#ccc; background-color:#242424}
/*NFB blog preview v 2.0*/
.blog-preview{margin:0 20px;padding-bottom:1.5em;font: normal 1.2em/1.5em Arial, Helvetica, sans-serif;}
.blog-preview .post{padding:1.5em 0 0}
.blog-preview .post-title {font-size:1.5em;line-height:1.2em}
.blog-preview .post-title a {color:#ffcc66; font-weight:normal }
.blog-preview .post-title a:focus, .blog-preview .post-title a:hover { border-bottom:1px solid #f90;color:#f90;text-decoration:none}
.hp-blogpost .blog-preview .post-title{font-size:2em;line-height:1.2em;margin-bottom:18px}
.blog-preview .post-meta{font-size:0.91666em;color:#fff}
.blog-preview .post-meta .p-date{}
.blog-preview .post-meta .p-auteur{}
.blog-preview p {margin:1.5em 0}
.blog-preview .bt-more{display:block;margin:1.5em 0}
.blog-preview .bt-more:hover{text-decoration:underline;color:#f90;}
.hp-blogpost .blog-loader{display:block;margin:0 auto;padding-top:36px}
.rss-ico{vertical-align:text-bottom;}
.foot-news-pnl .rss-ico{vertical-align:middle;}
/*temp : for OTV style HP : 11-2009*/
.hp-blogpost .blog-preview{margin:0 0;}
.hp-viewport .blog-preview{margin:0 20px;}
/* ( o ) ------ */
/* | | FOOTER */
/*------------- */
.norm-footer{border-top:18px solid #000}
.footer-featured-link{font:normal 1.1em/1.63636em Arial, Helvetica;margin:18px 0}
.footer-featured-link img{display:block;float:left;margin-right:10px}
.footer-featured-link h3{font-weight:bold;font-size:1.2727em}
.footer-featured-link h3 a{color:#fff;}
.footer-featured-link ul{margin-left:64px}
.footer-intro-link a:hover, .footer-intro a:hover, .footer-featured-link a:hover, .footer-sitemap a:hover, .foot-news .press a:hover{text-decoration:underline;color:#f90;}
.footer-sitemap{font:normal 1.1em/1.63636em Arial, Helvetica;margin:9px 0}
.footer-sitemap ul{padding:9px 0 8px;border-bottom:1px dotted #666;}
.footer-sitemap li, .footer-featured-link li{background:transparent url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) no-repeat scroll left -1254px;padding-left:12px}
.footer-intro{margin:1.5em 0 1.41666em;font:normal 1.2em/1.5em Arial, Helvetica, sans-serif}
.footer-intro .footer-sitemap{font-size:0.91666em;}
.footer-intro .footer-sitemap ul, .footer-sitemap ul.last{border-bottom:none;padding-bottom:9px}
.footer-intro-link{font:normal 1.1em/1.6363em Arial, Helvetica, sans-serif}
.footer-intro-link h2{margin-top:17px;padding-top:9px;font-size:1.0909em;text-transform:uppercase;border-top:1px dotted #666;}
.foot-news{padding:0.9em 20px}
.foot-news-pnl{padding:0.9em 0}
.foot-news .L-pnl-deco1{margin-left:0}
.foot-news #onfb_news_feed {height:198px;width:100%;overflow:hidden;}
.foot-news h2{font-size:1.2em;line-height:1.5em;text-transform:uppercase;margin-left:10px}
.foot-news .press{margin-left:10px}
.foot-news .press h2{margin-left:0}
.foot-news .press h2, .foot-news .press p{display:inline;}
.foot-news .press p{font:normal 1.1em/1.6363em Arial, Helvetica, sans-serif}
/*news vignette*/
.news-unit{font:normal 1.1em/1.6363em Arial, Helvetica, sans-serif;margin-top:0;padding-top:0;width:220px}
.news-unit .inner{text-align:left;margin:0 0;width:180px;padding: 0 10px}
.news-unit .inner:hover{border-color:#000;}
.news-unit a:hover{text-decoration:underline;color:#ff9900;}
.news-unit .nw-date{color:#999;}
.news-unit .nw-title{}
.news-unit .nw-summ{height:72px;overflow:hidden;}
.footer-social{margin:18px 20px 0 0;}
.footer-social p{line-height:1.6363em;padding-top:90px;font-size:1.1em;background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) 100% -1638px no-repeat;text-align:right}
div.hr-div{border-top:1px solid #666;margin:9px 20px 8px}
/*sub footer*/
.footer-logo-nfb, .footer-logo-nfb span, .footer-logo-canada, .footer-logo-canada span{width:220px;height:36px;}
.footer-logo-nfb, .footer-logo-canada{position:relative;font-size:8px;}
.footer-logo-nfb span, .footer-logo-canada span{position:absolute;top:0;left:0;z-index:1;background-image:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png);background-repeat:no-repeat }
.footer-logo-nfb span{background-position: 0 -1494px}
.footer-logo-canada span{background-position: 0 -1422px}
.clf-t-o-p {font:normal 1.2em/1.5em Arial, Helvetica, sans-serif;padding-top:18px}
.clf-t-o-p a{padding-right:22px;background: url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) right -1570px no-repeat}
.clf-d-m{text-align:right;margin-right:20px;line-height:1.8em;color:#999}
.clf-d-m ul li{display:inline;font-size:1.2em;padding-left:1.2em}
.clf-d-m a, .clf-t-o-p a{text-decoration:underline;}
/* ( o ) ------------- */
/* | | EXPLORE FILMS */
/*-------------------- */
.filters-panel label, .filters-panel .ttl{color:#ccc;font-size:1em;margin-bottom:4px;text-transform:uppercase;}
.filters-panel .frm-item{margin:0; width:200px;float:left}
.filters-panel .sbmt{width:100px}
.filters-panel .frm-item label, .filters-panel .ttl{display:block;margin-top:0}
.frm-item label.inline{display:inline;font-size:1.2em;color:#fff;vertical-align:top}
.frm-item .frm-sub-item{margin:0.8em 0}
.frm-item .frm-sub-item label{text-transform:none;}
.frm-item select{font-size:1.2em;display:block}
.filters-panel select{width:180px;font-size:1.2em}
.filters-panel .sbmt input{font-size:1.2em;margin-top:1.166em;padding:0 1em}
div.expl_options{position:absolute;top:-126px;right:20px;}
.expl_options span.ttl{color:#fc6}
.extra-filter{float:left;padding:0 10px}
.extra-filter label, .extra-filter .ttl{font-size:1.2em;margin-bottom:4px;}
.extra-filter label{color:#fc6;margin-right:10px}
.extra-filter label img{vertical-align:-10%; }
.extra-filter input{margin-right:6px;margin-left:10px}
.extra-filter .frm-sub-item, .extra-filter .sbmt{display:inline}
.extra-filter .frm-item button {padding:0;border:none;background-color:#000;font:normal 12px/1.5 Arial, Helvetica, FreeSans, sans-serif;color:#ccc;}
.extra-filter .frm-item button:hover{border-bottom:1px solid #f90;color:#f90;cursor:pointer;}
/* ( o ) --------------- */
/* | | SYSTEM MESSAGES */
/* --------------------- */
.msg-search-result{margin:15px 30px 50px;font-size:1.4em}
.msg-no-results{margin:18px 0 36px;font-size:1.4em;line-height:1.2857em}
/* ( o ) --------------------------- */
/* | | SEARCH RESULTS (GOOGLE APP) */
/* --------------------------------- */
/* Search result */
.otv-goog-body{width : 960px; margin : 0 auto; font-size : 1.2em;}
.search-insert{}
.srch-query{color:#f90}
.otv-one-box{width:960px;}
.otv-one-box{background:#333 url(/medias/nfb_tube_static/styles/imgs/edge-one-box.gif) -960px 0 no-repeat;margin:10px auto;clear:both}
.otv-one-box-inner{background:url(/medias/nfb_tube_static/styles/imgs/edge-one-box.gif) 0 100% no-repeat;padding:1px 0 46px;overflow:hidden}
.otv-one-box .results-txt{margin:9px 10px 10px;font:normal 2.4em/1.8em Arial, Helvetica, sans-serif}
.otv-one-box .tb-playlist-item{height:auto;width:160px;background-color:#333;margin:0; padding:0; float:left; }
.otv-one-box .tb-playlist-item .inner{width:140px;height:auto;margin:0 auto;border-color:#333}
.otv-one-box .tb-playlist-item img.pl-item-image{width:auto; height:78px}
.otv-one-box .tb-playlist-item .pl-item-title{text-indent:20px}
.otv-one-box .tb-playlist-item .pl-item-creator{font-weight:bold;font-size:1.0em;color:#FFFFFF}
.otv-one-box .tb-playlist-item .pl-item-running-time {display:block}
/*more thumbnail*/
.otv-one-box .more-box{}
.otv-one-box .more-box .m-box{width:138px;height:78px;background-color:#747474;font-size:14px;text-align:left;}
.otv-one-box .more-box .m-box strong{font-size:18px}
.otv-one-box .more-box .m-box a{color:#fff;display:block;padding:23px 10px;}
.otv-one-box .more-box .m-box a:hover{color:#f90;text-decoration:underline;}
.otv-one-box .more-box .f-title{margin-top:10px}
.otv-one-box .more-box .moreico{padding-left:20px;}
.otv-one-box div.rslt{clear:both;height:29px;background:url(/medias/nfb_tube_static/styles/imgs/bt-one-box-more-edge-one-box.gif) no-repeat left center;margin:10px 10px 0;padding:1px 0 1px 8px }
.otv-one-box div.rslt ul{height:29px;}
.otv-one-box div.rslt li{display:block;float:left;height:29px;font: normal 1.2em/29px Arial, Helvetica, sans-serif; background: url(/medias/nfb_tube_static/styles/imgs/bt-one-box-more-bkg-one-box.gif) no-repeat right center;padding:0 8px 0 0 }
.otv-one-box div.rslt .moreico{padding-top:5px;background-position:0 90%;display:block}
blockquote.g {border: none;color:#ffffff;margin-left:40px}
blockquote.g *:first-child:before { content: " "; }
blockquote.g *:first-child:after { content: " "; }
/*message de google*/
.goog-msg{width:960px;margin:0 auto}
.goog-msg p{font:normal 1.2em/1.6em Arial, Helvetica, sans-serif;margin:0 10px}
.spelling{margin-bottom:0 ;}
.results p{font-size:1em;margin-top:26px}
/* lost bits*/
.author { display:block; margin-bottom:20px; }
.desc { display:block; color:#FF9900; font-weight:bold }
.www-link { background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) 0 -468px no-repeat; display:block; padding-left:28px; margin-bottom:5px }
.rightcol { background-color:#000000; width:440px; padding-left:30px; padding-right:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
.switch{cursor:pointer;}
/* ( o ) --------- */
/* | | PLAYLISTS */
/* --------------- */
/* playlist deck */
.playlist .deco1{background-image:none;background-color:#000;position:relative;}
.pl-custom .deco1{background-color:#000;position:relative;}
.pl-home .deco1{background-color:#73714f}
.pl-guest .deco1{background-color:#600}
.pl-expert .deco1{background-color:#600}
.pl-project .deco1{}
.playlist .headline{margin-left:0}
/*.playlist .headline .pl-by{margin-top:1.8em}*/
.playlist .video-action{margin-top:1.8em;padding-bottom:1.8em}
.pl-custom .video-action{margin-left:20px;padding-bottom:0;position:absolute;bottom:1.8em}
.pl-home, .pl-custom{border-bottom:9px solid #000;}
/*temp 1.0 -> 2.0 */ .temp-project-pl .video-action{margin-left:0;margin-top:90px}
/* playlist body */
.copy-panel{margin:1.2857em 20px;font: normal 1.4em/1.2857em Arial, Helvetica, sans-serif;color:#000}/* ? voir .txt-panel and merge */
.copy-panel a{color:#690}
.copy-panel a:hover{color:#060;}
.pl-author-pict{display:block;float:left;height:115px;margin-bottom:5px;margin-right:15px;text-align:left;width:204px;}
/*project playlist*/
.jump-menu{margin:0 66px 0 0}
.jump-menu li{font-size:1.4em;line-height:2.5em;border-top:1px solid #c00}
.jump-menu .frst{border-top:none;margin-top:-1px}
.jump-menu em{font-style:normal}
.jump-link{display:block;position:absolute;top:0;right:0;font-size:0.8em}
a.jump-link, a:hover.jump-link, a:visited.jump-link, a:active.jump-link{color:#fc6}
/* ( o ) ----------- */
/* | | ERROR PAGES - 404, 500*/
/* ----------------- */
.error-body .panel-4c-rd-grey{margin-top:10px}
.error-body .tb-playlist-item{background-color:#333;border-color:#333333}
.error-body .tb-playlist-item .inner{border-color:#333333}
.error-body .tb-playlist-item .inner:hover{border-color:#FFCC66}
.errorlist {color:red;font-size:11px;margin-bottom:5px;}
.error-body .panel-4c-rd-grey h3{line-height:1.1em}
.error {color: #cc0000; font-size: 11px}
.suggestion-panel{width:400px;height:551px;float:right;padding-top:76px}
.suggestion-panel .inner{width:310px;margin:0 auto;display:table; height:87px;}
.suggestion-panel .vignette{background-color:transparent;width:auto;margin:0;padding:0}
.suggestion-panel .vignette .inner{border:none;height:auto}
.suggestion-panel .vignette .visual{float:left;width:50%;height:auto}
.suggestion-panel .vignette .infos{margin-left:52%;padding-top:1px;padding-left:10px; display: table-cell; vertical-align: middle;}
.suggestion-panel .content h3 { line-height:23px;}
p.error404-message { font-size:18px; margin-top:15px; }
.error-404-body ul { list-style-type:none; }
.error-404-body .content a:link, .error-404-body .sitemap.content a:visited { text-decoration:none; }
/*error messages*/
.err-msg{font-size:1.2em;}
.error-panel{padding:6px 20px;padding-bottom:1.8em}
.error-panel .inner{background:#c00 url(/medias/nfb_tube_static/styles/imgs/otv-bkg-img_left.gif) 20px -2508px no-repeat;padding:6px 20px}
.error-panel p{margin:1em 10px 1em 60px;line-height:1.8em;font-size:1.4em}
.error-panel p strong{font-size:1.5em;font-weight:normal}
/*error messages v2.0*/
.error-bar{padding-bottom:1.8em}
.error-bar .inner{background:#c00 url(/medias/nfb_tube_static/styles/imgs/otv-bkg-img_left.gif) -124px -2508px no-repeat;padding:6px 20px}
.error-bar p{margin:1em 10px 1em 60px;line-height:1.2857em;font-size:1.4em;color:#fff}
.error-bar p strong{font-size:1.5em;font-weight:normal}
/*error symbols*/
.form-msg-confirm, .form-msg-error {padding:3px 30px 4px 0;background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3.png) 0 0 no-repeat}
.form-msg-confirm{background-position:100% -1206px}
.form-msg-error{background-position:100% -1314px}
.form-msg-error .errorlist {padding-right:30px}
/* ( o ) ----------- */
/* | | FLAT PAGES */
/* ----------------- */
/* ! need to be updated */
.content blockquote.pullout{margin:36px 0 30px 30px}
/*hibou*/
div.error-body,
div.error-404-body,
div.notice-body,
div.survey-body{background:url(/medias/nfb_tube_static/styles/imgs/hibi_bkg-faq.jpg) no-repeat right top; min-height:1px}
div.error-body{background-image: url(/medias/nfb_tube_static/styles/imgs/hibi_bkg-500.jpg);min-height:300px}
div.error-404-body{background-image: url(/medias/nfb_tube_static/styles/imgs/hibi_bkg-404.jpg)}
div.notice-body{background-image: url(/medias/nfb_tube_static/styles/imgs/hibi_bkg-notice.jpg)}
div.survey-body{background-image: url(/medias/nfb_tube_static/styles/imgs/hibi_bkg-survey.jpg)}
/* FAQ *//* margins and padding */.faq-panel {margin-top:50px;}
.faq-question h3 {color:#ff9933;}
/* contact form */
.co-lst li { padding-left:20px;}
.contact-form { margin-left:20px;}
.contact-form label { margin-top:3px;}
.contact-form p , .contact-form h3{ padding-left:10px;}
.contact-form input[type=text], .contact-form input[type=radio], .contact-form textarea,.contact-form select { margin:3px 0; }
.contact-form input[type=radio] { margin-right:10px;}
.contact-form .no-style-list { margin-top:5px;}
.contact-form textarea { margin-left:-10px;}
/* ARS */
.container.contact-container .content a:hover {text-decoration:underline;}
.container.contact-container .content .header {margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid #787878;height:120px;}
/* used in about/contact-us : jsb 10-2009 */
#frmContact {font-size:12px;margin-bottom:30px;}
#frmContact h3 {font-size:24px; margin-bottom:20px;margin-left:0;font-weight:normal;padding-left:0;}
#frmContact label {}
#frmContact .contact-info{margin:15px 10px;}
#frmContact .contact-panel {margin:15px 0;}
#frmContact .inner ul {margin:0 0 0 28px;padding:0;list-style:none;}
#frmContact .inner ul li{margin:3px 0;line-height:15px;text-indent:-26px}
#frmContact .inner ul li label{line-height:10px;float:none;width:90%;padding:0;}
.ct-header {background: url(/medias/nfb_tube_static/styles/imgs/hibi_bkg_contact.png) top left no-repeat;}
/* fonts */
.tx-1-8 { font-size:1.8em; }
.contact-form label { font-weight:bolder; }
.contact-form { width:442px; }
.contact-form label { width:160px; float:left; display:block; }
.contact-form input[type=text] { width:195px; }
.contact-form textarea { width:355px; }
.contact-form textarea#id_message{margin-bottom:15px}
.contact-form select {display:block}
/* contact panel */
.contact-panel { width:365px; background:url(/medias/nfb_tube_static/styles/imgs/panel-top-contact.jpg) no-repeat top left #333; }
.contact-panel .inner { padding:15px 10px; /*background:url(/medias/nfb_tube_static/styles/imgs/panel-btm-contact.jpg) no-repeat bottom left;*/ }
/* -- ????????? */
.more ul h3 { color:#FF9900; font-size:1.4em; font-weight:normal; padding-bottom:10px;}
.more .movietitle { background:url(/medias/nfb_tube_static/styles/imgs/otv-bkg-img_left.gif) 0 -995px no-repeat ; padding-left:25px; }
.more { line-height:20px; margin-bottom:10px;font-size:1.2em }
.more ul { display:block; padding-right:60px;margin-left:12px }
.more li a:hover{color:#ff9900;text-decoration:underline;}
/*PAGE RSS
.rss-body a:hover{ color:#FF9900; text-decoration:underline}
.rss-title{background-image: url(/medias/nfb_tube_static/styles/imgs/bt_rss_big.gif); background-repeat: no-repeat;position: relative;left: 10px; top: 0;padding-left: 100px;}
.rss-title h1 {font-size:24px; height:auto;font-weight:normal;}
.rss-title h2{font-size: 18px;font-weight: normal;color: #F90;line-height: 22px;}
.rss-about{font-size: 12px;line-height: 18px; left: 10px; position: relative;}
.rss-feeds-1 { left:10px; position:relative;}
.rss-feeds-2 { left:10px; position:relative;}
.rss-feeds-1 h3, .rss-feeds-2 h3{font-size: 18px;color: #FFFFFF;font-weight: normal;}
.rssfeed{background-image: url(/medias/nfb_tube_static/styles/imgs/otv-bkg-img_left.gif);background-position: 0 -1693px;background-repeat: no-repeat;font-size: 12px; padding-left: 25px; display: block; height: 20px;line-height: 20px; margin-bottom: 20px;}
*/
/* ( o ) ------------- */
/* | | MESSAGES SYSTEM */
/* ------------------- */
/*
* The user hub inbox and comments in player page share the same basic classes for styles
* Some styles used in the user hub may be found in : norm-userhub.css
*
* */
/*inbox & player - messages*/
.inbox{}
.comments{}
.message-list{}
.message{margin:1.8em 0;border-bottom:1px solid #999;padding-bottom:18px;}
.inbox li{background-color:#fff;padding:18px 20px;min-height:64px;margin-bottom:9px;position:relative}
.inbox .message{border:none;background-color:#fff;margin:0 0;color:#000;padding-bottom:0}
.user-picture{float:left;clear:left;border:5px solid #666;width:54px; height:54px;background:#999 url(/medias/nfb_tube_static/styles/imgs/avatar-bkg.png) 50% 50% no-repeat}
.inbox .user-picture{clear:none;}
.user-picture img{width:54px; height:54px}
.message-list ul .user-picture img{width:27px; height:27px}
.subject-line{color:#000;margin-left:5.8571em;font-size:1.4em;line-height:1.2857em;font-weight:normal;}
.inbox .subject-line{}
.sender, .sender a{color:#f60;font-weight:bold}
.object{color:#690}
.message .date{float:left;line-height:1.8em;color:#666;font-size:1.2em;margin-bottom:12px}
.inbox .message .date{float:none;margin:0;font-weight:normal;font-style: italic;font-size:11px;color:#999}
.date em{font-style:normal}
.mess-body {font-size:1.2em;line-height:1.5; margin:0 0 0 6.833em}
.mess-body p{margin:0 0 1.5em 0 }
.message .tools{text-align:right;font-size:1.2em;height:1.4166em;line-height:1.4em;margin-top:-34px}
.inbox .tools{text-align:left;font-size:1.2em;height:1.4166em;line-height:1.4em;margin-top:18px}
.message .tools a{padding-right:20px}
.inbox .message .tools a{padding-right:0}
.act-delete{background-position:100px}
.act-reply{background-position:left -950px;}
.act-promote{background-position:left -900px;}
.inbox .act-delete{}
.inbox .act-reply{background-image:none;}
.inbox .act-promote{background-position:left -900px;}
.inbox .close-window, .close-box{position:absolute;top:9px;right:9px;margin:0}
.inbox .close-window a, .close-box a{display:block;float:right;width:22px;height:22px;background:url(/medias/nfb_tube_static/styles/imgs/modal-controls.png) 50% 100% no-repeat;padding:0;margin:0;overflow:hidden;text-indent:2000px}
.new-mess{}
.new-mess .date{color:#c60;font-weight:bold}
p.sorting-tool {font-size:1.2em;padding-right:18px}
.sorting-tool a{color:#690;padding:0 0.5em}
.sorting-tool a.on{color:#000}
.sorting-tool em{font-style:normal;font-weight:normal}
.comments{}
.comments .subject-line{color:#f90;margin-left:18px;font-size:1.2em;line-height:1.5em;font-weight:normal;float:left}
.comments .mess-body, .comments .date{margin-left: 6.833em}
.comments ul .mess-body, .comments ul .date{margin-left: 4.5833em}
.comments .mess-body p{}
.comments .date{float:none;color:#999;margin-bottom:1.5em;line-height:1.5;}
.comments .sender{color:#ff0}
.comments .act-reply{background-position:left -950px;color:#fc6}
.comments .act-promote{background-position:left -900px;color:#fc6}
.comments a:hover{color:#f90;text-decoration:underline;}
.default-msg{padding-top:1.8em}
/*chanels v1
.chanel-widget{position:relative;background-color:#000;margin-bottom:1.8em}
.chanel-name{border-bottom:1px solid #666;background:#222 url(/medias/nfb_tube_static/styles/imgs/norm-img-strip1.png) left -994px repeat-x ;color:#fff;font-size:1.8em;line-height:2em;padding:0 9px}
.act-chanel-option{display:block;position:absolute;top:18px; right:9px}
.vig-wrap{height:144px}
.chanel-widget .v-expanded{margin:0 48px;width:470px}
.userhub .chanel-widget .inner{border-color:#000}
.chan-prev, .chan-next{display:block;width:46px;height:144px;position:absolute;bottom:0;z-index:20;background-color:#000}
.chan-prev:hover, .chan-next:hover{background-color:#f60}
.chan-prev{left:0}
.chan-next{right:0}
*/
/*Quick start user menu */
/* -- NOT DONE -- */
.user-menu{margin:1em 0}
.user-menu li{padding-left:44px;margin:4px 0;background:url(/medias/nfb_tube_static/styles/imgs/otv-bkg-img_left.gif) 0 -1178px no-repeat;line-height:32px;font-size:1.2em}
.user-menu li.mdf-prfl{background-position: 0 -1178px;}
.user-menu li.updt-prfl{background-position: 0 -487px;}
.user-menu li.dlt-prfl{ background-position: 0 -2381px;}
.user-menu li.chg-pswrd{background-position: 0 -2773px;}
.user-menu a:hover {text-decoration:underline}
.user-menu em {font-style:normal}
/* ( o ) ------- */
/* | | BUTTONS */
/* ------------- */
/* css3 button 2011/01
*
*
* CLICK ME
*
*/
/* /!\ --> suite sur norm-ie-all.css */
.modern-button{
font-size:1.4em;
/*background-image:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3.png);*/
/*background-repeat: no-repeat;*/
background-color: #333;
/*background-image: -moz-linear-gradient(0% 50% 90deg, #555, #555, #333 0%);*/
/*background-image: -webkit-gradient(linear, 0% 49%, 0% 50%, from(#555), to(#333));*/
border:1px solid #222;
display:inline-block;
color:#fc6;
text-decoration:none;
cursor:pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.modern-button b{
padding:8px 9px;
line-height:1;
display:block;
font-weight:normal;
}
.modern-button:hover{
background-color: #aaff00;
background-image: -moz-linear-gradient(0% 100% 90deg, #af0, #af0);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#af0), to(#af0));
color:#000;
}
.modern-button:visited{text-decoration: none}
.modern-button:hover a{
color:#000;
}
/* modern-button modifiers*/
.modern-button-deact{font-size:12px;}
.modern-button-deact b{line-height:15px;padding:8px 9px 7px}
.modern-button-deact, .modern-button-deact:hover{background-image:none;background-color:transparent;color:#ccc}
.modern-button-deact:hover{text-decoration:underline;color:#fff}
.mb-orange{ background-image:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3.png);
background-repeat: no-repeat;
background-image: -moz-linear-gradient(0% 50% 90deg, #fc6, #fc6, #f90 0%);
background-image: -webkit-gradient(linear, 0% 49%, 0% 50%, from(#fc6), to(#f90));
color:#000;
}
.mb-orange:hover{
background-image: -moz-linear-gradient(0% 100% 90deg, #f90, #f90);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f90), to(#f90));
}
.mb-orange b{color:#000}
.mb-green{
/*background-image:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3.png);*/
/*background-repeat: no-repeat;
background-image: -moz-linear-gradient(0% 50% 90deg, #cf9, #cf9, #9c0 0%);
background-image: -webkit-gradient(linear, 0% 49%, 0% 50%, from(#cf9), to(#9c0)); */
color:#000;
background-color: #cf9;
}
.mb-green:hover{
background-image: -moz-linear-gradient(0% 100% 90deg, #9f0, #9f0);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9f0), to(#9f0));
}
.mb-green b{color:#000}
.mb-playall b{padding-left:36px;background:url(/medias/nfb_tube_static/styles/imgs/play-overlay-sm-tmb.png) 2px 50% no-repeat;opacity:1}
/*medium button*/
.mb-med{font-family: 'franklin-gothic-urw-cond', Arial, sans-serif}
.mb-med b{font-size: 18px;text-transform:uppercase;color:#fff}
.mb-med:hover b {color:#000}
.mb-filmdwnl-mobil b, .mb-filmdwnl-sd b, .mb-filmdwnl-hd b, .mb-filmdwnl-hd_ed b, .mb-filmdwnl-sd_ed b {padding:10px 10px 10px 52px ;background-image:url(/medias/nfb_tube_static/styles/imgs/thumbnails_ico-strip.png);background-repeat: no-repeat;}
.mb-filmdwnl-mobil b{background-position: 6px -1157px}
.mb-filmdwnl-sd b, .mb-filmdwnl-sd_ed b{background-position: 6px -1100px}
.mb-filmdwnl-hd b, .mb-filmdwnl-hd_ed b{background-position: 6px -1043px}
/*simple button css3*/
.simple-button{background: #99cc00;color:#030;text-decoration:none;display:inline-block;border: 1px solid #030;border-radius: 6px;padding:1em;box-shadow: 0px -1px 6px #360 inset}
.simple-button{-webkit-transition:all 0.1s ease-in;
-moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in;
transition:all 0.1s ease-in;
}
.simple-button b {font-weight:bold;font-size:12px;}
.simple-button:hover{color:#000;text-decoration:none;border-color: #222;box-shadow: none}
.simple-button:active{color:#000;background: #690;text-decoration:none;box-shadow: 0px 1px 3px #120 inset;border-color: #030}
/* new buttons for nfb.ca@2010/01
*
*
*
*
* text
*
*
*
*
*
* */
.bttn{border:none;line-height:36px;font-size:14px;padding:12px 0 8px 10px;margin-right:10px;background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3.png) left 5px no-repeat;color:#000}
.bttn em{font-style:normal;padding:12px 10px 8px 0;margin-right:-5px;background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3.png) right 5px no-repeat;color:#000;}
.bttn img{vertical-align:middle;}
.bttn:hover, button.bttn:hover span{background-position:left -49px;}
.bttn:hover em, button.bttn:hover em{background-position:right -49px;}
.bttn:active{background-position:left -103px}
.bttn:active em{background-position:right -103px}
.bttn-filmdwnl-mobil, .bttn-filmdwnl-sd, .bttn-filmdwnl-hd, .bttn-filmdwnl-mobil em, .bttn-filmdwnl-sd em, .bttn-filmdwnl-hd em{background-image:url(/medias/nfb_tube_static/styles/imgs/dwnld-buton_bkg.png)}
.bttn-b-grey, .bttn-b-grey em {padding-bottom:14px}
.bttn, .bttn em, .bttn span{cursor:pointer}
button.bttn{border: 0;padding: 0;margin:0;cursor: pointer; width:auto;background:transparent none repeat scroll 0 0;border-width:0;color:#333333;display:inline-block;font-family:Arial, Helvetica, sans-serif;font-size:1.4em;margin:0;overflow:visible;padding:10px 5px 12px 0;white-space:nowrap; }
button.bttn span{margin:0;padding:12px 0 12px 5px; background-image:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3.png) }
button.bttn em{border-width:0 0;padding:12px 12px 12px 8px;position:relative;background-image:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3.png);}
button.bttn:active, button.bttn:focus{outline:none}
.bttn-green-inactive, .bttn-green-inactive em, .bttn-green-inactive span, button.bttn-green-inactive{cursor:default;}
/* IE7 > adjust background color of 'button.bttn em' so that it match the background */
/* bttn-modif */
.bttn-orange{border: 0;margin:0;cursor: pointer; width:auto;background:transparent none repeat scroll 0 0;border-width:0;color:#333333;display:inline-block;font-family:Arial, Helvetica, sans-serif;font-size:1.4em;margin:0;overflow:visible;padding:10px 5px 8px 0;white-space:nowrap; }
.bttn-orange span{background:transparent url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3.png) left 5px;margin:0;padding:12px 0 8px 5px; }
.bttn-orange em{background:transparent url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3.png) right 5px;border-width:0 0;padding:12px 12px 8px 8px;position:relative;}
.bttn-green, button.bttn-green span{background-position:left -157px}
.bttn-green em, button.bttn-green em{background-position:right -157px}
.bttn-green:hover, button.bttn-green:hover span {background-position:left -211px;text-decoration:none}
.bttn-green:hover em, button.bttn-green:hover em {background-position:right -211px;text-decoration:none}
.bttn-green:active, button.bttn-green:active span{background-position:left -265px}
.bttn-green:active em, button.bttn-green:active em{background-position:right -265px}
.bttn-green-inactive, button.bttn-green-inactive span,
.bttn-green-inactive em, button.bttn-green-inactive em,
.bttn-green-inactive:active, button.bttn-green-inactive:active span,
.bttn-green-inactive:active em, button.bttn-green-inactive:active em
{background-position:left -211px;text-decoration:none;}
.bttn-grey, button.bttn-grey span{background-position:left -481px}
.bttn-grey em, button.bttn-grey em{background-position:right -481px;color:#fff}
.bttn-grey:hover, button.bttn-grey:hover span{background-position:left -211px}
.bttn-grey:hover em, button.bttn-grey:hover em{background-position:right -211px;color:#000}
.bttn-grey:active, button.bttn-grey:active span{background-position:left -265px}
.bttn-grey:active em, button.bttn-grey:active em{background-position:right -265px;color:#000}
.bttn-b-grey, button.bttn-grey span{background-position:left -42px}
.bttn-b-grey em, button.bttn-grey em{background-position:right -42px;color:#fff}
.bttn-b-grey:hover, button.bttn-grey:hover span{background-position:left -0px}
.bttn-b-grey:hover em, button.bttn-grey:hover em{background-position:right -0px;color:#000}
.bttn-b-grey:active, button.bttn-grey:active span{background-position:left -0px}
.bttn-b-grey:active em, button.bttn-grey:active em{background-position:right -0px;color:#000}
.bttn-cyan, button.bttn-cyan span{background-position:left -1615px}
.bttn-cyan em, button.bttn-cyan em{background-position:right -1615px;}
.bttn-cyan:hover, button.bttn-cyan:hover span{background-position:left -1669px}
.bttn-cyan:hover em, button.bttn-cyan:hover em{background-position:right -1669px;color:#000}
.bttn-cyan:active, button.bttn-cyan:active span{background-position:left -1723px}
.bttn-cyan:active em, button.bttn-cyan:active em{background-position:right -1723px;color:#000}
.bttn-sm-grey{font-size:12px;background-position:left -318px}
.bttn-sm-grey em, .bttn-sm-grey span{color:#fc6;background-position:right -318px}
.bttn-sm-grey:hover{background-position:left -372px}
.bttn-sm-grey:hover em, .bttn-sm-grey:hover span{color:#000;background-position:right -372px}
.bttn-sm-grey:active{background-position:left -426px}
.bttn-sm-grey:active em, .bttn-sm-grey:active span{color:#000;background-position:right -426px}
.bttn-sm-green{font-size:12px;background-position:left -1512px}
.bttn-sm-green em{color:#000;background-position:right -1512px}
button.bttn-sm-green span{background-position:left -1503px;}
button.bttn-sm-green em{background-position:right -1503px;}
.bttn-sm-green:hover{background-position:left -1566px}
.bttn-sm-green:hover em{color:#000;background-position:right -1px}
button.bttn-sm-green:hover span{background-position:left -1557px}
button.bttn-sm-green:hover em{color:#000;background-position:right -1557px}
.bttn-sm-green:active{background-position:left -1512px}
.bttn-sm-green:active em{color:#000;background-position:right -1512px}
button.bttn-sm-green:active span{background-position:left -1503px}
button.bttn-sm-green:active em{color:#000;background-position:right -1503px}
.bttn-block{}/*class to display block button*/
/* bttn-icon */
.bttn-buyit, .bttn-shareit, .bttn-dwnl, .bttn-filmdwnl, .bttn-filmdwnl-mobil, .bttn-filmdwnl-sd, .bttn-filmdwnl-hd {padding-left:4px}
.bttn-buyit em, .bttn-shareit em, .bttn-dwnl em, .bttn-filmdwnl em, .bttn-filmdwnl-mobil em, .bttn-filmdwnl-sd em, .bttn-filmdwnl-hd em{width:140px}
.bttn-buyit span, .bttn-shareit span, .bttn-dwnl span, .bttn-filmdwnl span, .bttn-filmdwnl-mobil span, .bttn-filmdwnl-sd span, .bttn-filmdwnl-hd span{padding:6px 0 6px 32px;background-color:transparent;background-image:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3.png);background-repeat:no-repeat;}
.bttn-filmdwnl-mobil span, .bttn-filmdwnl-sd span, .bttn-filmdwnl-hd span{padding-left:52px ;background-image:url(/medias/nfb_tube_static/styles/imgs/thumbnails_ico-strip.png)}
.bttn-buyit span{background-position:0 -791px}
.bttn-shareit span{background-position: 0 -683px}
.bttn-g-shareit span{background-position: 0 -737px}
.bttn-dwnl span{background-position: 0 -1802px}
.bttn-filmdwnl span{background-position: 0 50%}
.bttn-buyit:focus span, .bttn-buyit:hover span{background-position: 0 -845px;}
.bttn-shareit:focus span, .bttn-shareit:hover span{background-position: 0 -737px}
.bttn-filmdwnl:focus span, .bttn-filmdwnl:hover span{background-position: 0 -1856px}
.bttn-filmdwnl-mobil span{background-position: 6px -1160px}
.bttn-filmdwnl-sd span, .bttn-filmdwnl-sd_ed span{background-position: 6px -1103px}
.bttn-filmdwnl-hd span, .bttn-filmdwnl-hd_ed span{background-position: 6px -1046px}
.content a.bttn:hover, .content a.bttn, .content a.bttn:active,
a.bttn:hover, a.bttn:hover span, a.bttn:hover em{text-decoration:none}
/* Fasing out
* BUTTONS ||> nfb.ca@2009 style. still used in user hub, login and some static pages
*/
.btn{display:block; border:none;float:left; text-align:center;color:#fff;text-decoration:none; background-color:transparent;cursor:pointer}
.btn span{display:block;cursor:pointer}
.btn em{padding:9px;font-style:normal;cursor:pointer}
.btn:hover{text-decoration:none}
.btn:active, .btn:focus{color:#fff;text-decoration:none}
.btn, .btn span{background-image:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3b.png)}
.black-bkg, .black-bkg span{background-image:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3a.png)}
.darkgrey-bkg, .darkgrey-bkg span{background-image:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3c.png)}
.btn, .btn span{background-repeat:no-repeat;}
.sqr36{background-position: left -540px;height:36px;padding-left:2px;font:normal 1.4em/36px Arial, Helvetica, sans-serif;}
.sqr36 span{background-position: right -540px;height:36px;padding-right:2px;}
.sqr36 em{line-height:36px}
.sqr36:focus, .sqr36:hover{background-position:left -594px; }
.sqr36:focus span, .sqr36:hover span{background-position:right -594px; }
.sqr18{background:transparent url(/medias/nfb_tube_static/styles/imgs/strip_btn2.png) left -775px no-repeat;height:19px;padding-left:2px;font:normal 12px/18px Arial, Helvetica, sans-serif;}
.sqr18 span{background:transparent url(/medias/nfb_tube_static/styles/imgs/strip_btn2.png) right -775px no-repeat;height:19px;padding-right:2px;}
.sqr18 em{line-height:18px}
.sqr18:focus, .sqr18:hover{background-position:left -739px; }
.sqr18:focus span, .sqr18:hover span{background-position:right -739px; }
.sqr36_dark {background-position: left -108px;height:36px;padding-left:2px;font:normal 1.4em/36px Arial, Helvetica, sans-serif;}
.sqr36_dark span{background-position: right -108px;height:36px;padding-right:2px;}
.sqr36_dark em{line-height:36px}
.sqr36_dark:focus, .sqr36_dark:hover{background-position:left -54px; }
.sqr36_dark:focus span, .sqr36_dark:hover span{background-position:right -54px; }
.sqr18_dark {background-position: left -162px;height:19px;padding-left:2px;font:normal 12px/18px Arial, Helvetica, sans-serif;}
.sqr18_dark span{background-position: right -162px;height:19px;padding-right:2px;}
.sqr18_dark em{line-height:18px}
.sqr18_dark:focus, .sqr18_dark:hover{background-position:left -198px; }
.sqr18_dark:focus span, .sqr18_dark:hover span{background-position:right -198px; }
.sqr36_light{background-position: left -0px;height:36px;padding-left:2px;font:normal 1.4em/36px Arial, Helvetica, sans-serif;}
.sqr36_light span{background-position: right -0px;height:36px;padding-right:2px;}
.sqr36_light em{line-height:36px}
.sqr36_light:focus, .sqr36_light:hover{background-position:left -54px; }
.sqr36_light:focus span, .sqr36_light:hover span{background-position:right -54px; }
.sqr18_light{background-position: left -234px;height:19px;padding-left:2px;font:normal 12px/18px Arial, Helvetica, sans-serif;}
.sqr18_light span{background-position: right -234px;height:19px;padding-right:2px;}
.sqr18_light em{line-height:18px}
.sqr18_light:focus, .sqr18_light:hover{background-position:left -198px; }
.sqr18_light:focus span, .sqr18_light:hover span{background-position:right -198px; }
.rnd36_dark {text-align:left;background-position: left -1134px;height:36px;padding-left:6px;font:normal 1.4em/36px Arial, Helvetica, sans-serif;margin-right:20px}
.rnd36_dark span{background-position: right -1134px;height:36px;margin-right:-10px;padding-right:8px;}
.rnd36_dark em{line-height:36px;}
.rnd36_dark:focus, .rnd36_dark:hover{background-position:left -1080px; }
.rnd36_dark:focus span, .rnd36_dark:hover span{background-position:right -1080px; }
.btn-buyit span, .btn-shareit span{width:140px}
.btn-buyit em, .btn-shareit em{padding-left:40px;background-color:transparent;background-image:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3a.png);background-repeat:no-repeat;}
.btn-buyit em{background-position:-1px -393px}
.btn-shareit em{background-position: -1px -285px}
.btn-buyit:focus em, .btn-buyit:hover em{background-position: -1px -447px;}
.btn-shareit:focus em, .btn-shareit:hover em{background-position: -1px -339px }
.comment-form button{float:none;margin-left:260px;margin-top:-18px}
.comment-form button span{padding-left:63px}
.comment-form button em{padding-right:70px}
.video-quick-stats .btn, .video-quick-stats .btn span{float:none;display:inline}
/*
.content a.action-btn-type1, .action-btn-type1, .square-btn-grey{display:block;margin:0.7777em 0;border:none; width:auto;height:36px;background:transparent url(/medias/nfb_tube_static/styles/imgs/action-button-fff-bkg.gif) center top no-repeat; font:normal 1.4em/36px Arial, Helvetica, sans-serif;text-align:center; color:#fff; text-decoration:none; }
.content a.action-btn-type1:hover, .action-btn-type1:hover{background-position:center -56px;color:#fff;text-decoration:none }
.content a.action-btn-type1:active, .action-btn-type1:active{background-position:center -110px ;color:#fff;text-decoration:none}
.square-btn-dark{display:block;padding:0 9px;border:none;width:auto;height:36px;background:transparent url(/medias/nfb_tube_static/styles/imgs/action-button-fff-bkg.gif) center top no-repeat; font:normal 1.4em/36px Arial, Helvetica, sans-serif;text-align:center;color:#fff;text-decoration:none;}
.content a.square-btn-dark:hover, .square-btn-dark:hover{background-position:center -56px;color:#fff;text-decoration:none }
.content a.square-btn-dark:active, .square-btn-dark:active{background-position:center -110px ;color:#fff;text-decoration:none}
.action-btn-type3{ margin:0.7777em 0; border:none;width:auto; height:18px;background:transparent url(/medias/nfb_tube_static/styles/imgs/action-button-fff-bkg.gif) center top no-repeat; font:normal 1em/18px Arial, Helvetica, sans-serif;text-align:center;color:#fff; text-decoration:none;}
.action-btn-type3:hover{background-position:center -56px;color:#fff;text-decoration:none }
.action-btn-type3:active{background-position:center -110px ;color:#fff;text-decoration:none}
*/
.save-option-btn{clear:both;width:100%;text-align:center;padding:6px 0;margin:18px 0}
.save-option-btn button{text-align:center;}
.save-option-btn .btn{float:none;display:inline}
.save-option-btn .btn em{padding-left:20px; padding-right:16px}
.modal.modal-subscriptions-panel-opt.grey-rnd-corner h1 {background-color:#333;}
/* Fasing out
* MODAL WINDOWS V1.0 */
.white-modal {background-color:#fff; padding:10px 10px 18px 10px; margin:0; color:#000; font-family:Arial, helvetica, sans-serif;}
.white-modal input[type=text] {width:295px;}
.white-modal button[type=submit] {width:100%;max-width:390px;margin-bottom:0;margin-top:1.2857em;}
.white-modal:after,
.white-modal .panel-copy:after,
.white-modal form:after,
.white-modal .signup-form:after,
.white-modal .reset-form:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.white-modal .modal-header{margin:0; position:relative; background-color:#e1e1e1; padding:18px 0;}
.white-modal .modal-header h1 {font-size:1.8em; font-weight:normal; padding:0 18px; margin:0; color:#000;}
.white-modal .modal-header p {margin:0 18px; padding:0; padding-top:2px; font-size:12px;}
.white-modal .modal-header p a {color:#669900; text-decoration:none;}
.white-modal .modal-header p a:hover {text-decoration:underline;}
.white-modal .panel-copy {margin-top:10px;}
.white-modal .error-bar {margin:0;margin-top:10px;}
/*sign up*/
.white-modal.modal-signup-panel {width:336px;}
.white-modal.modal-signup-panel .signup-form {margin:1.8em 0 0 0 }
/* reset password */
.white-modal.modal-reset-panel {width:336px;}
.white-modal.modal-reset-panel .reset-form {margin:1.8em 0 0 0;padding-bottom:0; }
.white-modal.modal-reset-panel .reset-form button[type=submit] {margin-top:18px;}
.white-modal.modal-reset-panel .reset-form p{margin:0;}
/* error message for white modal */
.white-modal .form-msg-error{ padding:9px 12px 9px 11px;background:#fff url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3a.png) right -1311px no-repeat;}
.white-modal .form-msg-confirm{padding:5px 12px 5px 11px;background-position:100% -1203px;background-color:#fff;}
/* error message for grey modal */
.modal .form-msg-error.grey {background:url(/medias/nfb_tube_static/styles/imgs/exclam-gris.png) no-repeat 0 8px;margin-bottom:18px;}
.modal .form-msg-error.grey div {margin-left:35px; color:#ffcc00;}
/* Modal SHARE */
.white-modal.modal-share {width:700px;}
.white-modal.modal-share.modal-share-2col {width:430px;}
.white-modal.modal-share .embed-code {float:left;width:270px;}
.white-modal.modal-share .embed-code input[type=text] {width:265px;}
.white-modal.modal-share .embed-code p {line-height:18px;margin-bottom:0;margin-top:10px;}
.white-modal.modal-share .embed-code #vidembed {float:left;font-size:12px;width:265px; height:100px;}
.white-modal.modal-share .embed-code #selembed {float:left;margin-top:10px;}
.white-modal.modal-share .vignette {margin:0 10px 15px 0;padding:0;width:auto;height:278px;}
.white-modal.modal-share .vignette .inner {margin-left:0; margin-right:0;background-color:#000;padding:10px;height:auto;line-height:18px;}
.white-modal.modal-share .vignette img.visual {margin:0;}
.white-modal.modal-share .vignette h3.title {font-size:14px;text-indent:0;padding-bottom:0;margin-top:18px; margin-bottom:18px;}
.white-modal.modal-share .vignette a{color:#FC6;}
.white-modal.modal-share .bookmarks {float:left; width:190px; height:274px;}
.white-modal.modal-share .bookmarks ul {margin:10px;}
.white-modal.modal-share .bookmarks li {margin-bottom:10px;line-height:18px;margin-left:5px; font-size:12px;}
.bookmarks a {color:#669900;}
.bookmarks a:hover{text-decoration:underline;}
.white-modal.modal-share .bookmarks .share-delicious,
.white-modal.modal-share .bookmarks .share-digg,
.white-modal.modal-share .bookmarks .share-stumble,
.white-modal.modal-share .bookmarks .share-google,
.white-modal.modal-share .bookmarks .share-tumblr,
.white-modal.modal-share .bookmarks .share-facebook,
.white-modal.modal-share .bookmarks .share-twitter {background-color:#fff;}
.share-delicious,
.share-tumblr,
.share-digg,
.share-stumble,.share-stumbleupon,
.share-google,.share-google-bookmarks,
.share-facebook,
.share-twitter{padding-left:20px;background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip4.png) 0 0 no-repeat}
.share-delicious{background-position: 0 -108px;}
.share-digg{background-position: 0 -161px;}
.share-stumble, .share-stumbleupon{ background-position: 0 -216px;}
.share-google, .share-google-bookmarks{background-position: 0 -268px;}
.share-facebook{background-position: 0 1px; }
.share-tumblr{background-position: 0 -734px; }
.share-twitter{background-position: 0 -53px;}
.white-modal.modal-share .b-title {font-size:18px;margin-left:0;}
.white-modal.modal-share .creator, .modal-share .prod-year, .modal-share .running-time {font-size:11px; line-height:18px;}
.white-modal.modal-share .description {font-size:12px;}
.white-modal.modal-share .vignette.vignette-page .inner {background:url(/medias/nfb_tube_static/styles/imgs/share-modal-hibou.jpg) no-repeat bottom center #000;}
h3.modal-sucess-msg {background-color:#333;font-size:14px; padding:10px;font-weight:bolder;}
/* Modal BUY */
.modal-buy { width:720px;}
.panel.modal-buy {padding-bottom:0;}
.modal-buy .panel-copy {min-height:18px;}
.modal-buy .panel-copy h2 {font-size:24px;margin-bottom:0; padding-bottom:0;line-height:36px;}
.modal-buy .panel-copy p {line-height:18px;margin:18px 0;}
.modal-buy .panel-copy p.moredvd{font-size:14px}
.modal-buy .left-img {margin-left:25px;float:left;}
.modal-buy a { color:#669900; }
.modal-buy .panel-copy small {margin-top:0;line-height:18px;margin-bottom:18px;}
.modal-buy-dock {position:relative;margin-top:18px;margin-bottom:18px; height:35px; width:188px;}
.modal-buy-added {width:102px;height:35px;background:url(/medias/nfb_tube_static/styles/imgs/added-dvd.png) no-repeat 3px 2px #669900;color:#fff;line-height:35px;text-align:center;padding-left:10px;position:absolute;z-index:4; left:0; top:0;}
.modal-buy-undo {width:58px; height:22px; text-align:center; color:#cc0000; background:url(/medias/nfb_tube_static/styles/imgs/undo.png) no-repeat top left;line-height:22px;position:absolute;top:6px; right:0;}
/*.modal-buy ul.btns {height:36px; margin-bottom:72px;}*/
.modal-buy ul.btns {height:36px;}
.modal-buy ul li {float:left; padding-right:30px;height:36px;line-height:36px;font-size:18px;}
.modal-buy .return {background:url(/medias/nfb_tube_static/styles/imgs/return.png) no-repeat left 5px;padding-left:40px;}
.modal-buy .checkout {background:url(/medias/nfb_tube_static/styles/imgs/checkout.png) no-repeat right 5px;padding-right:40px;}
.modal-buy .panel-right {float:right;width:520px;padding-right:20px}
.modal-buy .panel-right a:hover{text-decoration:underline}
.modal-buy .row {border-bottom:1px solid #999;padding-bottom:18px;min-height:10px;}
.modal-buy .row.last {border-bottom:none;padding-bottom:0;}
.modal-buy .row:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.modal-buy .row .dvd {float:left;width:32.9%;height:auto;}
.modal-buy .row .dvd .dvd-img {width:100%; text-align:left;}
/*.modal-buy .row .dvd .dvd-info {margin-top:18px;}*/
.modal-buy .row .dvd .dvd-info {margin:18px 18px 18px 0;}
.modal-buy .more-online {text-align:right;padding-right:10px;line-height:18px;font-size:18px;background:url(/medias/nfb_tube_static/styles/imgs/right-arrow.png) no-repeat right 5px #fff;}
/*login*/
.signin-flat .btn, .modal-login-panel .btn{clear:both;margin:1.2857em 0}
.modal .cnr_4{padding:18px 20px}
.modal-login-panel {width:374px;}
.modal-login-panel .signin-hd{margin-bottom:90px;background:url(/medias/nfb_tube_static/styles/imgs/nfb-logo-modal.png) left 4px no-repeat;padding-left:114px}
.modal-login-panel .signin-hd-short {margin-bottom:30px;}
.modal-login-panel .signin-hd h1{color:#f90;margin-bottom:0;font-size:2.4em}
.modal-login-panel #username, .modal-login-panel #password{width:98%}
.modal-subscriptions-panel-opt .btn, .modal-subscriptions-panel-opt .btn span, .modal-login-panel .btn, .modal-login-panel .btn span{background-image:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3c.png); background-color:transparent;}
.modal-login-panel form {padding-bottom:30px;}
.modal-login-panel .clear{width:55%; clear:none; float:left;}
.modal-login-panel form:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.modal-login-panel #modal-reset {float:right;margin-top:9px;}
/*Subscription*/
.modal-subscriptions-panel{width:280px;margin-left:10px;}
.modal-subscriptions-panel-opt{width:300px}
.modal-subscriptions-panel-opt .nletter-option{height:auto;}
.modal-subscriptions-panel-opt img{display:none;}
.modal-subscriptions-panel-opt p{margin-left:24px;}
.modal-subscriptions-panel input[type=text] {width:275px;}
.modal-subscriptions-panel-opt .nletter-option{margin:0;}
.save-option-btn {padding:0;margin:0;}
/* modal add to playlist */
.panel.modal-add-to-playlist {margin:0;}
.modal-add-to-playlist {width:570px;}
.modal-add-to-playlist .create-playlist {display:none;}
.white-modal.modal-add-to-playlist form {position: relative; margin-left: 20px;}
.white-modal.modal-add-to-playlist a {color: #74C214;}
.white-modal.modal-add-to-playlist a.bouton-txt-cancel {color: #990000;}
.white-modal.modal-add-to-playlist a.new {margin-left: 15px;}
.white-modal.modal-add-to-playlist .infos a {color: #fc6;}
.white-modal.modal-add-to-playlist .create-playlist {position: absolute; left: 260px; top: 2px; width: 250px;}
/*.white-modal.modal-add-to-playlist .add-to-playlist-buttons {position:relative; left: -34px; margin: -5px 0 10px 0;}*/
.white-modal.modal-add-to-playlist .add-to-playlist-buttons {margin:12px 0;}
.white-modal.modal-add-to-playlist .add-to-playlist-buttons .hidden-button {display:none;}
/*.white-modal.modal-add-to-playlist .add-to-playlist-buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden;}*/
/*.white-modal.modal-add-to-playlist button {margin-right: -25px;}*/
/*.white-modal.modal-add-to-playlist button[type=submit], .white-modal.modal-add-to-playlist button[type=button]{width:50%;margin-top:0; }*/
.white-modal.modal-add-to-playlist button em {background-color:#fff}/* to fix background problem with negative margin :( */
.white-modal.modal-add-to-playlist button[type=submit] {width:auto;max-width:none;margin-bottom:0;margin-top:0;}
.modal .clear {clear:both;}
/*form-info explanation*/
/* guides */
.guide .moreico { background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) left -1152px no-repeat; padding-left:20px;}
.guide .downico { background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) left -1098px no-repeat; padding-left:20px;}
.guide .pdf-img{}
/* recommend voted already */
.already-voted{color:#fff;font-style:italic;text-decoration:none;}
/* colorbox (modal windows)*/
/*
ColorBox Core Style
The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
ColorBox example user style
These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML,
in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#444;}
#colorbox{}
#cboxContent{background:#000; margin:10px;}
#cboxLoadedContent{background:#000; padding:40px;}
#cboxTitle{position:absolute; bottom:18px; left:18px; color:#000;}
#cboxCurrent{position:absolute; bottom:18px; right:18px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-41px; background:url(/medias/nfb_tube_static/styles/imgs/modal-controls.png) top left no-repeat; width:38px; height:81px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-41px; background:url(/medias/nfb_tube_static/styles/imgs/modal-controls.png) top right no-repeat; width:38px; height:81px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(/medias/nfb_tube_static/styles/imgs/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:9px; right:0; display:block; background:url(/medias/nfb_tube_static/styles/imgs/modal-controls.png) top center no-repeat; width:47px; height:24px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}
.dev{background: url(/medias/nfb_tube_static/styles/imgs/grid.png) top left repeat}
/* STATIC PAGE STYLES FOR BLUEPRINT (.container) */
.container .content {padding-bottom:100px;}
.container .content h1.headline, .container .content h2.headline {font-size:36px;}
.container .content h2 {color:#ccff00; font-size:24px;}
.container .content h2.headline {color:#fff; font-weight:bolder;}
.container .content a {color:#ffcc66; text-decoration:none; font-weight:bolder;}
.container .content p.headline-description {font-size:24px;margin-right:0;color:#ff9900;line-height:27px;}
.container .content p.headline-note {color:#fff; font-size:12px; line-height:18px;}
.container .content ul {list-style:none; margin:0 0 18px;}
.container .content ul li {line-height:18px;}
.container .content ul ul {margin-left:18px;}
.container .content .header {margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #787878;height:162px;}
.container .content .films-list li {padding-bottom:18px;}
/* SITEMAP */
.container .content .sm-header { height:196px; background:url(/medias/nfb_tube_static/styles/imgs/hibi_bkg_sitemap.png) no-repeat top left;}
/* NEW MODAL STYLE */
/* modal-new = default. 600px wide white window */
.anti-modal {padding-top:18px;position:relative;width:600px}
.modal-new .yajax{display:block}
.anti-modal .yajax{display:none}
/*
.anti-modal-subscribe {background:url(../../medias/nfb_tube/medias/images/landing/subscribe-bck.jpg) no-repeat top right; height:710px;width:auto;}
.anti-modal-subscribe h2 {font-size:36px; line-height:42px;margin-bottom:18px;}
.anti-modal-subscribe h3 {font-size:24px; line-height:36px; color:#ff9900; margin-bottom:18px;}
.anti-modal-subscribe ul {list-style:disc inside; margin-bottom:27px;}
.anti-modal-subscribe ul li {line-height:18px; font-size:12px;}
*/
.modal-external{position:absolute;top:10px;right:50px;font:normal 1.2em/1.5em Arial, Helvetica, sans-serif}
.modal-external a:hover{text-decoration:underline;}
.anti-modal .modal-external{top:16px;right:20px}
.modal-new {width:580px; background-color:#fff;padding:10px; color:#000; font:normal 1.2em/1.5em Arial, Helvetica, sans-serif;}
.modal-grey{background-color:#333;color:#fff;}
.modal-new .header {background-color:#e5e5e5;color:#000; padding:18px 20px;min-height:54px;background-position: 20px 9px;background-repeat:no-repeat;}
.modal-grey .header {color:#fff;}
.modal-new .header h2 {font-size:18px; line-height:1.5em;}
.modal-new .header h2.oneline{padding-top:13px}
.modal-new .header .call-to-action-h2 {font-size:30px; line-height:36px;}
.modal-new .header em {font-size:14px;}
.modal-new .header a:hover {text-decoration:underline;}
.modal-new .info-header {background-color:#e5e5e5;}
.modal-new .confimrmation{background-image:url(/medias/nfb_tube_static/styles/imgs/big-green-check.png);background-color:#cf9;padding-left:120px;}
.modal-new .attention{background-color:#ffff99;}
.modal-new .content-zone:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/*.modal-new .col { width:250px; padding:18px 20px 9px 20px; float:left;}
.modal-new .wide {padding:18px 20px 9px 20px; width:560px;clear:both;}*/
.modal-new .col, .modal-new .wide { width:250px; padding:0 20px; float:left;margin:18px 0 0}
.modal-new .wide {width:560px;float:none;clear:both;}
.modal-new .button-wide {padding-top:0;}
.modal-new .input-zone {position:relative;margin-bottom:18px}
.modal-new .box .input-zone {margin-bottom:0}
.modal-new .input-zone:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.modal-new .input-zone label {font:normal 18px/2em Arial, Helvetica, sans-serif;color:#666;display:block}
.modal-grey .input-zone label {color:#fff}
.input-zone input[type="checkbox"] + label {display:inline}
.modal-new .input-zone input[type="text"],
.modal-new .input-zone input[type="password"] {font-size:16px;width:100%;color:#999;font-style:italic;display:block; padding: 6px 2px }
.modal-grey .input-zone input[type="text"],
.modal-grey.input-zone input[type="password"] {border-color:#ccc;}
.modal-new .input-zone input[type="text"]:focus,
.modal-new .input-zone input[type="password"]:focus {border-width:1px;color:#000;font-style:normal;}
.modal-new .input-zone small {font-style:italic;float:right; color:#666;line-height:18px;display:block;}
.modal-new .input-zone input + small {}
.modal-new .content-zone h3 {font-size:18px; color:#ff6600;}
.modal-new .content-zone .grey-h3 {color:#666;}
.modal-new .content-zone p {line-height:18px;margin:0 0 18px;}
.modal-new .content-zone p small {font-size:12px;color:#666;font-style:italic}
.modal-new .content-zone .bigger{font:normal 18px/24px Arial, Helvetica, sans-serif}
.modal-new .content-zone a {color:#669900; font-weight:bolder;}
.modal-new .content-zone a.cancel-bttn{color:#900}
.modal-new .content-zone a:hover {text-decoration:underline;}
.modal-new .form-info {position:absolute; right:-290px;width:100%; font-size:12px; padding:0 10px;top:10px; line-height:18px;}
/* to be meved with forms */
.explanation {background:url(/medias/nfb_tube_static/styles/imgs/yellow-info-box-arrow.png) no-repeat 0 center;}
.explanation p {background-color:#ffff99;color:#333;margin:0;padding:5px 10px; line-height:18px;}
.modal-new .warning {background:url(/medias/nfb_tube_static/styles/imgs/red-info-box-arrow.png) no-repeat 0 center;}
.modal-new .warning p {background-color:#d20000; color:#fff; font:bold 12px/18px Arial, Helvetica, sans-serif ; margin:0;padding:5px 10px;}
.modal-new .warning a{color:#fff;text-decoration:underline;}
.modal-new .confirm {height:23px;background: url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3.png) -367px -1206px ;}
.modal-new .modal-txt-link{font-weight:bold;margin:1.5em 20px;color:#690;display:block}
.modal-new .col .modal-txt-link, .modal-new .wide .modal-txt-link{margin-left:0}
.modal-new .big-list{margin:18px 20px;list-style:disc;color:#666;font:normal 18px/1.5 Arial, Helvetica, sans-serif}
.mod-sub{background-color:#333;padding:20px}
.mod-sub p{font-size:18px;margin-bottom:18px}
.mod-sub input{font-size:12px}
button.link-bttn{font-size:1.1em}
button.cancel-bttn, .cancel-bttn{color:red;margin-left:12px;display:inline-block;}
button.cancel-bttn:hover, .cancel-bttn:hover{text-decoration:underline;}
.conf-bttn-set{margin:18px 0;text-align:left;}
.conf-bttn-set a.cancel-bttn{color:red;display:inline;padding-left:12px}
.subscriptions{}
.subscriptions .ckbox label {color:#ff6600;}
.subscriptions .ckbox p{margin-left:40px;margin-top:0}
.subscriptions .form-info p{margin-left:0;margin-right:20px}
.subscriptions .input-zone {display:inline-block;}
.subscriptions .input-zone small{margin-left:24px;float:none}
.subscriptions .input-zone input[type="text"] {width:130px;margin-right:20px;}
.input-zone input[type="checkbox"] {margin-right:18px;}
#signup1 .input-zone input[type="checkbox"] {margin-right:4px;}
.subscriptions .subscribe-form{position:relative;margin-top:14px}
.subscriptions .subscribe-form .box{background-color:#000;padding:1.5em 20px;display:inline-block;width:285px}
.subscriptions .box input{margin-right:20px}
.subscribe-form .box .input-zone input[type="text"]{display:inline}
.wide .box {margin-left:40px;}
.subscriptions .form-info{left:302px;top:0;width:auto}
.subscriptions .ckbox .form-info{right:-20px;}
.subscriptions .subscribe-form .form-info p{font-size:12px}
.signin{}
.signin .header{background:url(/medias/nfb_tube_static/styles/imgs/nfb-logo-modal-new.png) 20px 22px no-repeat;padding-left:175px}
.signin .header h2{color:#f90;margin:0.6em 0 0;font-size:2.5em}
.signin .header p{}
.signin .input-zone{margin-bottom:18px}
.signup{margin-top:32px}
.signup .ckbox label{color:#f60}
/* SUBSCRIBE LANDING PAGE */
.anti-modal-subscribe { background:url(../../medias/images/landing/subscribe-bck.jpg) no-repeat top right; min-height:660px;width:auto; margin-bottom:0; padding-bottom:0; }
.anti-modal-subscribe H2 { font-size:36px; line-height:42px;margin-bottom:18px; }
.anti-modal-subscribe H3 { font-size:24px; line-height:36px; color:#ff9900; margin-bottom:18px; }
.anti-modal-subscribe .subscribe-form { padding:18px; width:430px; }
.anti-modal-subscribe .subscribe-form p { font-size:30px; line-height:36px; color:#99ff00; }
.anti-modal-subscribe .subscribe-form input { font-size:18px; line-height:27px; width:300px; height:20px; }
.anti-modal-subscribe .subscribe-form button { font-size:18px; padding-top:11px; }
.anti-modal-subscribe UL { list-style:disc inside; margin-bottom:27px; }
.anti-modal-subscribe UL LI { line-height:18px; font-size:12px; }
/*NEW FORM - 07-2010*/
/* Form styles */
.new-form {font-size: 1.4em; color:#000000}
.new-form fieldset, .new-form .fieldset {margin-bottom: 18px;border: none; width:660px;}
.fieldset {margin-bottom: 36px;border: none; width:660px;}
.new-form legend, .new-form .legend { font-size:23px; font-family: Georgia, serif; padding-top: 5px; margin-top: -15px; padding-bottom:18px; }
.new-form label, .new-form .likelabel {display: inline-block; width: 135px; line-height: 1.8; vertical-align: top;}
.new-form .longer-label {width: 310px;}
.new-form .radiolabel{vertical-align:baseline;}
/*.new-form label.create-login {width: 185px;}*/
.new-form ul {padding-left: 15px;}
.new-form br {height: 1px; line-height: 1px;}
.new-form li {margin: 24px 0;}
.new-form input.text {padding: 5px; width:200px;}
.new-form select {padding: 5px; width:215px;}
.new-form select.autowidth {width:auto;}
.new-form input.text.postal-code {width:130px;}
.new-form .form-info {float: right; width:290px; margin-top: -10px;}
.new-form .form-info p {padding: 20px; margin-left: 10px; font-size: 13px; line-height:1.3em;}
.new-form .warning {background: url(/medias/nfb_tube_static/styles/imgs/red-info-box-arrow.png) no-repeat left center; color: #FFFFFF; }
.new-form .warning p {background: #CC0000;}
.new-form .warning a {color:#fff;}
.new-form .option {background: url(/medias/nfb_tube_static/styles/imgs/yellow-info-box-arrow.png) no-repeat left center; width:250px; top:25px; position:relative; color:#000; font-style:italic; }
.new-form .option p {background: #ffff83; padding:10px;}
.new-form .note{font-size:12px}
/*** ICONS **
.twitter_icon{ background:url('/medias/nfb_tube_static/styles/imgs/twitter-icon.png') no-repeat 0 3px; padding-left: 25px; }
.facebook_icon{ background:url('/medias/nfb_tube_static/styles/imgs/facebook-icon.png') no-repeat 0 3px; padding-left: 25px; }
*/