@charset "iso-8859-2";
/* CSS Document - Main style sheet for nfb.ca */
/*
   _____
  / ___ \
 / / _ \ \
 \ \(_)/ /
  \_   _/
   |   |   équipe web ONF /
   |_|_|   NFB web team  / 2009
   =====
 */

/*
CSS style sheet set for nfb.ca

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

---------------------------------- */

/*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 ) --------------- */
/*  | |  SITE HEADER */
/* --------------------- */

#norm-hd{background:#333333 url(../imgs/norm-img-strip1.png) 0 -599px repeat-x }

/* NAV-BAR */
    .nfb-top-logo{width:170px;float:left;padding-top:1.8em}
    .nfb-top-logo a:focus img{outline:1px dotted #ff9900}

    .top-nav { display:block; width:auto; min-width:790px; height:36px; color:#FF9900;margin-left:170px; }
    .top-nav ul {font-size:1.2em;margin-top:1.5em;line-height:1.5em}
    .top-nav a, .top-nav a:link, .top-nav a:visited,.top-nav a:hover {color:#FFFFFF;font-weight:normal; }
    .top-nav a:hover,.top-nav a:focus{text-decoration:underline}
    /*.top-nav .nbleft { float:left;width:260px } not used */
    .top-nav .nbright { float:right; width:650px; text-align:right;  }
    .top-nav .nbright ul{ text-align:right;  }
    .top-nav li  {background: url(../imgs/norm-img-strip1.png) 0 2px no-repeat;}
    .top-nav .nbright li.hidden-field {display:none;}
    /*.top-nav .nbleft li  {  display:inline; list-style-type:none; padding-right:5px;padding-left:10px; text-align:right; } not used */
    .top-nav .nbright li  { display:inline; list-style-type:none; padding-right:10px;padding-left:5px; background-position:right 2px}
    /*.top-nav li.frst{background-image:none;padding-left:0px} not used */
    .top-nav .nbright li.lst{background-image:none;padding-right:0px}
    .top-nav li em{font-style:normal}

    .navaid {position:absolute;width:50%;overflow:visible;z-index:8;top:0px;left:190px}
    .top-nav .navaid li {background-image:none;}
    .navaid li a:link,.navaid li a:visited{display:block;position:absolute;left:0px;top:0px;color:#333;font-size:1.4em;font-weight:normal;line-height:1.5}
    .navaid li a em {background-color:#ff9;padding:2px 6px;}
    .navaid li a:link , .navaid li a:visited {text-indent:-1000px;}
    .navaid li a:focus, .navaid li a:active {text-indent:0px;}

/*HEADER*/
    .site-header{padding-bottom:1.8em; min-width:960px;}
    .site-header:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
    .site-header .top-left{width:310px;float:left;}
    .site-header .top-left a:focus img{outline:1px dotted #ff9900}
        /*v 2.0*/
        .site-header .top-left .onf-nfb-id{margin:0;text-indent:-9000px}
    .site-header .top-right{float:right;}

/*NAMEPLATE*/
    .onf-nfb-id{position:relative;height:54px;width:177px;}
    .onf-nfb-id span{position:absolute;top:8px;left:0px;height:54px;width:470px;z-index:1;background:url(../imgs/tagline-v2-1109-en.png) no-repeat left top;}
        .titre-de-page-fr span{background-image:url(../imgs/tagline-v2-1109-fr.png)}
        .titre-de-page-en span{background-image:url(../imgs/tagline-v2-1109-en.png)}

/*SEARCH*/
    .main_srch { display:block; height:36px; margin-left:10px; margin-top:18px; }
    .main_srch form {  padding:0; margin:0; }
    .main_srch td.champ, .main_srch td.bouton{border-bottom:1px solid #b4b4b4;background-color:#ffffff}
    .main_srch td.champ{padding-right:1px}
    .main_srch td.bouton {background-color:#333333}
    .main_srch .bouton{border-right:1px solid #b4b4b4}
    .main_srch input {height:26px; border:0px solid #f00; padding:3px 6px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#666666; vertical-align:middle; float:left;}
    .main_srch td.champ input{outline:0px;padding-left:35px;background-image:url(../imgs/norm-img-strip2.png); background-position: 1px -284px; background-repeat:no-repeat;width:145px;padding:8px 6px 2px 35px;}
    .main_srch td.bouton input{color:#fff; height:36px;background:#333 url(../imgs/norm-img-strip1.png) 0 -210px repeat-x;font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px 26px;cursor:pointer;}
        .main_srch td.bouton input:hover, .main_srch td.bouton input:focus{background-color:#a34a00;background-position: 0 -865px;outline:none}
    .main_srch td.champ input:focus {outline:1px dotted #ff9900}

/*SITE NAVIGATION*/
    .sitenav {background:#000 url(../imgs/norm-img-strip1.png) 0 -329px repeat-x;float:left;width:100%;height:3.6em;min-width:960px}
    .sitenav ul {display:block;float:left;padding-top:6px;padding-left:10px}
    .sitenav li{float:left;font-size:1.2em;font-weight:bold;padding:0px 22px;text-align:center;margin:0;background:url(../imgs/norm-img-strip1.png) 100% -479px no-repeat ;}
     /* .sitenav li{text-shadow:0px -1px 1px #000};) */
    .sitenav li.last{background-image:none}
    .sitenav li.frst{padding-left:0px}
        .sitenav a{display:block;padding:0px 12px 0px 0px;color:#fff;font-weight:bold;background-position:100% 50%;}
        .sitenav a em{font-style:normal;padding:6px 0px 8px 12px;margin-left:-3px;display:block;background-position:0% 50%;}
        .sitenav a:active,
        .sitenav a:active em {background-image: url(../imgs/site-nav-btn-bkg.gif);text-decoration:none}
    .sitenav .selected a, .sitenav a:focus, .sitenav a:hover{background:url(../imgs/norm-img-strip2.png) 100% 0px no-repeat;}
    .sitenav .selected a em, .sitenav  a:focus em, .sitenav a:hover em{background:url(../imgs/norm-img-strip2.png) 0% 0px no-repeat;}

        .sitenav .drop-menu {position:relative;}
        .sitenav .drop-menu ul{position:absolute;top:26px;left:22px;z-index:500;width:180px;background-color:#000;border:1px solid #333;border-top:0px;padding-bottom:9px;display:none}
        .sitenav .drop-menu li{font-size:1em;background-image:none;float:none;text-align:left;line-height:1em}
            .sitenav .drop-menu:hover ul{display:block}
        .sitenav-right{position:absolute;right:20px;padding-left:3px;}

        .start-link{right:0px;}
        .start-link li{padding-top:5px}
        .start-link a, .start-link a em{display:inline;background:none;color:#fc6;padding:0 0 0 0;margin:0 0 0 0 }
        .start-link a:hover, .start-link a:hover em{background:none}
        .start-link a:hover{text-decoration:underline;color:#f90}

        .user-shortcuts{background:url(../imgs/norm-img-strip2.png) left -66px no-repeat}
        .user-shortcuts li {background: url(../imgs/norm-img-strip1.png) 100% 6px no-repeat;padding:0 12px 2px 16px}
        .user-shortcuts .selected a, .user-shortcuts a:focus, .user-shortcuts a:hover{background-image:none}
        .user-shortcuts li a:hover{text-decoration:underline;background-image:none}
            .user-shortcuts .last{background:url(../imgs/norm-img-strip2.png) right -72px no-repeat}
/*user playlist*/   .user-shortcuts  .u-pl em, .user-shortcuts .u-pl:hover em, .user-shortcuts .u-pl:focus em{background:url(../imgs/norm-img-strip2.png) left -892px no-repeat;padding-left:26px}
    /*user cart*/   .user-shortcuts .u-crt em, .user-shortcuts .u-crt:hover em, .user-shortcuts .u-crt:focus em{background:url(../imgs/norm-img-strip2.png) left -841px no-repeat;padding-left:26px}

/* ( 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:0px;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:0em;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(../imgs/hibi_bkg_unsub.png) no-repeat scroll left top}

/*PAGE MENU*/

    .result_desc,.pagemenu .section-title {float:left; font-size:1.8em;margin:0px; 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(../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 0px 0px }
    .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-image:url(../imgs/norm-img-strip2.png);background-repeat: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(../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(../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:0px;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: 0px;}

/*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(../imgs/panel-grey-t_l.gif) left top no-repeat;}
        .cnr_2{background:url(../imgs/panel-grey-t_r.gif) right top no-repeat;}
        .cnr_3{background:url(../imgs/panel-grey-b_l.gif) left bottom no-repeat;}
        .cnr_4{background:url(../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:0px;font-size:1.2em;z-index:1000}
    #sys-mes-panel{position:fixed;font-size:1.2em;z-index:1001}
    #sys-mes-panel{top:54px;left:360px}
    .message-bar, .inbox-notice{float:left;height:36px;line-height:36px}
    .message-bar{color:#000}
        .edge-l, .edge-r, .close{background-image:url(../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}
            .confirm .message-body{background-color:#cf9;}
            .alert .message-body{background-color:#fcc;}
            .attention .message-body{background-color:#ff6;}
        .close{background-position:right -1977px;padding-right:16px;padding-left:16px;color:#900;font-weight:bold}

    .inbox-notice{background:url(../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(../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 {padding-left:40px;border-bottom:1px solid #000;text-transform:uppercase;background:#242424 url(../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(../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(../imgs/norm-img-strip5.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:0px 0px;}
        .hdr-badge .store-bdg, .psh-badge .store-bdg{background-position:0px -504px;}
        .hdr-badge .educ-bdg, .psh-badge .educ-bdg{background-position:0px -432px;}
        .hdr-badge .interactive-bdg, .psh-badge .interactive-bdg{background-position:0px -648px;}
        .hdr-badge .nfb-images-bdg, .psh-badge .nfb-images-bdg{background-position:0px -360px;}
        .hdr-badge .plist-bdg, .psh-badge .plist-bdg{background-position:0px -72px;}
        .hdr-badge .blog-bdg, .psh-badge .blog-bdg{background-position:0px -144px;}
        .hdr-badge .related-bdg, .psh-badge .related-bdg{background-position:0px -576px;}
        .hdr-badge .comments-bdg, .psh-badge .comments-bdg{background-position:0px -216px;}
        .hdr-badge .downloads-bdg, .psh-badge .downloads-bdg{background-position:0px -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(../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(../imgs/500-col-bkg.png) top left repeat-y}
    .col500-fillbkg-grey{background:url(../imgs/500-col-fill-bkg-grey.png) top left repeat-y}
    .col500-fillbkg-white{background:url(../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(../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: 0px;position:relative;}
.feature-wraper{position:relative}
.thefeature-txt{width:372px;height:306px;background-color:#000;position:absolute;right:0px;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(../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;width:220px;position:absolute;top:30px;right:412px;line-height:72px;z-index:50}
        .feature-box-txt .category span{background:url(../imgs/norm-img-strip2.png) left -72px no-repeat;padding:6px 0px 6px 10px}
        .feature-box-txt .category em{font-style:normal;text-transform:uppercase;padding:30px 80px 30px 0px;background-image:url(../imgs/norm-img-strip5.png);background-repeat:no-repeat;}
        .films-bdg em, .type0-bdg em{background-position:right -1494px;}
        .store-bdg em, .type6-bdg em{background-position:right -1746px;}
        .educ-bdg em, .type5-bdg em{background-position:right -1242px;}
        .interactive-bdg em, .type1-bdg em{background-position:right -1116px;}
        .nfb-images-bdg em, .type7-bdg em{background-position:right -864px;}
        .plist-bdg em, .type3-bdg em{background-position:right -990px;}
        .blog-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, .type-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 */
/*---------------------- */

/*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:0px}
    .pl-browse .page-tabs li{background:url(../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:0px}
    .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:0px;border-bottom:1px solid #000;padding-left:0px}
    .page-section-tabs li{background:#242424 url(../imgs/norm-img-strip2.png) 20px -150px no-repeat;border-width:0px 0px 0px;padding:9px 38px 10px;;margin-left:0px}
    .page-section-tabs .selected{background:#333 url(../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:0px;border-bottom:0px}
    .page-section-tabset li{background-color:transparent;border-width:0px 0px 0px 0px;padding:9px 0px 7px;margin-left:0px}
    .page-section-tabset span{background: url(../imgs/norm-img-strip2.png) 14px -150px no-repeat;border-width:0px 0px 0px 0px;padding:9px 0px 10px 34px;}
    .page-section-tabset a{padding:9px 15px 9px 0;margin-right:-5px}
    .page-section-tabset .selected{background: url(../imgs/norm-img-strip2.png) 0px -68px no-repeat;border-width:0px 0px 0px;}
    .page-section-tabset .selected span{background-position:14px -219px;}
    .page-section-tabset .selected a{background: url(../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(../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{background-color:#090;color:#fc6;background:url(../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:0px;  padding:1em 0px;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(../imgs/black75pct.png) left top repeat;position:absolute;bottom:0px;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:27em}
    .vignette .inner{width:206px; margin:0px 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:0px;left:0px;z-index:10;width:204px;height:115px;background:url(../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:0px}
        .vignette .infos .pl,
        .vignette .infos .resume,
        .vignette .infos .download,
        .vignette .infos .more,
        .vignette .infos .play{background-image:url(../imgs/norm-img-strip2.png);background-repeat: no-repeat;text-indent:20px ;min-height:1px}
        .vignette .infos .pl{background-position:-217px -522px}
        .vignette .infos .resume{background-position:0px -1204px}
        .vignette .infos .download{background-position:0px -1096px}
        .vignette .infos .more{background-position:0px -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(../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:0px;left:0px}
    .wrng a{color:#990000;display:block;width:39px;height:39px;background:url(../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;}


/* Playlist Thumbnail Mosaik (4 pictures mosaik)*/
    .playlist-wrap { display:block; width:204px; height:124px; padding:1px 0 0 0; margin:0px 0px 0px 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:0px;background-color:#336}
        .playlist-wrap .img1 {margin:0px 5px 5px 0px;}
        .playlist-wrap .img2 {margin:0px 0px 5px 0px;}
        .playlist-wrap .img3 {margin:0px 5px 0px 0px;}
        .playlist-wrap .img4 {margin:0px 0px 0px 0px;}

/*Thumbnail Modifier | extends .vignette */

    .v-collapsed{height:auto;}
    .v-collapsed .inner{background-color:#000;padding-bottom:0px}
    .v-collapsed .visual{margin-bottom:0px}
    .v-collapsed .infos{position:absolute;top:18px;background:url(../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 0px 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:0px}
    .vig-xxsm .p-overlay {z-index:10;width:84px;height:36px;background:url(../imgs/play-overlay-sm-tmb.png) 50% 50% no-repeat}
    .vig-xxsm .visual{height:36px;width:64px;margin-top:0px}
    .vig-xxsm .infos, .vig-mini .edit-tools{margin-left:91px}
    .vig-xxsm .title{margin-top:0em}

    .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 0px;text-align:left}

    .message-tip{height:36px;position:absolute;bottom:18px;left:20px;line-height:36px;background:url(../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 0px 0px;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}

/* ( o ) ----------- */
/*  | |  PLAYER PAGE */
/*------------------ */

/*PLAYER PAGE HEADER v 2.0*/
    .film-headline{padding:1.8em 0}
    .film-headline .title{font-size:2.4em;}
    .film-headline .infos{font-size:1.2em;line-height:2em;margin-bottom:6px}
        .film-headline .infos li{display:inline}
        .film-headline .infos em {font-style:normal}
    .film-headline a:hover{text-decoration:underline;color:#f90}
    .inline-insert{float:right;font-size:1.2em;line-height:2.5em}
    .inline-insert a:hover{text-decoration:underline;}
    .playlist-insert .inline-insert{font-size:1em;line-height:1.5em}
    .playlist-insert{font-size:1.2em; line-height:1.5em;padding-bottom:1.4166em;margin-bottom:1.5em;border-bottom:1px solid #666}
    .playlist-insert .title{font-size:1.166em}
    .playlist-insert img{float:left;margin-right:10px}

    .show_video { padding:10px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
    .show_video a, .show_video a:visited { font-style:normal; color:#FFCC66;}
    .show_video a:hover { font-style:normal; color:#FF9900; text-decoration:underline;}

/*VIDEO PLAYER v 2.0*/
    .video-space{margin-bottom:5px;}
    /*_dev*/.frame-fix .hd-video .video-space{height:450px;width:704px;}
        .video-screen-grid{margin-bottom:17px;padding-bottom:1px;position:relative;} /*adjustment for the negative margin of the comment box*/
    .player-tools{font-size:1.2em;line-height:1.5em;text-align:center;margin:1.9166em 0 1.5em;min-height:1px;}
    .player-tools li{display:inline;margin-right:2em}
    .player-tools a {background-repeat:no-repeat;padding-left:24px;}
    .player-tools a:hover{text-decoration:underline;color:#f90}
        .pop-up, .add2pl, .add-marker{background-image:url(../imgs/norm-img-strip6.png)}
        .pop-up{background-position:5px -615px }
        .add2pl{background-position:left -651px}
        .add-marker{background-position:6px -685px}
/*flash plugin warning v 2.0*/
    div.flash-replaced .alt{display:none}
    .flash-update p{
        border:1px solid #996600;
        font-size:1.4em;
        margin:140px 4px 10px 0px;
        padding:20px;
        text-align:left;
        background-color:#000;
    }

    .player-warning{position:absolute;top:24%;background-color:#660000;width:516px}
        .player-warning p{
        font-size:1.4em;
        line-height:1.2857em;
        margin:24px 40px;
        text-align:left;
    }
    .player-warning .bigwarn{font-size:1.8em;line-height:1.333em}
    .player-warning a:hover{text-decoration:underline}
    .fr .flash-update p.en, .fr .player-warning p.en{display:none}
    .en .flash-update p.fr, .en .player-warning p.fr{display:none}
    .no-flash-movie-thumb{border:2px solid #333;}
    .player_img_placeholder{max-width:512px;height:auto}
    .viewing-not-allow{position:relative}
    
    .education_plus_thumb {position: absolute; top: 22px; left: 22px;}    
    .education_plus_description {position: absolute; top: 48%; width: 516px;}
    .education_plus_description_text {font-size: 1.7em; font-weight: bold; line-height: 1.333em; margin: 24px;}
    .education_plus_info_link {font-size: 1.4em; margin: 24px;}


/*VIDEO TABS*/
    .video-tabs{}
    .video-tabs .tabbed-panel{padding:1.5em 1.6666em 1.5833em 0;height:139px;margin:5px 0px 18px;overflow:auto;}
    .video-tabs .small-tabs {padding-left:0px}
    .video-tabs .small-tabs li{text-transform:uppercase;margin-left:0px;margin-right:10px}
    /*big video small screen layout*/
        .frame-fix .hd-video .video-tabs .tabbed-panel {height:211px}
        .frame-fix .hd-video .video-tabs .small-tabs li {padding-right:0px}
        .frame-fix .hd-video .video-tabs .small-tabs li a:active,.frame-fix .hd-video .video-tabs .small-tabs li a:hover{text-decoration:none}
    /*big video large screen layout*/
        .frame-ws .hd-video .video-tabs .tabbed-panel {height:247px}
    .video-tabs .small-tabs a {background-repeat:no-repeat;padding-left:18px;}
    .video-tabs .small-tabs a:hover{color:#f90}
        .synopsis, .pointofview, .education {background-image:url(../imgs/norm-img-strip6.png);}
        .synopsis{background-position:left -505px}
        .pointofview{background-position:left -542px}
        .education{background-position:left -578px}

        .selected .synopsis{background-position:left -721px}
        .selected .pointofview{background-position:left -758px}
        .selected  .education{background-position:left -794px}

    .tabbed-panel .comments_from .img-cur{margin-right:10px; float:left;display:block; height:54px;width:auto;margin-bottom:1.5em}
    .tabbed-panel .comments_from p{padding-top:1.2857em;font-size:1.1666em}

    .tabbed-panel .comments_from a{color:#fc6}
    .tabbed-panel .comments_from a:hover{color:#f90}
    .tabbed-panel .comments_from .comment-origine{font-size:0.7857em}
    .tabbed-panel .comments_from{margin-bottom:18px}
    .tabbed-panel .comments_view .comments_bod{clear:left;margin-bottom:54px}
        .comments_view .comments_bod small{font-size:0.9166em}

    /*Education tab*/

    .video-tabs .educ-panel{padding:10px 10px 10px 10px;color:#000;background-color:#fff;height:157px}
    .educ-panel .blockhead{font-size:1.1666em;line-height:1.2857em;color:#fff;padding:10px;margin-bottom:10px;background-color:#11431F}
    .educ-panel .blockhead h2{font-size:1.2857em;margin-bottom:18px}
    .blockhead a, .blockhead span{color:#fc6}
    .blockhead a:hover{text-decoration:underline;}
    .guide-cat, .guidelist h3, .guide-description h3{text-transform:uppercase;}
    .guide-cat, .guide-subcat{color:#fc6}
    .guidelist{min-height:41px;margin-bottom:1.5em;padding:4px 0 0px 45px;background:url(../imgs/norm-img-strip6.png) left -999px no-repeat}
    .guidelist a{color:#690;}
    .guidelist a:hover{text-decoration:underline;}

    .guide-description h3, .guide-description p{display:inline;}
    .guide-description h3{background:url(../imgs/norm-img-strip6.png) left -833px no-repeat;padding-left:18px}
    .guide-description p{font-family:Georgia, "Times New Roman", Times, serif ;}
    .guide-description .vcard{display:block;margin-top:1em;font-style:italic;}
    .guide-description .warning{font-family:Arial, Helvetica, sans-serif;color:#f00}

    /*document type for guides: more to come*/
    .doctype{padding-left:18px;background-image:url(../imgs/norm-img-strip2.png);background-repeat:no-repeat;}
    .doctype{background-position:left -1094px}
    .doctype a:hover{text-decoration:underline;}

/*video extras*/
    .video-extras {margin-top:18px} /*bcq ie7 - todo : grand player*/

    .video-quick-stats{font-size:1.4em;line-height:1.2857em;margin-bottom:0.6428em}
    .video-quick-stats li{display:inline;padding:0 1em;background:url(../imgs/norm-img-strip1.png) 0 2px no-repeat ;}
    .video-quick-stats li.frst{background-image:none;padding-left:0px}
        .ilike{padding:1px 24px 1px 0;background:url(../imgs/norm-img-strip3.png) right -846px no-repeat}

    .film-website{margin:0 0 1.5em;font:normal 1.2em/1.5em Arial, Helvetica, sans-serif}
    .film-website a:hover, .video-quick-stats a:hover{text-decoration:underline;color:#f90}

    .video-action {margin-top:1.5em}
    .video-action li{float:left;margin-right:12px}

/*big video small screen layout*/
    .frame-fix .hd-video .video-action li{margin-bottom:9px}

/*VIDEO COMMENTS*/
    .comment-form-bkg-fix{background-color:#242424}/* to fix background problem with negative margin :( */
    .comment-form{border-bottom:1px solid #000;margin:-45px 0px 0px;padding:0 20px 8px;}
    .comment-form textarea{margin:0px 10px;padding:0px;border:0px solid #fff;width:430px;font-size:1.2em;line-height:1.5em;height:4.5em}
        .comment-form .bubble .inner{background: url(../imgs/philacter-460-top.png) top center no-repeat #fff;padding:9px 0 0px;}
        .comment-form .bubble{background:url(../imgs/philacter-460-bot.png) bottom center no-repeat;padding-bottom:41px;color:#000}
            .comment-form .bubble .msg{margin:0 1em}
            .comment-form .bubble .msg strong{font-size:1.5em;font-weight:normal}
            .comment-form .bubble .msg a{color:#669900;}
        .comment-form button{margin-top:-14px}
    .comments-wrapper{padding:1px 20px 16px;border-bottom:1px solid #000}
        .comments-wrapper .message{margin-top:1.7em;padding-bottom:1.8em}

    .comments-wrapper .page-selector{float:none;height:3.6em;margin:0px}
    .comments-wrapper .page-selector ul{float:right}

/*STATS*/
    /*comming soon*/

/*PLAYER PAGE BLOG INSERT
    .blog-wrapper{background-color:#242424;padding:1.8em 20px}
    */
/*RELATED PANEL 'garnitures'*/ /* #TODO : rendre generique*/
    /* TODO : merge avec : ROUND CORNER PANELS */
    .L-pnl-deco0{background-color:#333;padding:1.8em 20px 1.8em 0;}
    .L-pnl-deco1{background:#000 url(../imgs/blk-on-grey-tl.png) top left no-repeat;margin:0 0 0 20px}
    .L-pnl-deco2{background: url(../imgs/blk-on-grey-br.png) bottom right no-repeat}
    .L-pnl-deco3{background: url(../imgs/blk-on-grey-bl.png) bottom left no-repeat}
    .L-pnl-deco4{background: url(../imgs/blk-on-grey-tr.png) top right no-repeat}

        .foot-news .L-pnl-deco1{background:#000 url(../imgs/blk-on-drkgrey-tl.png) top left no-repeat;margin:0 0 0 20px}
        .foot-news .L-pnl-deco2{background: url(../imgs/blk-on-drkgrey-br.png) bottom right no-repeat}
        .foot-news .L-pnl-deco3{background: url(../imgs/blk-on-drkgrey-bl.png) bottom left no-repeat}
        .foot-news .L-pnl-deco4{background: url(../imgs/blk-on-drkgrey-tr.png) top right no-repeat}

    .L-pnl-side-tabs-deco{padding:0 0 16px;background:transparent url(../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(../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}

/*PHOTOS AND POSTERS*/
    .pics-pnl{padding:1.5em 0px 0px;}
    .pics-pnl h3{padding:0px 18px;margin-bottom:0px}

/*SCRENNINGS*/
    .screenings-pnl{}
    .screenings-pnl h3{margin-bottom:0.9444em}
    .screenings-pnl .vignette{height:auto;text-align:left;margin:18px 0 0;padding:0 0}
    .screenings-pnl .vignette .inner{padding-bottom:17px}
    .screenings-pnl .vignette .inner:hover{border-color:#000;}
    .screenings-pnl .content a{text-decoration:none;}
    .screenings-pnl .content a:hover{text-decoration:underline;}

    .screening-cal{}/*on a table tag*/
    .content .screening-cal{margin:0 0 0 0}
    .content .screening-cal td, .content .screening-cal th{padding:0 0;font-weight:normal;}
    .location{color:#ccc}
        .location .org{color:#fc6}
    .screening-cal td, .screening-cal th{text-align:left;vertical-align:top}
    .screening-cal th.summary{display:none}

    .content .vignette ul{list-style:none;margin-left:0px;padding-left:0px}

/*TAG LIST*/
    .related_tags{}
    .related_tags dt{clear:left;float:left;margin-right:1em;font-weight:normal;text-transform:uppercase;}
    .related_tags dd{float:left;margin-left:0px;margin-right:1em}
    .related_tags dd a{text-decoration:none}
    .related_tags dd a:hover{text-decoration:underline}

/*CREDITS*/
    .full_credit {}
    .full_credit dl{}
    .full_credit dt{margin-top:1.5em;color:#f90;font-size:12px;
        background:transparent url(../imgs/norm-img-strip2.png) no-repeat scroll left -1362px;
        padding-left:12px;
        }
    .full_credit dd{margin-left:0px;padding-left:12px;}
    .full_credit dd a:hover{text-decoration:underline;}

/*share this film*/
    .share-delicious,
    .share-digg,
    .share-stumble,
    .share-google,
    .share-facebook,
    .share-twitter{padding-left:20px;background-repeat:no-repeat;background-image:url(../imgs/norm-img-strip4.png)}

    .share-delicious{background-position: 0 -108px;}
    .share-digg{background-position: 0 -161px;}
    .share-stumble{ background-position: 0 -216px;}
    .share-google{background-position: 0 -268px;}
    .share-facebook{background-position: 0px 1px; }
    .share-twitter{background-position: 0 -53px;}

/*OLD HOME PAGE*/
/*_banniere*/

.main {min-height:310px;position:relative;}
.main a:hover { color:#FF9900; text-decoration:underline}

/* ( o ) -------- */
/*  | |  HOMEPAGE */
/*--------------- */

    .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:0px;margin-right:0px;width:auto;background-image:none;padding-top:0px;margin-top:0px}
        .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:0px;width:392px;font-size:1.2em;padding:0;height:1.5em}
        #hp-marquise-nav .activeSlide{background-position:left -426px}
        #hp-marquise-nav .activeSlide em {background-position:right -426px; color:#000;}

/*Welcome messages console*/
.hp-welcome-wrap{background:#000 url(../imgs/norm-img-strip1.png) left -1422px repeat-x}


/*Welcome message v 2.0*/
    .welcome-blurb{min-height:144px;max-width:720px;font:normal 1.4em/1.2857em Arial, Helvetica, sans-serif;margin:0 20px;padding:1.2857em 0}
    .welcome-blurb h1{font-size: 2.1428em;line-height:1.2em;margin-bottom:0.6em;}
    .welcome-blurb h2{display:none;font-size:2em;color:#9c0;line-height:1.5em}
    .welcome-blurb h2 a{color:#9c0;}
    .welcome-blurb a:hover{color:#f90;text-decoration:underline;}
    .welcome-blurb p{}
        .pl-home .welcome-blurb {max-width:360px;}
        .pl-home .welcome-blurb h2{font-size:2em;line-height:1.5em;margin-top:0px}

/*Social network update*/
    /*black speach bubble default style*/
    #hp-social-module{margin-left:118px}
    .black-phylact{background-color:transparent;background:url(../imgs/phylactere-left-edge.png) left -5px no-repeat;padding-left:13px}
    .black-phylact-inner{background-color:#000;border:1px solid #333;border-left:none;padding:1.5em 20px;min-height:7em;width:290px}

    .social-module{margin:0 20px;padding-top:1.8em}
    .social-module .black-phylact{font:normal 1.2em/1.5em Arial, Helvetica, sans-serif;}
    .social-module  a:hover{color:#f90;text-decoration:underline;}
        .last-tweet{background-position:left -41px;background-color:transparent;}
        .last-tweet .twt-logo{background:url(../imgs/norm-img-strip4.png) -18px -666px no-repeat;display:inline-block;width:22px;height:18px;}
        .last-tweet .twt-logo:hover{text-decoration:none}
        .last-tweet .tweet-time{color:#ccc;font-size:0.9166em;font-style:italic;}
        .facebook-link{background-position:left -23px;background-color:transparent;}
        .facebook-link p{font-size:1.5em;padding-top:18px}
        .facebook-link a{}
        .facebook-link img{vertical-align:middle;padding-left:10px;}
        .subscribe-form .black-phylact-inner{padding-bottom:9px}
        .subscribe-form{background-position:left -5px;background-color:transparent;}
        .subscribe-form p {font-size:1.5em;padding-top:4px;margin-bottom:14px}
        .subscribe-form input{font:italic 1em/2em Arial, Helvetica, sans-serif;color:#999;padding:4px 2px;vertical-align:middle;width:130px}
        .subscribe-form input:focus {color:#000; font-style:normal;}
        .subscribe-form button{vertical-align:middle;}
    .social-module .inline-insert {text-align:right;width:108px;float:left;line-height:1.5em;padding-top:18px}
    .social-module .inline-insert a{cursor:pointer;}

/* Featured Films and playlists */
    .hp-viewport .vignette{height:28.8em;margin-top: 0px;}
    #pl-panel .hp-viewport .vignette{margin-top: 9px;}

/* website list*/
    .hp-sitelist, .hp-int-prod{background-color:#242424}
    .biglist{margin:0 20px;padding-top:1.2857em;font:normal 1.4em/1.2857em Arial, Helvetica, sans-serif}
    .biglist li{margin-bottom:1.2857em}
    .biglist a:hover{color:#f90;text-decoration:underline;}

/* PROMO v 2.0 */
    .promo{font: normal 1.2em/1.5em Arial, Helvetica, sans-serif;background-repeat:no-repeat;background-position:top;border-bottom:1px solid #000;min-height:215px;}
    .promo a:hover{color:#f90;text-decoration:underline}

    .promo-store{background-color:#fff;background-image:none;color:#000;padding:0 20px}
    .promo-store .visual{float:left;margin-top:1.5em}
    .promo-store ul.object-desc{margin-left:95px;padding-top:1.5em}
    .promo-store ul.object-price{padding-top:1.5em;clear:left}
    .promo-store .title{color:#690;font-size:1.166em;margin-bottom:1.2857em}
    .promo-store .creator{font-size:0.9166em}
    .promo-store .price{font-size:1.5em;color:#000;}
    .promo-store .price a{color:#690;padding-left:24px;background:url(../imgs/norm-img-strip3.png) left -898px no-repeat}
    .promo-store .inst{font-size:0.9166em;margin-top:0px;color:#333}
    .promo-store .buy-link a, .promo-store .title a{color:#690}
    .promo-store .buy-link a:hover, .promo-store .title a:hover{color:#060}

    .promo-education{background-image:url(../imgs/promo-education-en.jpg)}
        .promo-fr .promo-education{background-image:url(../imgs/promo-education-fr.jpg)}
    .promo-education p{padding:126px 20px 18px;font-size:1.1666em}

    .promo-gadgets{background-color:#7f7f7f;background-image:url(../imgs/promo-gadgets.jpg)}
    .promo-gadgets-fr{background-image:url(../imgs/promo-gadgets-fr.jpg)}
    .promo-gadgets h3, .promo-gadgets p{margin:0 130px 1.5em 1.5em}
    .promo-gadgets h3{font-size:1.5em;color:#fc6;padding-top:1.2857em;margin-left:1em;margin-bottom:1em}
    .promo-gadgets p a{color:#fff}

/*NFB blog preview v 2.0*/
    .blog-preview{margin:0em 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(../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:0px}
    .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:0px}
    .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:0px;padding-top:0px;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(../imgs/norm-img-strip2.png) 100% -1638px no-repeat}

    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(../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(../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:0px; width:200px;float:left}
    .filters-panel .sbmt{width:100px}
    .filters-panel .frm-item label, .filters-panel .ttl{display:block;margin-top:0px}
    .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:0px 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:0px;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 0px 36px;font-size:1.4em;line-height:1.2857em}
/* ( o ) --------------------------- */
/*  | |  SEARCH RESULTS (GOOGLE APP) */
/* --------------------------------- */
/* Search result */
    .otv-goog-body{width : 960px; margin : 0em auto; font-size : 1.2em;}
    .search-insert{}
    .srch-query{color:#f90}
    .otv-one-box{width:960px;}
    .otv-one-box{background:#333 url(../imgs/edge-one-box.gif) -960px 0px no-repeat;margin:10px auto;clear:both}
    .otv-one-box-inner{background:url(../imgs/edge-one-box.gif) 0 100% no-repeat;padding:1px 0px 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:0px; padding:0px; 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(../imgs/bt-one-box-more-edge-one-box.gif) no-repeat left center;margin:10px 10px 0px;padding:1px 0px 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(../imgs/bt-one-box-more-bkg-one-box.gif) no-repeat right center;padding:0px 8px 0px 0px }
    .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:0em 10px}
    .spelling{margin-bottom:0px ;}
    .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(../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:0px}
    /*.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:0px;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:0px 66px 0 0px}
    .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:0px;right:0px;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:auto}
    .suggestion-panel .vignette{background-color:transparent;width:auto;margin:0px;padding:0px}
    .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}
    
    p.error404-message { font-size:18px; margin-top:15px; }

/*error messages*/
    .err-msg{font-size:1.2em;}
    .error-panel{padding:6px 20px;padding-bottom:1.8em}
    .error-panel .inner{background:#c00 url(../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(../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 0px;background-image:url(../imgs/norm-img-strip3.png);background-repeat: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 0px 30px 30px}

/*hibou*/
div.error-body,
div.error-404-body,
div.notice-body,
div.survey-body{background:url(../imgs/hibi_bkg-faq.jpg) no-repeat right top; min-height:1px}
    div.error-body{background-image: url(../imgs/hibi_bkg-500.jpg);min-height:300px}
    div.error-404-body{background-image: url(../imgs/hibi_bkg-404.jpg)}
    div.notice-body{background-image: url(../imgs/hibi_bkg-notice.jpg)}
    div.survey-body{background-image: url(../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:0px;}
    #frmContact label {}
    #frmContact .contact-info{margin:15px 10px;}
    #frmContact .contact-panel {margin:15px 0;}
    #frmContact .inner ul {margin:0px 0px 0px 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(../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(../imgs/panel-top-contact.jpg) no-repeat top left #333; }
    .contact-panel .inner { padding:15px 10px; /*background:url(../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(../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(../imgs/bt_rss_big.gif);   background-repeat: no-repeat;position: relative;left: 10px; top: 0px;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(../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:0px 0px;color:#000;padding-bottom:0px}
            .user-picture{float:left;clear:left;border:5px solid #666;width:54px; height:54px;background:#999 url(../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:0px;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:0em 0 0em 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:0px}
             .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:0px}
        .inbox .close-window a, .close-box a{display:block;float:right;width:22px;height:22px;background:url(../imgs/modal-controls.png) 50% 100% no-repeat;padding:0px;margin:0px;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(../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:0px 48px;width:470px}
                .userhub .chanel-widget .inner{border-color:#000}
                .chan-prev, .chan-next{display:block;width:46px;height:144px;position:absolute;bottom:0px;z-index:20;background-color:#000}
                .chan-prev:hover, .chan-next:hover{background-color:#f60}
                .chan-prev{left:0px}
                .chan-next{right:0px}
*/


/*Quick start user menu */
/* -- NOT DONE -- */
.user-menu{margin:1em 0}
.user-menu li{padding-left:44px;margin:4px 0px;background:url(../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 */
/* ------------- */


/* new buttons for nfb.ca@2010/01
 *
 * <a href="#" class="bttn bttn-modif bttn-icon">
 *  <em>
 *      <span>
 *          text
 *      </span>
 *  </em>
 * </a>
 *
 * <button class="bttn">
 *  <span>
 *      <em>
 *          text
 *      </em>
 *  </span>
 * </button>
 * */

.bttn{border:none;line-height:36px;font-size:14px;padding:12px 0px 8px 10px;margin-right:10px;background:url(../imgs/norm-img-strip3.png) left 5px no-repeat;color#000}
.bttn em{font-style:normal;padding:12px 10px 8px 0px;margin-right:-5px;background:url(../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}





         button.bttn{border: 0;padding: 0;margin:0px;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; }
         button.bttn span{margin:0;padding:12px 0 8px 5px; background-image:url(../imgs/norm-img-strip3.png) }
         button.bttn em{border-width:0px 0;padding:12px 12px 8px 8px;position:relative;background-image:url(../imgs/norm-img-strip3.png)}
/* IE7 > adjust background color of 'button.bttn em' so that it match the background */
    /* bttn-modif */

     .bttn-orange{border: 0;padding: 0;margin:0px;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(../imgs/norm-img-strip3.png) left 5px;margin:0;padding:12px 0 8px 5px; }
     .bttn-orange em{background:transparent url(../imgs/norm-img-strip3.png) right 5px;border-width:0px 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-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-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 {padding-left:4px}
    .bttn-buyit em, .bttn-shareit em, .bttn-dwnl em{width:140px}
    .bttn-buyit span, .bttn-shareit span, .bttn-dwnl span{padding:6px 0px 6px 32px;background-color:transparent;background-image:url(../imgs/norm-img-strip3.png);background-repeat:no-repeat;}

    .bttn-buyit span{background-position:0px -791px}
    .bttn-shareit span{background-position: 0px -683px}
    .bttn-g-shareit span{background-position: 0px -737px}
    .bttn-dwnl span{background-position: 0px -1007px}

    .bttn-buyit:focus span, .bttn-buyit:hover span{background-position: 0px -845px;}
    .bttn-shareit:focus span, .bttn-shareit:hover span{background-position: 0px -737px }


.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(../imgs/norm-img-strip3b.png)}
        .black-bkg, .black-bkg span{background-image:url(../imgs/norm-img-strip3a.png)}
        .darkgrey-bkg, .darkgrey-bkg span{background-image:url(../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(../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(../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(../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(../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(../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(../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:5px 11px; padding:9px 11px; padding-right:12px;background:#fff url(../imgs/norm-img-strip3a.png) right -1311px no-repeat;}
.white-modal .form-msg-confirm{padding:5px 11px; padding-right:12px;background-position:100% -1203px;background-color:#fff;}

/* error message for grey modal */
.modal .form-msg-error.grey {background:url(../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:0px 10px 0px 0px;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;margin-bottom: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-facebook,
.white-modal.modal-share .bookmarks .share-twitter {background-color:#fff;}

.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(../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(../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(../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(../imgs/return.png) no-repeat left 5px;padding-left:40px;}
.modal-buy .checkout {background:url(../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(../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(../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:0px;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(../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.cancel {color: #990000;}
.white-modal.modal-add-to-playlist a.new {margin-left: 15px;}

.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 .bttn.bttn-green strong {margin:0px 75px; font-weight:normal;}
.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 :( */

.modal .clear {clear:both;}







            /*form-info explanation*/
/* guides */
.guide .moreico { background:url(../imgs/norm-img-strip2.png) left -1152px no-repeat; padding-left:20px;}
.guide .downico { background:url(../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(../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(../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(../imgs/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:9px; right:0px; display:block; background:url(../imgs/modal-controls.png) top center no-repeat; width:47px; height:24px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}

.dev{background: url(../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; margin-bottom: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(../imgs/hibi_bkg_sitemap.png) no-repeat top left;}

/* NEW MODAL STYLE */
/* modal-new = default. 600px wide white window */
.anti-modal {padding-top:50px;position:relative;width:600px}
    .modal-new .yajax{display:block}
    .anti-modal .yajax{display:none}

/*
.anti-modal-subscribe {background:url(http://media1.nfb.ca/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(../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:0px 20px; float:left;margin:18px 0px 0px}
.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:0px}
.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:12px;width:100%;color:#999;font-style:italic;display:block}
    .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 .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:0; line-height:18px;}

 /*   to be meved with forms  */

    .explanation {background:url('../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('../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-position: -367px -1206px;background-image: url("../imgs/norm-img-strip3.png");}
.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:0px}
.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 0px;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:0px}
    .subscriptions  .form-info p{margin-left:0px;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:0px;width:auto}
    .subscriptions .ckbox .form-info{right:-20px;}
    .subscriptions .subscribe-form .form-info p{font-size:12px}

.signin{}
.signin .header{background:url(../imgs/nfb-logo-modal-new.png) 20px 22px no-repeat;padding-left:175px}
.signin .header h2{color:#f90;margin:0.6em 0px 0px;font-size:2.5em}
.signin .header p{}
.signin .input-zone{margin-bottom:18px}

.signup{}
.signup .ckbox label{color:#f60}


/* SUBSCRIBE LANDING PAGE */
.anti-modal-subscribe { background:url(http://media1.nfb.ca/medias/nfb_tube/medias/images/landing/subscribe-bck.jpg) no-repeat top right; 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; 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(../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(../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;}

/*** ICONS ***/
.twitter_icon{ background:url('../imgs/twitter-icon.png') no-repeat 0 3px; padding-left: 25px; }
.facebook_icon{ background:url('../imgs/facebook-icon.png') no-repeat 0 3px;  padding-left: 25px; }

/*** HIDE ELEMENTS BY DEFAULTS ***/
.hide-no-javascript{ display: none; }