/* Fasing out
 * MODAL WINDOWS V1.0 */

.white-modal {background-color:#fff; padding:10px 10px 18px 10px; margin:0; color:#000; font-family:Arial, helvetica, sans-serif;}
.white-modal input[type=text] {width:295px;}
.white-modal button[type=submit] {width:100%;max-width:390px;margin-bottom:0;margin-top:1.2857em;}
.white-modal:after,
.white-modal .panel-copy:after,
.white-modal form:after,
.white-modal .signup-form:after,
.white-modal .reset-form:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.white-modal .modal-header{margin:0; position:relative; background-color:#e1e1e1; padding:18px 0;}
.white-modal .modal-header h1 {font-size:1.8em; font-weight:normal; padding:0 18px; margin:0; color:#000;}
.white-modal .modal-header p {margin:0 18px; padding:0; padding-top:2px; font-size:12px;}
.white-modal .modal-header p a {color:#669900; text-decoration:none;}
.white-modal .modal-header p a:hover {text-decoration:underline;}
.white-modal .panel-copy {margin-top:10px;}
.white-modal .error-bar {margin:0;margin-top:10px;}

/*sign up*/
.white-modal.modal-signup-panel {width:336px;}
.white-modal.modal-signup-panel .signup-form {margin:1.8em 0 0 0 }

/* reset password */
.white-modal.modal-reset-panel {width:336px;}
.white-modal.modal-reset-panel .reset-form {margin:1.8em 0 0 0;padding-bottom:0; }
.white-modal.modal-reset-panel .reset-form button[type=submit] {margin-top:18px;}
.white-modal.modal-reset-panel .reset-form p{margin:0;}

/* error message for white modal */
.white-modal .form-msg-error{ padding:9px 12px 9px 11px;background:#fff url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3a.png) right -1311px no-repeat;}
.white-modal .form-msg-confirm{padding:5px 12px 5px 11px;background-position:100% -1203px;background-color:#fff;}

/* error message for grey modal */
.modal .form-msg-error.grey {background:url(/medias/nfb_tube_static/styles/imgs/exclam-gris.png) no-repeat 0 8px;margin-bottom:18px;}
.modal .form-msg-error.grey div {margin-left:35px; color:#ffcc00;}

/* Modal SHARE */
.white-modal.modal-share {width:700px;}
.white-modal.modal-share.modal-share-2col {width:430px;}

.white-modal.modal-share .embed-code {float:left;width:270px;}
.white-modal.modal-share .embed-code input[type=text] {width:265px;}
.white-modal.modal-share .embed-code p {line-height:18px;margin-bottom:0;margin-top:10px;}
.white-modal.modal-share .embed-code #vidembed {float:left;font-size:12px;width:265px; height:100px;}
.white-modal.modal-share .embed-code #selembed {float:left;margin-top:10px;}

.white-modal.modal-share .vignette {margin:0 10px 15px 0;padding:0;width:auto;height:278px;}
.white-modal.modal-share .vignette .inner {margin-left:0; margin-right:0;background-color:#000;padding:10px;height:auto;line-height:18px;}
.white-modal.modal-share .vignette img.visual {margin:0;}
.white-modal.modal-share .vignette h3.title {font-size:14px;text-indent:0;padding-bottom:0;margin-top:18px; margin-bottom:18px;}
.white-modal.modal-share .vignette a{color:#FC6;}

.white-modal.modal-share .bookmarks {float:left; width:190px; height:274px;}
.white-modal.modal-share .bookmarks ul {margin:10px;}
.white-modal.modal-share .bookmarks li {margin-bottom:10px;line-height:18px;margin-left:5px; font-size:12px;}
.bookmarks a {color:#669900;}
.bookmarks a:hover{text-decoration:underline;}
.white-modal.modal-share .bookmarks .share-delicious,
.white-modal.modal-share .bookmarks .share-digg,
.white-modal.modal-share .bookmarks .share-stumble,
.white-modal.modal-share .bookmarks .share-google,
.white-modal.modal-share .bookmarks .share-tumblr,
.white-modal.modal-share .bookmarks .share-facebook,
.white-modal.modal-share .bookmarks .share-twitter {background-color:#fff;}

.share-delicious,
.share-tumblr,
.share-digg,
.share-stumble,.share-stumbleupon,
.share-google,.share-google-bookmarks,
.share-facebook,
.share-twitter{padding-left:20px;background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip4.png) 0 0 no-repeat}

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

.white-modal.modal-share .b-title {font-size:18px;margin-left:0;}
.white-modal.modal-share .creator, .modal-share .prod-year, .modal-share .running-time {font-size:11px; line-height:18px;}
.white-modal.modal-share .description {font-size:12px;}
.white-modal.modal-share .vignette.vignette-page .inner {background:url(/medias/nfb_tube_static/styles/imgs/share-modal-hibou.jpg) no-repeat bottom center #000;}

h3.modal-sucess-msg {background-color:#333;font-size:14px; padding:10px;font-weight:bolder;}

/* Modal BUY */
.modal-buy { width:720px;}
.panel.modal-buy {padding-bottom:0;}
.modal-buy .panel-copy {min-height:18px;}
.modal-buy .panel-copy h2 {font-size:24px;margin-bottom:0; padding-bottom:0;line-height:36px;}
.modal-buy .panel-copy p {line-height:18px;margin:18px 0;}
.modal-buy .panel-copy p.moredvd{font-size:14px}

.modal-buy .left-img {margin-left:25px;float:left;}

.modal-buy a { color:#669900; }
.modal-buy .panel-copy small {margin-top:0;line-height:18px;margin-bottom:18px;}
.modal-buy-dock {position:relative;margin-top:18px;margin-bottom:18px; height:35px; width:188px;}
.modal-buy-added {width:102px;height:35px;background:url(/medias/nfb_tube_static/styles/imgs/added-dvd.png) no-repeat 3px 2px #669900;color:#fff;line-height:35px;text-align:center;padding-left:10px;position:absolute;z-index:4; left:0; top:0;}
.modal-buy-undo {width:58px; height:22px; text-align:center; color:#cc0000; background:url(/medias/nfb_tube_static/styles/imgs/undo.png) no-repeat top left;line-height:22px;position:absolute;top:6px; right:0;}
/*.modal-buy ul.btns {height:36px; margin-bottom:72px;}*/
.modal-buy ul.btns {height:36px;}

.modal-buy ul li {float:left; padding-right:30px;height:36px;line-height:36px;font-size:18px;}
.modal-buy .return {background:url(/medias/nfb_tube_static/styles/imgs/return.png) no-repeat left 5px;padding-left:40px;}
.modal-buy .checkout {background:url(/medias/nfb_tube_static/styles/imgs/checkout.png) no-repeat right 5px;padding-right:40px;}
.modal-buy .panel-right {float:right;width:520px;padding-right:20px}
.modal-buy .panel-right a:hover{text-decoration:underline}
.modal-buy .row {border-bottom:1px solid #999;padding-bottom:18px;min-height:10px;}
.modal-buy .row.last {border-bottom:none;padding-bottom:0;}
.modal-buy .row:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.modal-buy .row .dvd {float:left;width:32.9%;height:auto;}
.modal-buy .row .dvd .dvd-img {width:100%; text-align:left;}
/*.modal-buy .row .dvd .dvd-info {margin-top:18px;}*/
.modal-buy .row .dvd .dvd-info {margin:18px 18px 18px 0;}
.modal-buy .more-online {text-align:right;padding-right:10px;line-height:18px;font-size:18px;background:url(/medias/nfb_tube_static/styles/imgs/right-arrow.png) no-repeat right 5px #fff;}

/*login*/
.signin-flat .btn, .modal-login-panel .btn{clear:both;margin:1.2857em 0}
.modal .cnr_4{padding:18px 20px}
.modal-login-panel {width:374px;}
.modal-login-panel .signin-hd{margin-bottom:90px;background:url(/medias/nfb_tube_static/styles/imgs/nfb-logo-modal.png) left 4px no-repeat;padding-left:114px}
.modal-login-panel .signin-hd-short {margin-bottom:30px;}
.modal-login-panel .signin-hd h1{color:#f90;margin-bottom:0;font-size:2.4em}
.modal-login-panel #username, .modal-login-panel #password{width:98%}
.modal-subscriptions-panel-opt .btn, .modal-subscriptions-panel-opt .btn span, .modal-login-panel .btn, .modal-login-panel .btn span{background-image:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip3c.png); background-color:transparent;}
.modal-login-panel form {padding-bottom:30px;}
.modal-login-panel .clear{width:55%; clear:none; float:left;}
.modal-login-panel form:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.modal-login-panel #modal-reset {float:right;margin-top:9px;}

/*Subscription*/
.modal-subscriptions-panel{width:280px;margin-left:10px;}
.modal-subscriptions-panel-opt{width:300px}
.modal-subscriptions-panel-opt .nletter-option{height:auto;}
.modal-subscriptions-panel-opt img{display:none;}
.modal-subscriptions-panel-opt p{margin-left:24px;}
.modal-subscriptions-panel input[type=text] {width:275px;}
.modal-subscriptions-panel-opt .nletter-option{margin:0;}
.save-option-btn {padding:0;margin:0;}

/* modal add to playlist */

.panel.modal-add-to-playlist {margin:0;}
.modal-add-to-playlist {width:570px;}
.modal-add-to-playlist .create-playlist {display:none;}
.white-modal.modal-add-to-playlist form {position: relative; margin-left: 20px;}
.white-modal.modal-add-to-playlist a {color: #74C214;}
.white-modal.modal-add-to-playlist a.bouton-txt-cancel {color: #990000;}
.white-modal.modal-add-to-playlist a.new {margin-left: 15px;}

.white-modal.modal-add-to-playlist .infos a {color: #fc6;}

.white-modal.modal-add-to-playlist .create-playlist {position: absolute; left: 260px; top: 2px; width: 250px;}
/*.white-modal.modal-add-to-playlist .add-to-playlist-buttons {position:relative; left: -34px; margin: -5px 0 10px 0;}*/

.white-modal.modal-add-to-playlist .add-to-playlist-buttons {margin:12px 0;}
.white-modal.modal-add-to-playlist .add-to-playlist-buttons .hidden-button {display:none;}
/*.white-modal.modal-add-to-playlist .add-to-playlist-buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden;}*/
/*.white-modal.modal-add-to-playlist button {margin-right: -25px;}*/
/*.white-modal.modal-add-to-playlist button[type=submit], .white-modal.modal-add-to-playlist button[type=button]{width:50%;margin-top:0; }*/
.white-modal.modal-add-to-playlist button em {background-color:#fff}/* to fix background problem with negative margin :( */

.white-modal.modal-add-to-playlist button[type=submit] {width:auto;max-width:none;margin-bottom:0;margin-top:0;}

.modal .clear {clear:both;}







/*form-info explanation*/
/* guides */
.guide .moreico { background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) left -1152px no-repeat; padding-left:20px;}
.guide .downico { background:url(/medias/nfb_tube_static/styles/imgs/norm-img-strip2.png) left -1098px no-repeat; padding-left:20px;}
.guide .pdf-img{}

/* recommend voted already */
.already-voted{color:#fff;font-style:italic;text-decoration:none;}


/* colorbox (modal windows)*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    ColorBox example user style
    These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML,
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#444;}

#colorbox{}
#cboxContent{background:#000; margin:10px;}
#cboxLoadedContent{background:#000; padding:40px;}
#cboxTitle{position:absolute; bottom:18px; left:18px; color:#000;}
#cboxCurrent{position:absolute;  bottom:18px;  right:18px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-41px; background:url(/medias/nfb_tube_static/styles/imgs/modal-controls.png) top left no-repeat; width:38px; height:81px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-41px; background:url(/medias/nfb_tube_static/styles/imgs/modal-controls.png) top right no-repeat; width:38px; height:81px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(/medias/nfb_tube_static/styles/imgs/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:9px; right:0; display:block; background:url(/medias/nfb_tube_static/styles/imgs/modal-controls.png) top center no-repeat; width:47px; height:24px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}


.v-expanded{display:block;float:none;width:auto;height:auto;text-align:left;margin:1.8em 0;padding:0;font-size: 70%}
.v-expanded .inner{width:auto;height:auto;background-color:#000;min-height:117px}
.v-expanded .inner > a > img {width: 204px;    height: 115px;    margin: 1px auto 8px;}
.v-expanded .visual{float:left;margin:9px 18px 0 9px;}
.v-expanded .infos{padding-left:0;margin-right:9px}
.v-expanded .infos, .v-expanded .edit-tools{margin-left:231px}
.v-expanded .description{margin-top:1.8em}
.v-expanded .description textarea{width:98%;font-size:14px;line-height:18px;}
.v-expanded .title{margin-top:1em}
.v-expanded .tools{}