/* ( o ) --------------- */
/*  | |  SITE HEADER */
/* --------------------- */

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

    .nfb-top-logo{width:91px;float:left;padding-top:1em}
    .nfb-top-logo a:focus img{outline:1px dotted #ff9900}
      .nfb-top-logo-hp{width:170px;padding-bottom:10px}

.search-menu{float: right; }
.site-nav .search-menu li{margin-left: 0px;}
.search_link::after{content: ""; background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiAgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzAgMzAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGNpcmNsZSBmaWxsPSJub25lIiBzdHJva2U9IiNDQ0NDQ0MiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iMTIiIGN5PSIxMCIgcj0iNiIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQ0NDQ0NDIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjE4IiB5MT0iMTciIHgyPSIyNSIgeTI9IjI0Ii8+DQo8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiLz4NCjwvc3ZnPg0K") right center no-repeat; right: 0px; height: 32px; width: 32px; top: 50%;  outline: none; -webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); position: absolute; }
a.search_link {position: relative; padding-right: 2.5em !important;  outline: none; white-space: nowrap; text-transform: uppercase; }
#mobile-search-link{display: none;}

/* NAVIGATION AID, Accessibility links */
    .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{min-width:960px;}
    .site-header:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
    .site-header .top-left{width:350px;float:left;}
    .hp-header .top-left{margin-top:30px;width:450px}
    .site-header .top-left a:focus img{outline:1px dotted #ff9900}
        /*v 2.0*/
        .site-header .top-left .onf-nfb-id{margin:0;float:left}
    .site-header .top-right{float:right;}
      .hp-header .top-right{position:absolute;right:20px}
/*NAMEPLATE*/
    .onf-nfb-id{position:relative;padding-top:11px;height:43px;padding-right:20px}
    .onf-nfb-id {text-transform:uppercase;font:normal 18px/18px 'franklin-gothic-urw', Arial, sans-serif }
    .onf-nfb-id a{color:#fff;}
    .titre-de-page-en a{font-weight:bold}
    .titre-de-page-en b{font-weight:normal} 
             /*   .onf-nfb-id span{position:absolute;top:0px;left:0px;height:54px;width:470px;z-index:1;background:url(/medias/nfb_tube_static/styles/imgs/tagline-med-1210-en.png) no-repeat left top;}
                    .titre-de-page-fr, .titre-de-page-fr span{width:118px;}
                    .titre-de-page-fr span{background-image:url(/medias/nfb_tube_static/styles/imgs/tagline-med-1210-fr.png)}
                    .titre-de-page-en span{background-image:url(/medias/nfb_tube_static/styles/imgs/tagline-med-1210-en.png)}
             */
    .hp-header .onf-nfb-id{font-size:24px;line-height:24px;padding-top:6px}
             /*   .hp-header .onf-nfb-id span{top:8px;left:0px;background:url(/medias/nfb_tube_static/styles/imgs/tagline-v2-1109-en.png) no-repeat left top;}
                   .hp-header .titre-de-page-fr, .titre-de-page-fr span{width:177px;}
                   .hp-header .titre-de-page-fr span{background-image:url(/medias/nfb_tube_static/styles/imgs/tagline-v2-1109-fr.png)}
                   .hp-header .titre-de-page-en span{background-image:url(/medias/nfb_tube_static/styles/imgs/tagline-v2-1109-en.png)}
            */
/*START LINK*/
        .start-link{float:left;font-size:1.2em}
        .start-link li{padding-top:33px}
            .hp-header .start-link li{padding-top:40px}
        .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}
        .start-link a:hover em{color:#f90}


/* USER FUNCTIONS */

    .user-nav {font-size:1.2em;line-height:1.5em}
    .user-nav > li {float:left;margin:10px;height:34px;line-height:2.8333em}
    .user-nav > li.lst{margin-right:0px}
    .user-nav li li {float:none}
    
    li.userbutton{height:32px;background-color:#fc6;border:1px solid #fc6;min-width:180px;text-align:left;padding:0 10px;
        -moz-border-radius: 5px;
        border-radius: 5px;      
        /*background-image: url(/medias/nfb_tube_static/styles/imgs/btn-bkg-orange-1.png)  ;*/
        /*background-image: -webkit-gradient(linear, 0% 49%, 0% 50%, from(#fc6), to(#f90))  ;*/
        /*background-image: -moz-linear-gradient(0% 50% 90deg, #f90, #f90, #fc6 0%);*/
        }
       .user-nav li.userbutton > a {color:#000;}
       .user-nav li.userbutton-on > a {color:#fff;}
          .user-nav li.userbutton-on > a:hover {text-decoration:none}

    li.userbutton .username {padding-left:30px;font-style:normal;background: url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) -218px -189px no-repeat
        }
    li.userbutton .un{padding-right:32px}
    li.userbutton .avatar{position :absolute;right:5px;top:1px;width:28px;height:28px;border: 1px solid #242424}

    li.userbutton-on{background-color:#757575;border-color:#4c4c4c;font-weight:bold;text-shadow:0px 0px #000;
        /*background-image: url(/medias/nfb_tube_static/styles/imgs/btn-bkg-grey-1.png)  ;*/
        /*background-image: -webkit-gradient(linear, 0% 49%, 0% 50%, from(#757575), to(#4c4c4c));*/
        /*background-image: -moz-linear-gradient(0% 50% 90deg, #4c4c4c, #4c4c4c, #757575 0%);*/
        }
    li.userbutton-on:hover{background-color:#690;border-color:#690;
              background-image:none;
              -moz-border-radius:5px 5px 0px 0px ;
              border-radius:5px 5px 0px 0px ;
    }
    li.userbutton-on:hover .username{background-position:5px -228px}

    li.edu-user{background-color:#245;border-color:#245;font-weight:bold;text-shadow:0px 0px #000;
        /*background-image: url(/medias/nfb_tube_static/styles/imgs/btn-bkg-grey-1.png)  ;*/
        /*background-image: -webkit-gradient(linear, 0% 49%, 0% 50%, from(#245), to(#134));*/
        /*background-image: -moz-linear-gradient(0% 50% 90deg, #134, #134, #245 0%);*/
        }
        li.edu-user:hover{background-color:#296280;border-color:#245;}
    .user-nav li a{color:#fff}
    .user-nav li a:hover{text-decoration:underline}
    
        .user-nav .drop-menu {position:relative;font-size:14px;line-height:2.2857em;
            
        }
        .user-nav .drop-menu ul{display:none;position:absolute;top:32px;left:-1px;z-index:1500;width:120px;background-color:#690;border:1px solid#690;padding:12px 40px;
              -moz-border-radius:0px 0px 5px 5px ;
              border-radius: 0px 0px 5px 5px;
        }
        .user-nav .edu-user ul{background-color:#296280  }

        .user-nav .drop-menu li{font-weight:normal;text-shadow:0px 0px #000;padding:0px;font-size:1em;background-image:none;float:none;text-align:left;line-height:1.5em;}
        .user-nav .drop-menu .divis{border-top:1px dashed #fff;margin:10px 0px 0px;padding:9px 0 }
        .user-nav .drop-menu:hover ul{display:block}

                           /*CSS3*/

                    .user-nav .drop-menu ul{display:block;height:0px;padding-top:0px;padding-bottom:0px;border:0px;
                          overflow: hidden;
                          -webkit-transition: height 0.2s linear;
                          -moz-transition: height 0.2s linear;
                          -o-transition: height 0.2s linear;
                    }
                    .user-nav .drop-menu:hover ul{height:160px;border:1px solid #690 }
                    .user-nav .edu-user:hover ul{height:180px;border:1px solid #245 }
    .campus-badge em{color: #0cf;font-weight: bold;}
    .campus-badge:hover{color: #0cf}
    .distribution-badge em{color: #e94d00;font-weight: bold;}
    .distribution-badge:hover {color: #e94d00;}
    .betatester-badge {background: #d8e900;border-radius: 4px;padding: 0 4px;}
    .betatester-badge em{color: #000;font-weight: bold;}

/*SITE NAVIGATION*/
    .sitenav {background-color:#444 ;float:left;width:100%;height:3.6em;min-width:960px;position:relative}
    .sitenav ul {display:block;float:left;padding-top:5px;padding-left:10px}
    .sitenav li{float:left;font-size:1.2em;text-transform:uppercase;padding:0px 3px;text-align:center;margin:0;}
    /* .sitenav li{text-shadow:0px -1px 1px #000};) */ 
    .sitenav li.last{}
    .sitenav li.frst{padding-left:0px}
        .sitenav a{display:block;padding:0px 12px 0px 0px;color:#fff;font-weight:normal;background-position:100% 50%;}
        .sitenav a em{font-style:normal;padding:7px 0px 8px 12px;margin-left:-5px;display:block;background-position:0% 50%;}

    .sitenav .on a, .sitenav a:focus, .sitenav a:active, .sitenav a:hover{background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) 100% -72px no-repeat;color:#fc6}
    .sitenav .on a em, .sitenav  a:focus em, .sitenav  a:active em, .sitenav a:hover em{background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) 0% -72px no-repeat;color:#fc6}
    .nfb-top-logo a:focus, .nfb-top-logo a:active, .nfb-top-logo a:hover{background-image: none}
        
         .sitenav .drop-menu {position:relative;}
         .sitenav .drop-menu ul{position:absolute;top:20px;left:-3px;z-index:1000;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 .drop-menu:hover a{background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) 100% -72px no-repeat;}
              .sitenav .drop-menu:hover em{background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) 0% -72px no-repeat;}

    .sitesubnav{height:54px;float:none;
        background:#242424;
        background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(36,36,36,1) 50%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36,36,36,1)), color-stop(50%,rgba(36,36,36,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(36,36,36,1) 50%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(36,36,36,1) 50%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(36,36,36,1) 50%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#242424',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, rgba(0,0,0,1) 0%,rgba(17,51,68,1) 50%); /* W3C */

    }
    .sitesubnav ul{padding-top:18px}
    .sitesubnav li{white-space:nowrap;text-transform: inherit; font-size:14px ;text-shadow: 0px 1px 1px #000;}
    .sitesubnav a{cursor: pointer}
    .sitesubnav .sitenav-right {height:48px;top:6px}
    .sitesubnav .sitenav-right a {background-image: none}

    /*Section branding*/
    .sitesubnav h1{font-size: 24px;padding-left:5px;margin-top:-1px}
    .sitesubnav h1 a, .sitesubnav h1 a:hover{background-image: none;color:#fff}
    .sitesubnav h1 span{}



/*social-link*/
  .social-link{width:200px;position:absolute;left:55%; text-align:center;font-size:1.2em;line-height:36px;text-transform:uppercase;}
    .social-link-fr{left:55%;}
  .social-link .cta{display:none}  
  .social-link a{display:inline;background-image:none;padding-right:0px;padding-left:8px}
    .social-link a:hover {background-image:none} 
  .social-link img { vertical-align:middle;border:1px solid #454545;
      -moz-transition:all 0.2s ease-in-out;
      -webkit-transition:all 0.2s ease-in-out;
      }        
    .social-link a:hover img{border-color:#000;
        -moz-transform:scale(1.2);
        -webkit-transform:scale(1.2);
        }    
        .sitenav-right{position:absolute;right:20px;padding-left:3px;}
        ul.sitenav-right{padding-top:0px}
        
    .main_srch {height:26px;padding:5px 0px}
    .main_srch input{display:inline;vertical-align:middle;font:normal 12px/26px sans-serif}
    .main_srch input[type="text"]{border:none;padding:0px 10px;height:26px;width:200px;background:#fff url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) 185px -289px no-repeat;}
    
/* DEV Utility toolbar*/    
    .dev-nav{}
    .dev-nav {background-color:#05a ;float:left;width:100%;height:2.4em;min-width:960px;position:relative}
    .dev-nav ul {display:block;float:left;padding-top:5px;padding-left:10px}
    .dev-nav li{float:left;font-size:1.2em;padding:0px 3px;text-align:center;margin:0 10px;}
    .dev-nav a{display:block;color:#ff0;font-weight:normal;}
    .dev-nav a:hover{text-decoration:underline}
    .dev-nav a em{font-style:italic;}
    

/* global btrd style 2014*/
.alert p,.panel p{font-size: 1.6em;line-height: 1.25}