/* qTip2 - Pretty powerful tooltips - v2.2.1 http://qtip2.com Copyright (c) 2014 Released under the MIT licenses http://jquery.org/license Date: Sat Sep 6 2014 11:12 GMT+0100+0100 Plugins: tips modal viewport svg imagemap ie6 Styles: core basic css3 */ /* CORE STYLES */ .qtip { position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; font-size: 10.5px; line-height: 12px; direction: ltr; box-shadow: none; padding: 0; } .qtip-content { position: relative; padding: 5px 9px; overflow: hidden; text-align: left; word-wrap: break-word; } .qtip-titlebar { position: relative; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 0 0 1px; font-weight: bold; } .qtip-titlebar + .qtip-content { border-top-width: 0 !important; } /* Default close button class */ .qtip-close { position: absolute; right: -9px; top: -9px; z-index: 11; /* Overlap .qtip-tip */ cursor: pointer; outline: medium none; border: 1px solid transparent; } .qtip-titlebar .qtip-close { right: 4px; top: 50%; margin-top: -9px; } * html .qtip-titlebar .qtip-close { top: 16px; } /* IE fix */ .qtip-titlebar .ui-icon, .qtip-icon .ui-icon { display: block; text-indent: -1000em; direction: ltr; } .qtip-icon, .qtip-icon .ui-icon { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; } .qtip-icon .ui-icon { width: 18px; height: 14px; line-height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; } /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */ /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */ /* Default tooltip style */ .qtip-default { border: 1px solid #F1D031; background-color: #FFFFA3; color: #555; } .qtip-default .qtip-titlebar { background-color: #FFEF93; } .qtip-default .qtip-icon { border-color: #CCC; background: #F1F1F1; color: #777; } .qtip-default .qtip-titlebar .qtip-close { border-color: #AAA; color: #111; } /*! Light tooltip style */ .qtip-light { background-color: white; border-color: #E2E2E2; color: #454545; } .qtip-light .qtip-titlebar { background-color: #f1f1f1; } /*! Dark tooltip style */ .qtip-dark { background-color: #505050; border-color: #303030; color: #f3f3f3; } .qtip-dark .qtip-titlebar { background-color: #404040; } .qtip-dark .qtip-icon { border-color: #444; } .qtip-dark .qtip-titlebar .ui-state-hover { border-color: #303030; } /*! Cream tooltip style */ .qtip-cream { background-color: #FBF7AA; border-color: #F9E98E; color: #A27D35; } .qtip-cream .qtip-titlebar { background-color: #F0DE7D; } .qtip-cream .qtip-close .qtip-icon { background-position: -82px 0; } /*! Red tooltip style */ .qtip-red { background-color: #F78B83; border-color: #D95252; color: #912323; } .qtip-red .qtip-titlebar { background-color: #F06D65; } .qtip-red .qtip-close .qtip-icon { background-position: -102px 0; } .qtip-red .qtip-icon { border-color: #D95252; } .qtip-red .qtip-titlebar .ui-state-hover { border-color: #D95252; } /*! Green tooltip style */ .qtip-green { background-color: #CAED9E; border-color: #90D93F; color: #3F6219; } .qtip-green .qtip-titlebar { background-color: #B0DE78; } .qtip-green .qtip-close .qtip-icon { background-position: -42px 0; } /*! Blue tooltip style */ .qtip-blue { background-color: #E5F6FE; border-color: #ADD9ED; color: #5E99BD; } .qtip-blue .qtip-titlebar { background-color: #D0E9F5; } .qtip-blue .qtip-close .qtip-icon { background-position: -2px 0; } .qtip-shadow { -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); } /* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */ .qtip-rounded, .qtip-tipsy, .qtip-bootstrap { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .qtip-rounded .qtip-titlebar { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } /* Youtube tooltip style */ .qtip-youtube { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; box-shadow: 0 0 3px #333; color: white; border: 0 solid transparent; background: #4A4A4A; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a4a4a), color-stop(100%, black)); background-image: -webkit-linear-gradient(top, #4a4a4a 0, black 100%); background-image: -moz-linear-gradient(top, #4a4a4a 0, black 100%); background-image: -ms-linear-gradient(top, #4a4a4a 0, black 100%); background-image: -o-linear-gradient(top, #4a4a4a 0, black 100%); } .qtip-youtube .qtip-titlebar { background-color: #4A4A4A; background-color: rgba(0, 0, 0, 0); } .qtip-youtube .qtip-content { padding: .75em; font: 12px arial,sans-serif; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"; } .qtip-youtube .qtip-icon { border-color: #222; } .qtip-youtube .qtip-titlebar .ui-state-hover { border-color: #303030; } /* jQuery TOOLS Tooltip style */ .qtip-jtools { background: #232323; background: rgba(0, 0, 0, 0.7); background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323)); background-image: -moz-linear-gradient(top, #717171, #232323); background-image: -webkit-linear-gradient(top, #717171, #232323); background-image: -ms-linear-gradient(top, #717171, #232323); background-image: -o-linear-gradient(top, #717171, #232323); border: 2px solid #ddd; border: 2px solid #f1f1f1; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 12px #333; -moz-box-shadow: 0 0 12px #333; box-shadow: 0 0 12px #333; } /* IE Specific */ .qtip-jtools .qtip-titlebar { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"; } .qtip-jtools .qtip-content { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"; } .qtip-jtools .qtip-titlebar, .qtip-jtools .qtip-content { background: transparent; color: white; border: 0 dashed transparent; } .qtip-jtools .qtip-icon { border-color: #555; } .qtip-jtools .qtip-titlebar .ui-state-hover { border-color: #333; } /* Cluetip style */ .qtip-cluetip { -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); background-color: #D9D9C2; color: #111; border: 0 dashed transparent; } .qtip-cluetip .qtip-titlebar { background-color: #87876A; color: white; border: 0 dashed transparent; } .qtip-cluetip .qtip-icon { border-color: #808064; } .qtip-cluetip .qtip-titlebar .ui-state-hover { border-color: #696952; color: #696952; } /* Tipsy style */ .qtip-tipsy { background: black; background: rgba(0, 0, 0, 0.87); color: white; border: 0 solid transparent; font-size: 11px; font-family: 'Lucida Grande', sans-serif; font-weight: bold; line-height: 16px; text-shadow: 0 1px black; } .qtip-tipsy .qtip-titlebar { padding: 6px 35px 0 10px; background-color: transparent; } .qtip-tipsy .qtip-content { padding: 6px 10px; } .qtip-tipsy .qtip-icon { border-color: #222; text-shadow: none; } .qtip-tipsy .qtip-titlebar .ui-state-hover { border-color: #303030; } /* Tipped style */ .qtip-tipped { border: 3px solid #959FA9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F9F9F9; color: #454545; font-weight: normal; font-family: serif; } .qtip-tipped .qtip-titlebar { border-bottom-width: 0; color: white; background: #3A79B8; background-image: -webkit-gradient(linear, left top, left bottom, from(#3a79b8), to(#2e629d)); background-image: -webkit-linear-gradient(top, #3a79b8, #2e629d); background-image: -moz-linear-gradient(top, #3a79b8, #2e629d); background-image: -ms-linear-gradient(top, #3a79b8, #2e629d); background-image: -o-linear-gradient(top, #3a79b8, #2e629d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"; } .qtip-tipped .qtip-icon { border: 2px solid #285589; background: #285589; } .qtip-tipped .qtip-icon .ui-icon { background-color: #FBFBFB; color: #555; } /** Twitter Bootstrap style. Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11. Does not work with IE 7. */ .qtip-bootstrap { /** Taken from Bootstrap body */ font-size: 14px; line-height: 20px; color: #333333; /** Taken from Bootstrap .popover */ padding: 1px; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .qtip-bootstrap .qtip-titlebar { /** Taken from Bootstrap .popover-title */ padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .qtip-bootstrap .qtip-titlebar .qtip-close { /** Overrides qTip2: .qtip-titlebar .qtip-close{ [...] right: 4px; top: 50%; [...] border-style: solid; } */ right: 11px; top: 45%; border-style: none; } .qtip-bootstrap .qtip-content { /** Taken from Bootstrap .popover-content */ padding: 9px 14px; } .qtip-bootstrap .qtip-icon { /** Overrides qTip2: .qtip-default .qtip-icon { border-color: #CCC; background: #F1F1F1; color: #777; } */ background: transparent; } .qtip-bootstrap .qtip-icon .ui-icon { /** Overrides qTip2: .qtip-icon .ui-icon{ width: 18px; height: 14px; } */ width: auto; height: auto; /* Taken from Bootstrap .close */ float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .qtip-bootstrap .qtip-icon .ui-icon:hover { /* Taken from Bootstrap .close:hover */ color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } /* IE9 fix - removes all filters */ .qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar { filter: none; -ms-filter: none; } .qtip .qtip-tip { margin: 0 auto; overflow: hidden; z-index: 10; } /* Opera bug #357 - Incorrect tip position https://github.com/Craga89/qTip2/issues/367 */ x:-o-prefocus, .qtip .qtip-tip { visibility: hidden; } .qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas { position: absolute; color: #123456; background: transparent; border: 0 dashed transparent; } .qtip .qtip-tip canvas { top: 0; left: 0; } .qtip .qtip-tip .qtip-vml { behavior: url(#default#VML); display: inline-block; visibility: visible; } #qtip-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; } /* Applied to modals with show.modal.blur set to true */ #qtip-overlay.blurs { cursor: pointer; } /* Change opacity of overlay here */ #qtip-overlay div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .qtipmodal-ie6fix { position: absolute !important; } .qtip-dark { background-color: #303030; } /* FIX AUTOCOMPLETE CSS */ #ff_autocomplete_results, .autocomplete { z-index: 999999 !important; } /* HIDE LIST CSS */ .side_list, .side_list_left, .side_direct { display: none; } .list_content { float: left; width: 230px; } /* FILM GENERAL CSS */ #newfilms { width: 896px; padding: 0px 0px 10px; } #newfilms h3 { color: #000; font-size: 14px; font-weight: 700; text-transform: uppercase; } #newfilms h4 { color: #282828; font-size: 18px; font-weight: 700; text-transform: none; } #newfilms h5 { color: #898989; font-size: 14px; font-weight: 500; letter-spacing: 0.5px; text-transform: capitalize; } #newfilms p { color: #4d4c4c; *line-height: 16px; } #newfilms ul { list-style: none; margin: 0px; padding: 0px; } #newfilms .red { color: #eb4137; } /* LEFT BLOCK */ #left { float: left; width: 221px; } #left .info { margin: 10px; } /* SIDE BLOCK */ #side_title { width: 221px; height: 84px; margin: 0px 0px 4px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/side_films-cc946f5cd08855978232379bacd3a285.gif) no-repeat; overflow: hidden; } /* SIDE SEARCH */ #side_search { width: 182px; padding: 20px 20px 20px 19px; margin: 0px 0px 4px; background-color: #ebebeb; overflow: hidden; } #side_search form { width: 182px; height: 25px; margin: 18px 0px 0px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat -1px -351px; overflow: hidden; position: relative; } #side_search .side_field { color: #898989; font-size: 11px; width: 144px; margin: 5px 0px 0px 8px; border: 0px; background-color: transparent; display: inline; } #side_search .side_submit { width: 11px; height: 13px; border: 0px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -1px -1px transparent; position: absolute; top: 6px; right: 9px; cursor: hand; cursor: pointer; } /* SIDE FIND BLOCK */ #side_find { width: 221px; margin: 0px 0px 4px; } #side_find .films_matching { width: 182px; padding: 20px 20px 10px 19px; background-color: #ebebeb; border-bottom: 1px dotted #fff; } #side_find .films_matching h5 { float: left; display: inline; } #side_find .films_matching .clearall { float: right; color: #898989; text-decoration: underline; margin: -3px 0px 0px; display: inline; } #side_find .films_matching ul { clear: both; width: 182px; margin: 0px 0px -20px; padding: 18px 0px 0px; } #side_find .films_matching li { width: 182px; height: 25px; margin: 0px 0px 20px; } #side_find .films_matching li a { color: #f1f2f2; font-size: 11px; font-weight: bold; line-height: 18px; width: 142px; height: 20px; padding: 5px 30px 0px 10px; display: block; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -1px -271px transparent; cursor: pointer; cursor: hand; *padding: 4px 30px 1px 10px; } #side_find .films_matching li a:hover { color: #f1f2f2 !important; background-position: -1px -321px; } /* SIDE DROPDOWNS BLOCK */ #side_find .find_films { width: 182px; padding: 20px 20px 20px 19px; background-color: #ebebeb; } #side_find .find_films h5 { margin: 0px 0px -2px; } #side_find .side_drop { color: #454545; font-size: 11px; line-height: 18px; text-transform: uppercase; width: 143px; height: 21px; padding: 5px 30px 0px 10px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -1px -188px transparent; position: absolute; cursor: pointer; cursor: hand; *padding: 4px 30px 1px 10px; } #side_find .side_drop:hover { color: #ffffff; background-position: -1px -240px; } #side_find .side_drop.active { color: #bcbcbc; background-position: -1px -240px; } #side_find .side_drop.selected { color: #454545; background-position: -1px -214px; } #side_find .side_drop.selected:hover { color: #ffffff; background-position: -1px -240px; } #side_find .side_drop.selected.active { color: #bcbcbc; background-position: -1px -240px; } #side_find .modal_list { width: 183px; height: 26px; margin: 20px 0px 0px; position: relative; } .drop_main .modal_list { width: 100px; height: 19px; margin: 0px; position: relative; display: inline; } #side_find .modal_close { width: 183px; height: 26px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -1px -490px transparent; position: absolute; display: none; top: 0px; left: 0px; cursor: pointer; cursor: hand; } .drop_main .modal_close { width: 100px; height: 19px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -1px -490px transparent; position: absolute; display: none; top: 0px; left: 0px; cursor: pointer; cursor: hand; } .drop_list { position: relative; z-index: 9999; } .drop_main { position: relative; z-index: 8888; } /* SIDE DROPDOWN LIST */ .side_list { color: #898989; font-size: 12px; width: 203px; padding: 15px 0px; background-color: #fff; position: absolute; left: 190px; top: 0px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0px 0px 5px #888; -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; border: 1px solid #cccccc \9; *z-index: 8888; } .side_list .side_tip { width: 6px; height: 11px; margin-top: -7px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -1px -466px transparent; position: absolute; left: -6px; top: 50%; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -1px -450px transparent\9; } .side_list ul { width: 203px; } .side_list li { width: 203px; height: 19px; } .side_list li a { color: #4f4f4f; font-weight: bold; width: 163px; height: 18px; margin: 0px auto; padding: 1px 10px 0px; display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; *padding: 0px 10px 1px; } .side_list li a:hover { color: #fff !important; background-color: #333; } .side_list li.side_list_head { width: 163px; padding: 0px 20px 2px; margin: 0px 0px 6px; border-bottom: 1px dotted #dcdcdc; } .side_list li.side_list_mid { width: 163px; padding: 15px 20px 2px; margin: 6px 0px; border-top: 1px dotted #dcdcdc; border-bottom: 1px dotted #dcdcdc; } /* SIDE DIRECTORS BLOCK */ .side_direct { color: #898989; width: 693px; background-color: #fff; position: absolute; left: 190px; top: 0px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0px 0px 5px #888; -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; border: 1px solid #cccccc \9; *z-index: 8888; } .side_direct .side_tip { width: 6px; height: 11px; margin-top: 7px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -1px -466px transparent; position: absolute; left: -6px; top: 50%; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -1px -450px transparent\9; } .side_direct a { color: #898989; font-weight: bold; } .side_direct li.active a { color: #353535; } .side_direct_top { font-size: 10px; width: 693px; height: 47px; border-bottom: 1px dotted #dcdcdc; position: relative; overflow: hidden; } .side_direct_top ul, .side_direct_btm ul { display: inline; } .side_direct_top li, .side_direct_btm li { padding: 0px 0px 0px 2px; display: inline; } .side_direct_top .side_direct_sort { float: left; height: 14px; padding: 18px; } .side_direct_top .side_direct_close { float: right; padding: 10px; position: absolute; top: 0px; right: 0px; } .side_direct_top .side_direct_close a { width: 41px; height: 27px; display: block; background: iamge-url("library/films_sprite.gif") no-repeat scroll -1px -19px transparent; } .side_direct_top .side_direct_close a:hover { background-position: -1px -46px; } .side_direct_btm { width: 693px; height: 47px; border-top: 1px dotted #dcdcdc; position: relative; overflow: hidden; *word-spacing: -1px; *display: none; } .side_direct_btm .side_direct_page { float: left; height: 16px; padding: 12px 18px; } /* SIDE DIRECTORS PAGINATION BLOCK */ .side_direct_paginate { float: right; margin: 3px 0px; padding: 0px 10px 0px 0px; position: absolute; top: 0px; right: 0px; } .side_direct_btm .side_direct_prev { float: left; padding: 5px 5px 5px 0px; border-right: 1px dotted #dcdcdc; } .side_direct_btm .side_direct_prev a { width: 31px; height: 31px; display: block; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -1px -78px transparent; } .side_direct_btm .side_direct_prev a:hover { background-position: -1px -109px; } .side_direct_btm .side_direct_next { float: left; padding: 5px 0px 5px 5px; } .side_direct_btm .side_direct_next a { width: 31px; height: 31px; display: block; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -41px -78px transparent; } .side_direct_btm .side_direct_next a:hover { background-position: -41px -109px; } /* SIDE DIRECTORS LIST */ .side_direct_block { width: 693px; height: 325px; position: relative; *height: 372px; } .side_direct_list { color: #898989; font-size: 12px; width: 693px; height: 285px; padding: 20px 0px; position: absolute; *height: 333px; } .side_direct_list ul { border-right: 1px dotted #dcdcdc; margin: 0px 0px 0px 1px; _border: none; } .side_direct_list ul.li_cont3 { border-right: none; } .side_direct_list li { width: 231px; height: 19px; } .side_direct_list li a { color: #4f4f4f; font-weight: bold; width: 191px; height: 18px; margin: 0px auto; padding: 1px 10px 0px; display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; *padding: 0px 10px 1px; } .side_direct_list li a:hover { color: #fff !important; background-color: #333; } /* SIDE DIRECTORS LIST PAGES */ .list_pages { width: 668px; height: 27px; padding: 12px 10px 0px 15px; position: absolute; top: 325px; left: 0px; z-index: 9999; *border-top: 1px dotted #dcdcdc; } .list_pages a.page_link { padding: 0px 6px; border-right: 1px solid #898989; } .list_pages a.last { border-right: none; } .list_pages a.active_page { color: #353535; } .list_pages a.last_link, .list_pages a.first_link { display: none; } .list_pages a.previous_link { float: right; width: 31px; height: 31px; margin: -4px 5px 0px; padding: 0px 5px 0px 0px; display: block; border-right: 1px dotted #dcdcdc; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -1px -78px transparent; position: relative; *margin: -22px 0px 0px; } .list_pages a.previous_link:hover { background-position: -1px -109px; } .list_pages a.next_link { float: right; width: 31px; height: 31px; margin: -4px 0px 0px; padding: 0px 0px 0px 5px; display: block; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -41px -78px transparent; } .list_pages a.next_link:hover { background-position: -41px -109px; } /* SIDE STARTERS BLOCK */ #side_starters { width: 221px; padding: 20px 0px 0px 0px; margin: 0px 0px 10px; background-color: #ebebeb; overflow: hidden; } #side_starters h5 { padding: 0px 0px 0px 19px; } #side_starters ul { margin: 18px 0px 0px; } #side_starters li { width: 181px; } #side_starters li a { /* color:#282828; */ font-weight: bold; width: 181px; display: block; padding: 7px 20px; border-top: 1px dotted #fff; } #side_starters li a:hover { color: #fff !important; background-color: #404040; } #side_starters ul li p { padding: 0 20px; font-size: 11px; } /* SIDE SPECIALS BLOCK */ #side_specials { width: 201px; margin: 0px 0px 10px; padding: 0px 10px 10px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/bg_ads-c3635e723a339842e6b370f538daf680.gif) repeat; overflow: hidden; } #side_specials a img { margin: 10px 0px 0px; padding: 0 0 6px 0; background-color: white; } #side_specials p { font-size: 12px; margin: 0; padding: 0 10px 10px 10px; background-color: white; } div#left #side_specials h1 { padding: 10px; margin: 10px 0 -10px 0; background-color: white; color: #353535; font-size: 18px; font-weight: bold; line-height: 1.2em; } div#left #side_specials strong { text-transform: uppercase; } div#left #side_specials a.shop_library { font-weight: bold; color: #353535; line-height: 1em; } div #left #side_starters .arrow-right { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #B0B0B0; position: relative; bottom: 14px; left: 170px; } div#left h4 { color: #282828; font-size: 18px; font-weight: 700; text-transform: none; } /* RIGHT BLOCK */ #right { float: right; width: 665px; } #right .info { margin: 10px; } /* FILMS NAV BLOCK */ .films_nav { color: #898989; font-size: 10px; width: 665px; height: 84px; margin: 0px 0px 4px; background-color: #ebebeb; } .films_nav a { color: #898989; font-weight: bold; } .films_nav li.active a { color: #353535; } /* FILMS NAV TOP BLOCK */ .films_nav_top { width: 625px; height: 30px; padding: 12px 20px 0px; border-bottom: 1px dotted #fff; } .films_nav_top span { float: left; display: block; margin: 0px 4px 0px 0px; } .films_nav_top .films_nav_results { float: left; font-size: 12px; width: 150px; height: 18px; display: inline; } .films_nav_top .films_nav_unavail { float: right; width: 142px; height: 18px; padding: 3px 20px 0px; display: inline; *width: 150px; } .films_nav_top .films_nav_unavail input { margin: 0px; *margin: -2px 0px 0px; } .films_nav_top .films_nav_sort { float: right; width: 142px; height: 18px; display: inline; } .films_nav_top .films_nav_sort span { margin: 3px 4px 0px 0px; } .films_nav_top .films_nav_sort .main_drop { float: right; color: #353535; font-size: 10px; line-height: 18px; text-transform: uppercase; width: 60px; height: 14px; padding: 0px 30px 5px 10px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -1px -145px transparent; cursor: pointer; cursor: hand; _line-height: 14px; _padding: 2px 30px 3px 10px; } .films_nav_top .films_nav_sort .main_drop:hover { color: #fff; background-position: -1px -164px; } .films_nav_top .films_nav_sort .main_drop.active { color: #fff; background-position: -1px -164px; } /* SORT DROPDOWN LIST */ .side_list_left { color: #898989; font-size: 12px; width: 100px; padding: 5px 0px; background-color: #fff; position: absolute; top: 19px; left: 42px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0px 0px 5px #888; -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; border: 1px solid #cccccc \9; *z-index: 7777; } .side_list_left .side_tip_left { width: 6px; height: 11px; margin-top: -11px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -10px -466px transparent; position: absolute; right: -6px; top: 50%; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -10px -450px transparent\9; } .side_list_left ul { width: 100px; } .side_list_left li { width: 100px; height: 19px; } .side_list_left li a { color: #4f4f4f; font-weight: bold; width: 70px; height: 18px; margin: 0px auto; padding: 1px 10px 0px; display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; *padding: 0px 10px 1px; } .side_list_left li a:hover { color: #fff !important; background-color: #333; } /* FILMS NAV BOTTOM BLOCK */ .films_nav_btm { width: 665px; height: 41px; position: relative; overflow: hidden; *word-spacing: -1px; } .films_nav_btm ul { display: inline; } .films_nav_btm li { padding: 0px 0px 0px 2px; display: inline; } .films_nav_btm .films_nav_view { float: left; height: 16px; padding: 13px 15px 13px 20px; border-right: 1px dotted #fff; } .films_nav_btm .films_nav_num { float: left; height: 16px; padding: 13px 15px; border-right: 1px dotted #fff; } .films_nav_btm .films_nav_page { float: left; height: 16px; padding: 13px 15px; } .films_nav_btm .films_print_list { border-right: 1px dotted #fff; } /* FILMS NAV PAGINATION BLOCK */ .films_nav_paginate { float: right; padding: 0px 20px 0px 0px; position: absolute; top: 0px; right: 0px; } .films_nav_btm .films_nav_prev { float: left; padding: 5px 5px 5px 0px; border-right: 1px dotted #fff; } .films_nav_btm .films_nav_prev a { width: 31px; height: 31px; display: block; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -1px -78px transparent; } .films_nav_btm .films_nav_prev a:hover { background-position: -1px -109px; } .films_nav_btm .films_nav_prev a.inactive { background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -80px -78px transparent; } .films_nav_btm .films_nav_prev a.inactive:hover { cursor: default; } .films_nav_btm .films_nav_next { float: left; padding: 5px 0px 5px 5px; } .films_nav_btm .films_nav_next a { width: 31px; height: 31px; display: block; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -41px -78px transparent; } .films_nav_btm .films_nav_next a:hover { background-position: -41px -109px; } .films_nav_btm .films_nav_next a.inactive { background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/films_sprite-04467d15373cc4526ae23f1dcaf2168c.gif) no-repeat scroll -80px -109px transparent; } .films_nav_btm .films_nav_next a.inactive:hover { cursor: default; } /* EXPLORE BLOCK */ #films_explore { width: 645px; margin: 0px 0px 10px; padding: 10px 10px 20px 10px; background-color: #ebebeb; overflow: hidden; } #films_explore .landing_image { margin: 0 auto 20px auto; width: 624px; } #films_explore .landing_overlay { width: 645px; height: 294px; display: block; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/landing_logo-dfa676a1a39939539e8da017363dd651.png) no-repeat; position: absolute; } #films_explore .collection_info { margin: 0 0 27px 0; } #films_explore .collection_info h4 { padding: 10px 0px 10px; } #films_explore .collection_info h4 a { color: #282828; } #films_explore .categories_row { width: 624px; margin: 0 auto; } #films_explore .categories_row .category { display: block; background-color: #FFF; height: 144px; width: 194px; float: left; margin-right: 21px; } #films_explore .categories_row .category:hover { background-color: #343434; } #films_explore .categories_row .category:hover a { color: #FFF !important; } #films_explore .categories_row .category.last { margin-right: 0px; } #films_explore .categories_row .category img { z-index: 1; } #films_explore .categories_row .category a { font-weight: bold; position: absolute; width: 182px; margin: -110px 0 0 0; padding: 121px 0 4px 10px; z-index: 5555; } /* FEATURE BLOCK */ #feature_block { width: 665px; margin: 0px 0px 10px; background-color: #ebebeb; overflow: hidden; } #feature_block h4 { padding: 0px 0px 7px; } #feature_block img { width: 311px; height: auto; margin: 0px 0px 20px; } #feature_block p { margin: 0px 0px 7px; } #feature_block a { color: #282828; font-weight: bold; /*text-transform:capitalize;*/ } #feature_block .feature_one { float: left; width: 311px; height: 330px; padding: 10px 10px 15px; border-right: 3px solid #fff; position: relative; overflow: hidden; } #feature_block .feature_two { float: left; width: 311px; height: 330px; margin: 0px 0px 0px -3px; padding: 10px 10px 15px; border-left: 3px solid #fff; position: relative; overflow: hidden; } #feature_block .feature_one:hover, #feature_block .feature_two:hover { background-color: #d9d9d9; *cursor: pointer; *cursor: hand; } #feature_block .feature_one:hover a.learnmore, #feature_block .feature_two:hover a.learnmore { color: #335870; } #feature_block .feature_info { position: absolute; } #feature_block a.learnmore { position: absolute; width: 311px; height: 35px; padding: 320px 0px 0px 20px; top: 0px; left: 0px; color: #2F7DA6; z-index: 5555; } /* LIST EXPANDED BLOCK */ #list_expanded { width: 665px; margin: 0px 0px 1px !important; overflow: hidden; } #list_expanded a { font-weight: bold; } #list_expanded p { margin: 5px 0px 7px; } #list_expanded li { width: 625px; height: 180px; margin: 0px 0px 3px; padding: 20px; background-color: #ebebeb; position: relative; overflow: hidden; vertical-align: bottom; } #list_expanded li:hover { background-color: #d9d9d9; *cursor: pointer; *cursor: hand; } #list_expanded li img { float: left; width: 128px; height: auto; margin: 0px 7px 0px 0px; } #list_expanded li .info { float: left; width: 470px; margin: 8px 10px; } #list_expanded li .info h3 { margin: 0px 0px 5px; } #list_expanded li .list_info { position: absolute; } #list_expanded li a.director_link { position: relative; z-index: 6666; } #list_expanded li a.learnmore { position: absolute; width: 500px; height: 40px; padding: 180px 0px 0px 570px; top: 0px; left: 0px; z-index: 5555; } /* A lot of this can be cleaned up and removed. */ #list_expanded li span.greenbold { position: absolute; width: 500px; height: 40px; padding: 180px 0px 0px 165px; top: 0px; left: 0px; z-index: 5555; font-weight: 700; color: #66CC66; } #list_expanded li span.outofprint { position: absolute; width: 500px; height: 40px; padding: 180px 0px 0px 165px; top: 0px; left: 0px; z-index: 5555; font-weight: 700; } #list_expanded li:hover a.learnmore { color: #335870; } /* LIST CONDENSED BLOCK */ #list_condensed { text-align: center; width: 665px; margin: 0px 0px 1px !important; overflow: hidden; } #list_condensed li { width: 665px; margin: 0px 0px 3px; background-color: #ebebeb; position: relative; overflow: hidden; vertical-align: bottom; } #list_condensed li a { color: #353535; *cursor: pointer; *cursor: hand; } #list_condensed li a:hover { color: #353535 !important; } #list_condensed li:hover { background-color: #d9d9d9; *cursor: pointer; *cursor: hand; } #list_condensed li:hover div.active { background-color: #c8c8c8; border: 3px solid #d9d9d9; } #list_condensed li.list_head { color: #898989; font-size: 10px; font-weight: bold; text-transform: uppercase; background-color: #f5f5f5; } #list_condensed li.list_head a { color: #898989; } #list_condensed li.list_head div.active { color: #353535; padding: 12px 10px; border: 3px solid #f5f5f5; background-color: #e2e2e2; } #list_condensed li.list_head .list_condensed_spine.active, #list_condensed li.list_head .list_condensed_year.active { padding: 12px 0px; } #list_condensed li.list_head:hover { background-color: #f5f5f5; *cursor: default; } #list_condensed li.list_head a:hover div { background-color: #d9d9d9; *cursor: pointer; *cursor: hand; } #list_condensed li.list_head:hover div.active { border: 3px solid #f5f5f5; background-color: #e2e2e2; } #list_condensed li.list_head a:hover div.active { background-color: #c8c8c8; border: 3px solid #d9d9d9; } #list_condensed li.list_head .list_condensed_spine, #list_condensed li.list_head .list_condensed_year, #list_condensed li.list_head .list_condensed_title, #list_condensed li.list_head .list_condensed_director, #list_condensed li.list_head .list_condensed_country { padding-top: 15px; padding-bottom: 15px; } #list_condensed li div.active { border: 3px solid #ebebeb; background-color: #d9d9d9; } #list_condensed li .list_condensed_spine { float: left; width: 65px; padding: 20px 0px; border-right: 1px dotted #fff; } #list_condensed li .list_condensed_spine.active { width: 59px; padding: 17px 0px; } #list_condensed li .list_condensed_title { float: left; font-weight: bold; text-align: left; width: 166px; padding: 20px 10px; border-right: 1px dotted #fff; } #list_condensed li .list_condensed_title.active { width: 160px; padding: 17px 10px; } #list_condensed li .list_condensed_director { float: left; text-align: left; width: 166px; padding: 20px 10px; border-right: 1px dotted #fff; } #list_condensed li .list_condensed_director.active { width: 160px; padding: 17px 10px; } #list_condensed li .list_condensed_year { float: left; width: 46px; padding: 20px 0px; border-right: 1px dotted #fff; } #list_condensed li .list_condensed_year.active { width: 40px; padding: 17px 0px; } #list_condensed li .list_condensed_country { float: left; text-align: left; width: 158px; padding: 20px 10px; } #list_condensed li .list_condensed_country.active { width: 152px; padding: 17px 10px; } /* LIST BLOCK */ #list_block { width: 665px; margin: 0px 0px 7px !important; overflow: hidden; } #list_block h3 { padding: 0px 0px 5px; } #list_block a { color: #282828; font-weight: bold; } #list_block p { margin: 5px 0px 7px; } #list_block li { width: 645px; height: 190px; margin: 0px 0px 3px; padding: 10px; background-color: #ebebeb; position: relative; overflow: hidden; vertical-align: bottom; } #list_block li img { float: left; width: 321px; height: auto; margin: 0px 7px 0px 0px; } #list_block li .info { float: left; width: 295px; margin: 15px 10px; } #list_block li .list_block_info { position: absolute; } #list_block li:hover { background-color: #d9d9d9; *cursor: pointer; *cursor: hand; } #list_block li:hover a.learnmore { color: #2F7DA6; } #list_block li a.learnmore { position: absolute; width: 318px; height: 35px; padding: 175px 0px 0px 347px; top: 0px; left: 0px; color: #2F7DA6; z-index: 5555; } li.zero a { color: #bcbcbc; } /* NO RESULTS */ #no_results { width: 665px; margin: 0px 0px 1px !important; overflow: hidden; } #no_results h2 { font-size: 19px; font-weight: 600; padding: 2px 0 17px 0; } #no_results h5 { text-transform: none; } #no_results li { width: 625px; margin: 0px 0px 3px; padding: 20px 20px 15px 20px; background-color: #ebebeb; position: relative; overflow: hidden; vertical-align: bottom; } #no_results .category_list { margin-top: 17px; padding: 20px 0px 0px; overflow: hidden; border-top: 1px dotted #fff; } #no_results .category_list li { float: left; width: 194px; height: 26px; padding: 0px 21px 7px 0px; } #no_results .category_list li.last { padding-right: 0px; } #no_results .category_list li a { color: #383838; font-size: 12px; font-weight: bold; width: 174px; height: 16px; padding: 5px 10px; display: block; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/bg_films_explore-df304b6f1cc236ebeb786bf7853cfaf1.gif) no-repeat; background-position: top; *padding: 4px 10px 6px; _padding: 4px 10px; } #no_results .category_list li a:hover { color: #fff !important; background-position: bottom; } #advanced_search_toggle { position: relative; width: 182px; padding: 20px 20px 20px 19px; margin: 0 0 4px 0; background-color: #c1c1c1; background-image: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/icon_advanced_search_arrow-53020d86b69805f8ff81939d799c9721.png); background-repeat: no-repeat; background-position: 190px 50%; } #advanced_search_toggle:hover, #advanced_search_toggle:hover h5 a { background-color: #404040; background-image: url(//d2ffltj98nrzzh.cloudfront.net/assets/library/icon_advanced_search_white_arrow-756e491346f0a7bcd68cdcfce294cb3f.png); background-repeat: no-repeat; background-position: 190px 50%; color: #FFF !important; } #advanced_search_toggle h5 a { letter-spacing: normal; font-size: 12px; font-weight: bold; color: #383838; position: absolute; top: 0; left: 0; width: 182px; padding: 15px 20px 13px 19px; } /* MY CRITERION */ #my-criterion { color: #353535; width: 896px; padding: 0px 0px 0px; } #my-criterion a { font-weight: bold; } #my-criterion h2 { font-size: 32px; font-weight: bold !important; text-transform: none; margin: 0px; padding: 0px; } #my-criterion h3 { font-size: 18px; font-weight: bold !important; text-transform: none; margin: 0px; padding: 0px; } #my-criterion p { color: #353535; font-size: 14px; line-height: 1.4em; } #my-criterion ul, #my-criterion li { list-style-type: none; margin: 0px; padding: 0px; } #my-criterion .break { *display: none; _height: 1px; _display: block; } #my-criterion .floatleft { float: left; } #my-criterion .floatright { float: right; } #my-criterion span.parenthesis { position: relative; font-size: 85%; top: -.11em; } /* GLOBAL CSS */ .link_big { font-size: 13px; font-weight: bold; } .link_green { color: #66CC66; font-size: 13px; display: block; margin-bottom: 10px; } .link_more { font-size: 12px; font-weight: bold; line-height: 1.0em !important; } .link_remove { color: #DD1F1F; font-weight: bold; z-index: 9999; } .link_edit { font-size: 12px; font-weight: bold; text-align: left; margin: 10px 0px 7px; display: block; } .link_label { font-size: 12px; font-weight: bold; margin: 0px 0px 5px; display: block; } /* BREADCRUMB CSS */ #my-criterion .my-criterion_breadcrumb { font-size: 13px; width: 856px; height: 35px; margin: 0px 0px 5px; padding: 0px 20px; background-color: #EBEBEB; position: relative; overflow: hidden; } #my-criterion .my-criterion_breadcrumb ul { width: 856px; height: 35px; padding: 0px 20px; list-style-image: url(//d2ffltj98nrzzh.cloudfront.net/assets/explore_raquo-028124261678917c3babc41bc524e435.gif) !important; position: absolute; top: 1px; left: 0px; } #my-criterion .my-criterion_breadcrumb li { float: left; font-weight: bold; margin: 8px 5px 0px 20px; } #my-criterion .my-criterion_breadcrumb li.nolead { margin: 8px 0px 0px 0px; list-style-image: none; } /* HEADER CSS */ #my-criterion .my-criterion_header { width: 896px; margin: 0px 0px 10px; position: relative; } #my-criterion .header_title { height: 84px; margin: 0px 0px 10px; background: #ebebeb url(//d2ffltj98nrzzh.cloudfront.net/assets/my_criterion/bg_my-criterion-a782f5a89be4321e46ce8e2b6423f9ab.gif) no-repeat; } #my-criterion .my-criterion_header p.signed-out-only { font-size: 12px; font-weight: bold; position: absolute; top: 17px; right: 85px; width: 320px; } #my-criterion .header_profile { padding: 10px; float: left; } #my-criterion .header_profile p { margin: 0; font-size: 13px; } #my-criterion .header_profile p.private-notice { color: #BBB; font-size: 18px; bottom: 10px; } #my-criterion .header_profile ul { margin: 10px 0 0; } #my-criterion .header_profile li { font-size: 13px; font-weight: normal; padding: 0 0 10px; } #my-criterion .header_profile li a { font-weight: normal; } #my-criterion .header_profile h2 { margin: 10px 0; font-size: 2.25em; } #my-criterion .header_profile li .question { font-weight: bold; display: block; } #my-criterion .header_image { position: relative; } #my-criterion .my-criterion_header .header_image { float: left; } #my-criterion .header_bio { padding: 10px 0; } /* MY CRITERION USER PROFILE LANDING, phase 2 */ #my-criterion.profile-page .my-criterion_header { margin: 0px 0px 5px; } #my-criterion.profile-page .header_title { margin: 0px 0px 0px; } #my-criterion .profile-column { width: 294px; margin: 0px 0px 10px; float: right; } #my-criterion.profile-page #featured-lists { margin: 0 0 5px 0; } #my-criterion.profile-page #featured-lists ul.list { clear: both; border-top: 5px solid white; margin: 0 -10px; padding: 0 5px; } #my-criterion.profile-page #featured-lists ul.list h3 { margin-bottom: 15px; } #my-criterion.profile-page .my-criterion_wishlist { width: 566px; float: left; } #my-criterion.profile-page .my-criterion_wishlist.empty p { width: auto; font-size: 14px; } #my-criterion.profile-page .my-criterion_wishlist .contents { display: block; margin-top: 35px; } #my-criterion.profile-page .my-criterion_wishlist h3 { float: left; } #my-criterion.profile-page .my-criterion_wishlist h4 { margin-top: 25px; } #my-criterion.profile-page .my-criterion_collection h3 { margin-left: 5px; } #my-criterion.profile-page .my-criterion_wishlist a img { padding: 0 10px 0 0; float: left; width: 135px; height: 76px; margin-left: -4px; margin-bottom: -5px; } #my-criterion.profile-page .my-criterion_collection { padding: 15px 11px 10px; float: left; width: 570px; } #my-criterion.profile-page .collection_header { margin: 0 0 5px 0; padding: 0 0; float: left; width: 100%; } #my-criterion.profile-page .collection_list { float: left; width: 100%; } #my-criterion.profile-page .collection_list ul { width: 580px; } #my-criterion.profile-page .collection_list ul.remove_after_adding_release { background-color: white; } #my-criterion.profile-page .collection_list li.uno { height: 100%; padding: 15px 15px 15px 15px; width: 255px; } #my-criterion.profile-page .collection_list li.uno p { color: #9C9C9C; font-size: 18px; margin: 0px 0px 5px; } #my-criterion.profile-page .collection_list li.dos { width: 255px; height: 100%; padding: 15px; } #my-criterion.profile-page .collection_list li.dos p { width: auto; font-weight: normal; } #my-criterion.profile-page .collection_connect { width: 100%; padding: 0 0; } #my-criterion.profile-page .collection_list .collection li.item, #my-criterion.profile-page .collection_list .collection li.click-through-item { padding: 20px 20px; } #my-criterion.profile-page #featured-lists div.item.list { /* display: block; float: left; */ width: 580px; height: auto; overflow: hidden; position: relative; } #my-criterion.profile-page .tabbed.mycri_header { margin-bottom: 5px; } #my-criterion.profile-page .tabbed.mycri_header .newfilm_header { margin-bottom: 5px; } #my-criterion.profile-page .tabbed.mycri_header .newfilm_header li { width: 197px; } #my-criterion.profile-page .tabbed.mycri_header .newfilm_header li.half { width: 296px; } #my-criterion.profile-page .tabbed.mycri_header .newfilm_header li a { width: auto; text-transform: uppercase; border-right: 1px solid #ACACAC; border-left: none; } #my-criterion.profile-page .tabbed.mycri_header .newfilm_header li.last-tab a { border-right: none; } .item.list.mask a.make-a-new-list { line-height: 2em; padding-right: 5px; } .link_green.about_me_blank { display: inline; } /* WISHLIST CSS */ #my-criterion .my-criterion_wishlist { color: #353535; height: auto; margin: 2px 0px 5px; padding: 15px 11px 15px 15px; background-color: #EBEBEB; overflow: hidden; position: relative; } #my-criterion.profile-page .my-criterion_wishlist h3 { font-size: 18px; margin: 0px 0px 5px; } #my-criterion .my-criterion_wishlist h3 { margin: 0px 0px 5px; } #my-criterion .my-criterion_wishlist h4 { font-weight: normal; margin: 20px 0 5px; } #my-criterion .my-criterion_wishlist p { float: left; font-size: 18px; margin: -2px 0 0 0; width: 400px; line-height: 1em; } #my-criterion .my-criterion_wishlist p a { color: #353535; } #my-criterion .my-criterion_wishlist.empty { width: 562px; height: auto; padding: 15px; } #my-criterion .my-criterion_wishlist.empty h3 { margin: 0px 0px 15px; } #my-criterion .my-criterion_wishlist .wishlist_latest { position: absolute; top: 0px; left: 0px; } #my-criterion .my-criterion_wishlist .profile_page_add_films { position: absolute; top: 17px; right: 15px; } /* COLLECTION CSS */ #my-criterion .my-criterion_collection { width: 874px; padding: 15px 11px 35px; margin-bottom: 10px; background-color: #EBEBEB; overflow: visible; } #my-criterion .my-criterion_collection.empty p { padding: 0 0 10px 0; } #my-criterion .collection_header { color: #898989; font-size: 14px; width: 866px; height: 24px; margin: 0 0 5px; padding: 0 4px; } #my-criterion.profile-page .collection_header h3 { font-size: 18px; } #my-criterion .collection_header h3 { float: left; color: #353535; font-weight: bold; margin: 0px 0px 3px; } #my-criterion .collection_header h3 span { color: #66CC66; } #my-criterion .collection_header_meta { float: right; font-size: 12px; font-weight: normal; } #my-criterion .collection_header_meta li { float: left; margin: 0px 0px 0px 10px; } #my-criterion .collection_list { width: 874px; margin: 0px 0px 10px; overflow: hidden; } #my-criterion .collection_list ul { width: 882px; overflow: hidden; } #my-criterion .collection_list li { float: left; margin: 0px 0px 4px; background-color: #FFF; } #my-criterion .collection_list li.start { float: left; width: 100px; height: 141px; margin: 0px 4px 4px 0px; padding: 20px 21px; background: white url(//d2ffltj98nrzzh.cloudfront.net/assets/my_criterion/bg_lines-cddf11529079800dfc6c885b6632568b.png) repeat; position: relative; } #my-criterion .collection_list li.start a { width: 142px; height: 181px; position: absolute; top: 0px; left: 0px; } #my-criterion .collection_list li.start a img { padding: 21px 20px; } #my-criterion .collection_list li.empty { width: 694px; height: 81px; margin: 0px 0px 4px -4px; padding: 50px 21px; background-image: none; } #my-criterion .collection_list li.empty:hover { background-color: #FFF; } #my-criterion .collection_list li.empty a { width: auto; height: auto; position: static; } #my-criterion .collection_list li.empty p { color: #C1C1C1; font-size: 18px; font-weight: bold; max-width: 450px; } #my-criterion .collection_list li.uno { width: 323px; height: 120px; padding: 15px 15px 15px 15px; } #my-criterion .collection_list li.uno p { color: #9C9C9C; font-size: 18px; margin: 0px 0px 5px; } #my-criterion .collection_list li.dos { width: 260px; height: 120px; padding: 15px 246px 15px 15px; } #my-criterion .collection_list li.dos p { color: #9C9C9C; font-size: 18px; height: 120px; border-left: 1px dotted #9C9C9C; padding: 0 0 0 30px; width: 255px; } #my-criterion .collection_list .collection { background-color: #EBEBEB; } #my-criterion .collection_list .collection li.item, #my-criterion .collection_list .collection li.click-through-item { float: left; width: 100px; height: 141px; margin: 0px 4px 4px 0px; padding: 20px 21px; background-color: #FFF; position: relative; } #my-criterion .collection_list .collection li p.note-indicator { color: #333; position: absolute; bottom: -5px; font-size: 20px; margin: 0; right: 20px; font-weight: bold; cursor: pointer; z-index: 999; } #my-criterion .collection_list .collection li.item img.edit-view-remove { position: absolute; bottom: 2px; left: 60px; } #my-criterion .collection_list .collection li.item:hover, #my-criterion .collection_list .collection li.click-through-item:hover { background: white url(//d2ffltj98nrzzh.cloudfront.net/assets/my_criterion/bg_lines-cddf11529079800dfc6c885b6632568b.png) repeat; } #my-criterion .collection_list .collection li.item a, #my-criterion .collection_list .collection li.click-through-item a { position: absolute; top: 165px; left: 50px; font-size: 10px; } #my-criterion .collection_list .collection li.item a.cover, #my-criterion .collection_list .collection li.click-through-item a.cover { width: 142px; height: 181px; position: absolute; top: 0px; left: 0px; z-index: 999; } #my-criterion .collection_list .collection li.item a img, #my-criterion .collection_list .collection li.click-through-item a img { position: relative; height: auto; top: 21px; left: 20px; } #my-criterion .collection_list .wishlist { background-color: #FFF; padding: 3px 5px 2px; } #my-criterion .collection_list .wishlist li.item { width: 834px; margin: 2px 0px 3px; padding: 15px; background-color: #EBEBEB; overflow: hidden; position: relative; } #my-criterion .collection_list .wishlist .details { float: left; width: 550px; } #my-criterion .collection_list .wishlist .header { padding: 10px 15px 15px; } #my-criterion .collection_list .wishlist .header h3 { font-size: 24px; text-transform: none; margin: 0px 0px 5px; } #my-criterion .collection_list .wishlist .header h3 a { color: #353535; } #my-criterion .collection_list .wishlist .header h4 { font-size: 18px; font-weight: normal; text-transform: none; } #my-criterion .collection_list .wishlist .header h4 a { color: #353535; font-weight: normal !important; } #my-criterion .collection_list .wishlist textarea.notes { float: left; color: #353535; font-size: 14px; line-height: 1.4em !important; width: 349px; height: 79px; margin: 0px 0px 5px; padding: 12px; border: 0px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/my_criterion/bg_notes-25bee3d4744819f90c478ca253c3f4fc.gif) no-repeat; overflow: hidden; resize: none; } #my-criterion .collection_list .wishlist img.tail { margin: -10px 0 0 55px; } #my-criterion .collection_list .wishlist div.notes { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 510px; padding: 12px 12px 0px; margin-left: 10px; background-color: #FFF; overflow: hidden; } #my-criterion .collection_list .wishlist div.notes p { margin: 0px 0px 12px; font-size: 13px; } #my-criterion .collection_list .wishlist div.synopsis p { font-size: 13px; width: 530px; } #my-criterion .collection_list .wishlist div.date-added-and-edit { position: absolute; bottom: 15px; width: 530px; left: 30px; } #my-criterion .collection_list .wishlist div.date-added-and-edit span.date-added { float: left; color: #66CC66; font-weight: bold; } #my-criterion .collection_list .wishlist div.date-added-and-edit a { float: right; margin: 0; } #my-criterion .collection_list .wishlist .notes.empty { color: #66CC66; font-weight: bold; } #my-criterion .collection_list .wishlist .counter { color: #706F6F; clear: left; float: left; font-weight: bold; margin: 0px 0px 0px 12px; display: none; } #my-criterion .collection_list .wishlist .save { display: none; } #my-criterion .collection_list .wishlist .purchase { float: right; height: 185px; } #my-criterion .collection_list .wishlist .purchase p { font-size: 12px; } #my-criterion .collection_list .wishlist .purchase p.releasedate { color: #66CC66; } .link_remove + p.releasedate { display: none; } #my-criterion .collection_list .wishlist .purchase h3 { font-size: 12px; text-transform: uppercase; } #my-criterion .collection_list .wishlist .purchase .link_remove { font-size: 10px; margin: 0px 0px 10px; display: block; } #my-criterion .collection_list_info { padding: 15px 15px 0px; background-color: white; } #my-criterion .collection_list_info p { color: #353535; font-size: 18px; margin: 0px; } #my-criterion .collection_connect { width: 866px; padding: 0 4px; overflow: visible; } #my-criterion .collection_connect_like { float: left; } #my-criterion .collection_connect_follow { float: right; font-weight: bold; margin: 3px 0px 0px; overflow: hidden; } #my-criterion .collection_connect_follow a { color: #313131; } #my-criterion .collection_connect_follow li { float: left; margin: 0px 0px 0px 15px; } #my-criterion .collection_connect_follow a.link_facebook { padding: 3px 24px 3px 0px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/shared/icon_facebook_color-b783be6a46700a5b26db4cb7c60472bb.gif) right no-repeat; } #my-criterion .collection_connect_follow a.link_twitter { padding: 3px 24px 3px 0px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/shared/icon_twitter_color-f1b65faf33ef817c13a0e570b1af5bfa.gif) right no-repeat; } /* COLLECTION SORTING */ .collection_sort { float: right; width: 187px; height: 18px; display: inline; } .collection_sort span { float: left; font-size: 10px; font-weight: normal; margin: 3px 8px 0px 0px; } .collection_sort .main_drop { float: left; color: #353535; font-size: 10px; line-height: 19px; text-transform: uppercase; width: 80px; height: 14px; padding: 0px 30px 5px 15px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/my_criterion/wide_drop_down-2e398cfc95614dd9e15d9b7cc2edb7f7.gif) no-repeat top transparent; cursor: pointer; cursor: hand; _line-height: 14px; _padding: 2px 30px 3px 10px; } .collection_sort .main_drop:hover { color: #fff; background-position: bottom; } .collection_sort .main_drop.active { color: #fff; background-position: bottom; } .collection_sort .side_list_left { width: 125px; left: 43px; } .collection_sort .side_list_left li a { width: 95px; margin: 0 0 0 5px; } /* COLLECTION TOOLTIP */ .collection_qtip { display: none; width: 261px; } .collection_qtip h3 { font-size: 24px; line-height: 1.1; text-transform: none; width: 248px; margin: 0px 0px 2px; } .collection_qtip h4 { font-size: 18px; font-weight: normal; line-height: 1.2; text-transform: none; margin: 0px 0px 5px; color: #FFF; } .collection_qtip p { color: #FFF !important; font-size: 1.2em; line-height: 1.4em; margin: 10px 0px 10px 0px; } .collection_qtip .spine { font-size: 12px; font-weight: bold; line-height: 20px; color: #CECDCD; margin: 0px 0px 0px 5px; } .collection_qtip strong { color: white; font-size: 13px; } .collection_qtip small { font-size: 12px; font-weight: bold; line-height: 20px; margin: 0px 0px 5px; } .collection_qtip h3 a, .collection_qtip h4 a { color: #FFF; } .collection_qtip .close { text-indent: -9999px; width: 11px; height: 11px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/my_criterion/icon_close-b574bc3d60947f9b2aa2192294f59186.gif) top no-repeat; position: absolute; top: 10px; right: 10px; cursor: pointer; _cursor: hand; } .collection_qtip .close:hover { background-position: bottom; } .collection_qtip .link_remove { float: right; } /* ADD FILMS MODAL */ .my-criterion_addfilms { width: 682px; padding: 40px; margin-left: -382px !important; } .my-criterion_addfilms img.loading { margin: 5px 0 0 0; } .my-criterion_addfilms h3 { font-size: 18px; } .my-criterion_addfilms h4 { font-size: 14px; line-height: 1.3em; text-transform: none; } .my-criterion_addfilms ul, .my-criterion_addfilms li { list-style-type: none; margin: 0px; padding: 0px; } .my-criterion_addfilms label, p.available-in { color: #A6A5A5; font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 0px 0px 5px; display: block; } .my-criterion_addfilms .form_input { color: #4D4C4C; font-size: 11px; font-family: Arial, Verdana, sans-serif; width: 332px; height: 13px; padding: 7px 8px 5px; border: none; background: #ebebeb url(//d2ffltj98nrzzh.cloudfront.net/assets/main/bg_login_input-98c898cd04c988f677ae3748c3dadaff.gif) no-repeat; } .my-criterion_addfilms .addfilms_left { float: left; width: 350px; } .my-criterion_addfilms .addfilms_right { float: right; width: 315px; } .my-criterion_addfilms .addfilms_right h3, p.available-in { margin-left: 30px; } .my-criterion_addfilms .edition { margin: 0px 0px 30px; } .my-criterion_addfilms .edition li { width: 285px; height: 82px; margin: 0px 0px 3px; padding: 0px 0px 0px 30px; } .my-criterion_addfilms .edition li.active { background: url(//d2ffltj98nrzzh.cloudfront.net/assets/my_criterion/bg_grarr-1061dd478e1b560e23d8ce2374063159.gif) left center no-repeat; } .my-criterion_addfilms .edition li .details { width: 208px; height: 66px; padding: 8px 9px 8px 68px; background-color: #C1C1C1; position: relative; cursor: pointer; cursor: hand; } .my-criterion_addfilms .edition li:hover .details { background-color: #424242; } .my-criterion_addfilms .edition li:hover h4 { color: #FFF !important; } .my-criterion_addfilms .edition li:hover p { color: #FFF !important; } .my-criterion_addfilms .edition li img { position: absolute; top: 0px; left: 0px; } .my-criterion_addfilms .edition li p { line-height: 1.3em; margin: 0px; } .my-criterion_addfilms .edition li p span { display: block; } .my-criterion_addfilms .edition li p span.blu-ray { display: inline; } /* NEW FILM MODAL */ .my-criterion_newfilm { width: 426px; padding: 40px; margin-left: -254px !important; } .my-criterion_newfilm h3 { font-size: 18px !important; line-height: 1.4em !important; font-weight: normal !important; margin-bottom: 20px !important; } .my-criterion_newfilm h4 { font-size: 14px; line-height: 1.3em; text-transform: none; } .my-criterion_newfilm ul, .my-criterion_newfilm li { list-style-type: none; margin: 0px; padding: 0px; } .my-criterion_newfilm .newfilm_notes #input_notes { width: 402px; margin: 0px 0px 10px; padding: 10px; background-color: #EBEBEB; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .my-criterion_newfilm .newfilm_notes textarea { float: left; color: #353535; font-size: 12px; line-height: 1.4em !important; width: 346px; height: 59px; margin: 0px 0px 10px; padding: 0px; border: 0px; background: transparent; overflow: hidden; resize: none; } .my-criterion_newfilm .newfilm_notes textarea.empty { font-weight: bold; } .my-criterion_newfilm .newfilm_notes .counter { clear: left; float: left; font-weight: bold; margin: 0px 0px 0px 5px; padding-bottom: 10px; display: none; } .my-criterion_newfilm .newfilm_notes .save { float: right; font-weight: bold; margin: 0px 5px 20px 0px; display: none; } .my-criterion_newfilm .newfilm_connect { font-weight: bold; width: 366px; overflow: visible; clear: both; } .my-criterion_newfilm .newfilm_connect ul { float: right; } .my-criterion_newfilm .newfilm_connect ul a { color: #313131; } .my-criterion_newfilm .newfilm_connect ul li { float: left; margin: 0px 0px 0px 15px !important; } .my-criterion_newfilm .newfilm_connect ul li.fb-send { margin: 0px 0px 0px 0px !important; } .my-criterion_newfilm .newfilm_connect a.link_facebook { padding: 3px 24px 3px 0px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/shared/icon_facebook_color-b783be6a46700a5b26db4cb7c60472bb.gif) right no-repeat; } .my-criterion_newfilm .newfilm_connect a.link_twitter { padding: 3px 24px 3px 0px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/shared/icon_twitter_color-f1b65faf33ef817c13a0e570b1af5bfa.gif) right no-repeat; } /* ADD FILMS BUTTON */ a.add_to_wishlist { color: #FFF !important; font-size: 12px; font-weight: bold; line-height: 9px; vertical-align: middle; width: 86px; height: 9px; padding: 9px 20px 7px; display: block; background: #343434 url(//d2ffltj98nrzzh.cloudfront.net/assets/my_criterion/bg_grarr-1061dd478e1b560e23d8ce2374063159.gif) 95px center no-repeat; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } a.add_to_wishlist:hover { background-color: #282828; } .drop_wishlist ul, .drop_wishlist li { list-style-type: none; margin: 0px; padding: 0px; } .drop_wishlist { position: relative; } .list_wishlist { color: #898989; font-size: 12px; text-align: left; width: 124px; background-color: #FFF; border: 1px solid #B2B2B2; position: absolute; top: 26px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: none; *z-index: 7777; } .list_wishlist ul { width: 126px; } .list_wishlist li { width: 124px; position: relative; } .list_wishlist li span.check { display: none; position: absolute; left: 3px; top: 3px; color: #66CC66 !important; } .list_wishlist li a { font-weight: bold; width: 105px; margin: 0px auto; padding: 3px 5px 3px 15px; display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; *padding: 0px 10px 1px; } .list_wishlist li a:hover { color: #66CC66 !important; } .list_wishlist li a:hover span.check { display: block; } .list_wishlist li.active a { color: #282828 !important; } .list_wishlist li.active span.check { display: block; } .list_wishlist li.active a:hover { color: red !important; background: #333333 url(//d2ffltj98nrzzh.cloudfront.net/assets/my_criterion/bg_check_remove-47880eb1190556df3370d4a4afe1cc11.gif) 5px center no-repeat; } .list_wishlist li.active a:hover span.check { display: none; } .list_wishlist li.border_bottom { border-bottom: 1px solid #BBB; padding-bottom: 5px; } .list_wishlist li.margin_top { margin-top: 5px; } .list_wishlist li.margin_bottom { margin-bottom: 5px; } .list_wishlist li.createnewlist { margin-top: 5px; margin-bottom: 5px; } /* MY CRITERION LANDING */ .my-cri-landing p.description { padding-top: 5px; } .my-cri-landing p.description span { font-size: 13px; } .my-cri-landing p.description .left { font-weight: bold; margin-left: 20px; } .my-cri-landing p.description .right { float: right; } .my-cri-landing div.column { background-color: #EBEBEB; width: 285px; float: left; margin: 0 20px 15px 0; padding-top: 25px; } .my-cri-landing div.column.wish_list { margin: 0 0px 15px 1px; } .my-cri-landing div.column h2 a { font-size: 20px; padding: 0 20px; } .my-cri-landing div.column p { padding: 15px 20px 20px; height: 60px; } .my-cri-landing div.footer { clear: both; border: solid #EBEBEB 10px; margin: 0; } .my-cri-landing div.footer p { font-size: 13px !important; text-align: right; padding: 15px 15px 0; } div.remove-film-modal a.remove { text-transform: none; vertical-align: top; } div.remove-film-modal a.cancel { float: left; padding-right: 10px; } div.remove-film-modal p { margin: 0; float: right; } div.remove-film-modal img.removal-processing { display: inline; } /* EMAIL MODAL */ ul.collection_connect_follow a.my-criterion-email-trigger img { margin-top: 1px; } div.my-criterion_email label { display: block; margin: 5px 0 3px; } div.my-criterion_email input[type=text] { display: block; width: 547px; } div.my-criterion_email textarea { display: block; width: 550px; height: 170px; } div.my-criterion_email a.send-email { float: right; font-weight: bold; margin: 5px 27px 0 0; } div.my-criterion_email .send-me-a-copy { width: 200px; float: left; padding: 4px 0 0 0; margin: 0 0 0 -5px; } .addfilms_right #input_notes { width: 265px; margin: 0px 0px 10px; padding: 10px; background-color: #EBEBEB; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .addfilms_right textarea { color: #353535; font-size: 12px; line-height: 1.4em !important; width: 266px; height: 66px; margin: 0px 0px 10px; padding: 0px; border: 0px; background: transparent; overflow: hidden; resize: none; } .addfilms_right p.link_label { color: #66CC66; } .addfilms_right .counter { position: absolute; top: 1px; right: 0; } .addfilms_right .note-area { width: 286px; margin: -20px 0 5px 30px; position: relative; } /* NOTES DISPLAY CSS */ #my-criterion .newhome_my_criterion_notes { background-color: #EBEBEB; margin: 0px 0 15px 0; padding: 10px 0 4px 4px; position: static; float: left; width: 892px; } #my-criterion.my-cri-landing .newhome_my_criterion_notes { margin-bottom: 5px; } #my-criterion .newhome_my_criterion_notes h3 { margin: 7px 15px; text-transform: none; } #my-criterion .newhome_my_criterion_notes .my-criterion-note-bg { width: 288px; height: 144px; border-radius: 6px; margin: 15px 4px 5px 4px; float: left; background-position: 10%; position: relative; } #my-criterion .newhome_my_criterion_notes a.note-link { position: absolute; top: 0; left: 0; width: 288px; height: 144px; z-index: 9; } #my-criterion .newhome_my_criterion_notes .my-criterion-note { background-color: white; /* background-color:#151515; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1.0; */ width: 288px; height: 144px; border-radius: 5px; float: left; position: relative; } #my-criterion .newhome_my_criterion_notes .my-criterion-note .note-body a { color: black; font-weight: normal; } #my-criterion .newhome_my_criterion_notes .my-criterion-note-bg:hover { z-index: 1000; } #my-criterion .newhome_my_criterion_notes .my-criterion-note:first-child:hover { opacity: 0; filter: alpha(opacity=0); transition-timing-function: ease-in; transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transition-duration: .5s; } #my-criterion .newhome_my_criterion_notes .my-criterion-note:hover { background: rgba(0, 0, 0, 0.1); z-index: 10; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); /* opacity:0.1; */ } #my-criterion .newhome_my_criterion_notes .note-body { color: white !important; padding: 0 15px 15px 15px !important; margin: -5px 0 0 0 !important; font-size: 12px !important; line-height: 1.6em !important; position: relative; } #my-criterion .newhome_my_criterion_notes .note-author { color: #2F7DA6 !important; font-size: 13px; font-weight: bold; margin: 0 15px 15px 15px !important; height: 1em; bottom: 0%; position: absolute; z-index: 9; } #my-criterion .newhome_my_criterion_notes .note-arrow { border-color: transparent transparent white transparent; /* border-color:transparent transparent #151515 transparent; */ border-style: solid; border-left: none; border-width: 10px; height: 0; width: 0; position: relative; bottom: 20px; left: 50px; } /* TOP 10 CSS */ #my-criterion .my-criterion_topten { width: 896px; } #my-criterion .topten_feature { width: 430px; min-height: 232px; margin: 0px 0px 10px; padding: 10px 0px 10px 466px; position: relative; } #my-criterion .topten_feature p { font-size: 13px; } #my-criterion .topten_feature h2 { font-size: 24px; line-height: 1.2em; } #my-criterion .topten_feature h3 { color: #aaa; margin: 0px 0px 10px; } #my-criterion .topten_feature h4 { color: #aaa; margin: 0px; font-weight: normal; display: inline; } #my-criterion .topten_feature img { position: absolute; top: 0px; left: 0px; } #my-criterion .topten_feature a.green { font-size: 13px; margin: 10px; } #my-criterion .topten_feature .feature_meta { overflow: hidden; margin: 10px 0px 10px 0; padding: 4px 0 4px 0; border-bottom: 1px dotted #B0B0B0; border-top: 1px dotted #B0B0B0; } #my-criterion .topten_feature .feature_meta a { float: left; line-height: 1.8em; margin: 0px 15px 0px 0px; } #my-criterion .topten_feature .feature_meta a#topten_comments { width: 215px; height: 20px; border-right: 1px dotted #B0B0B0; } #my-criterion .topten_list { width: 896px; margin: 20px 0px 10px; } #my-criterion .topten_list .list_header { background-color: #C1C1C1; width: 756px; height: 62px; padding: 10px 0px 10px 140px; position: relative; } #my-criterion .topten_list li { border-bottom: 1px dotted #B0B0B0; margin: 0px 0px 4px; } #my-criterion .topten_list li.no-note { border-bottom: none; } #my-criterion .topten_list li.no-note .list_body { display: none; } #my-criterion .topten_list .list_header h3 { line-height: 1.2em; } #my-criterion .topten_list .list_header h3 span { color: #F0F0F0; } #my-criterion .topten_list .list_header h4 { font-size: 16px; line-height: 1.2em; font-weight: normal; text-transform: none; } #my-criterion .topten_list .list_header h4.list-director { color: #2f7da6; padding-top: 3px; } #my-criterion .topten_list .list_header h4 a { font-weight: normal; } #my-criterion .topten_list .list_header img { height: 100%; position: absolute; top: 0px; left: 0px; } #my-criterion .topten_list .product_still_128x82 { position: absolute; top: 0px; left: 0px; width: 128px; height: 82px; } #my-criterion .topten_list .list_body { width: 756px; margin: 3px 0px 0px; padding: 17px 0px 4px 142px; position: relative; } #my-criterion .topten_list .list_body p { font-size: 13px; } #my-criterion .topten_list .list_body .link_more { margin: 13px 0px 0px 60px; position: absolute; top: 0px; left: 0px; } #my-criterion .my-criterion_topten .collection_connect { background-color: #EBEBEB; margin: 0px 0px 10px; padding: 15px 15px 0px 15px; overflow: hidden; } #my-criterion .my-criterion_topten .posts_comments { float: right; position: relative; } #my-criterion .my-criterion_topten .posts_comments p { font-size: 12px; } #my-criterion .my-criterion_topten .posts_comments .link_red { font-weight: normal !important; } #my-criterion .my-criterion_topten .posts_comments .link_red.disable { position: absolute; top: 30px; right: 20px; } /* User Lists */ #my-criterion form .topten_list .list_header { width: 700px; } #my-criterion form .topten_list li { width: 842px; cursor: move; } #my-criterion form .topten_list .list_body { width: 840px; padding: 5px 0px 8px 0px; } #my-criterion form .topten_list .list_body .remove-button { float: left; padding: 0 80px 0 0; color: #DD1F1F; } form.user_list_form div.the-basics p input, form.user_list_form input#input_film_title_for_user_list, form.user_list_form div.the-basics p textarea { float: left; } form.user_list_form span { margin-left: 15px; line-height: 30px; color: #AAA; } form.user_list_form div.the-basics p span.title-counter { margin-left: 8px; font-weight: bold; } form.user_list_form p { margin: 15px 0; } form.user_list_form span.list-item-position { margin: 0; line-height: normal; color: white !important; } form.user_list_form p label { text-transform: uppercase; font-size: 12px; color: #353535; } form.user_list_form input[type="text"] { width: 410px; padding: 5px 8px; } form.user_list_form textarea { width: 690px; height: 60px; padding: 10px; margin: 0; font-size: 13px; } form.user_list_form textarea#list_description { width: 408px; height: 100px; } form.user_list_form div.tied_with_previous_box { padding: 5px 0px 0px 130px; } form.user_list_form strong.settings label { text-transform: none; cursor: pointer; } form.user_list_form li.list-item label { font-weight: normal; cursor: pointer; } .ui-dragging { background-color: #EEE; } #my-criterion .autocomplete-error { color: red; } #my-criterion .box { border: solid #EBEBEB 10px; margin-bottom: 10px; padding: 15px; } #my-criterion .box p { font-size: 13px; color: #aaa; } #my-criterion .settings { color: #353535; } #my-criterion p.delete-list { padding: 5px; margin: 0; float: right; } #my-criterion .delete-list a { color: #DD1F1F; } #my-criterion .box hr { background-color: #EBEBEB; height: 10px; margin: 20px -15px; width: 878px; } .list-recaptcha-wrapper { margin-bottom: 16px; } /* LIST COMMENTS */ .list_comments { float: right; width: 768px; border-top: 10px #eee solid; } .list_comments #comments_box .commentable_comments { width: 748px; } .list_comments #comments_box .commentable_comments li.comment { width: 708px; } .list_comments #comments_box .commentable_comments li ul.replies { width: 678px; } .list_comments #comments_box .commentable_comments li ul.replies li.comment { width: 678px; } .list_comments #comments_box .commentable_comments ul.replies li.reply { width: 658px; } .list_comments #comments_box .commentable_comments li.comment .comment_left { width: 23%; } .list_comments #comments_box .commentable_comments li.comment .comment_left p { font-size: 12px; } .list_comments #comments_box .commentable_comments li.comment .comment_right { width: 65%; } .list_comments #comments_box .comments_reply .form_textarea { width: 653px; background: white url(//d2ffltj98nrzzh.cloudfront.net/assets/my_criterion/bg_comment_text_wide-9fe695d49bc25b7a9151978ebd65e2d5.gif) no-repeat; } /* LISTS DISPLAY ON BOTTOM OF PROFILE PAGE */ #my-criterion .my-criterion_lists { /* overflow: hidden; */ float: left; } #my-criterion .my-criterion_lists .lists_header h3 { font-size: 18px; float: left; } #my-criterion .my-criterion_lists h4 { font-size: 14px; text-transform: none; } #my-criterion .my-criterion_lists .list { margin: 0; } #my-criterion .my-criterion_lists .meta { float: right; color: #B0B0B0; font-size: 13px; font-weight: bold; } #my-criterion .my-criterion_lists .meta li { float: left; margin: 0px 0px 0px 10px; } #my-criterion .my-criterion_lists .lists_left { float: left; width: 592px; padding: 0; } #my-criterion .lists_right { float: right; margin-top: 10px; width: 100%; } #my-criterion .my-criterion_lists .lists_header { color: #FFF; margin: 0px 0px 3px; padding: 10px 15px; background-color: #BFBFBF; overflow: hidden; } #my-criterion .lists_header h3.updates { text-align: center; text-transform: uppercase; font-size: 1em; color: #666; border-top: 1px dotted #858585; border-bottom: 1px dotted #858585; padding: 15px 0; } #my-criterion .lists_header h3.profile { text-align: center; text-transform: uppercase; font-size: 1em; color: #666; padding: 14px 0 16px; margin-bottom: 3px; } #my-criterion .my-criterion_lists li img { height: 100%; width: auto; position: absolute; top: 0px; left: 0px; } #my-criterion .my-criterion_lists li h3 { clear: both; } #my-criterion .my-criterion_lists li h4 { float: left; } #my-criterion .my-criterion_lists .custom { height: 53px; width: 439px; margin: 0px 0px 3px; padding: 15px 15px 15px 138px; background-color: #EBEBEB; position: relative; } #my-criterion .my-criterion_lists li.custom.empty-note, #my-criterion #featured-lists li.custom.empty-note { width: 562px; height: auto; padding: 25px 15px 5px 15px; } #my-criterion .my-criterion_lists .custom a.user-photo { position: absolute; top: 0px; left: 0px; height: 83px; width: 128px; } #my-criterion .my-criterion_lists .custom h3 { margin: 0px 0px 20px; } #my-criterion .my-criterion_lists .custom .updated { font-size: 12px; line-height: 1.8em; color: #B0B0B0; float: left; text-transform: uppercase; } #my-criterion .my-criterion_lists .favorite { height: 18px; width: 503px; margin: 0px 0px 3px; padding: 13px 15px 9px 74px; background-color: #EBEBEB; position: relative; } #my-criterion .my-criterion_lists .favorite.empty-note { height: auto; width: 562px; padding: 15px 15px 5px 15px; } #my-criterion .my-criterion_lists .favorite a.user-photo { position: absolute; top: 0px; left: 0px; height: 39px; width: 61px; } #my-criterion .my-criterion_lists .favorite h3 { float: left; font-size: 14px; } #my-criterion .my-criterion_lists .favorite h4 { float: right; font-size: 13px; } #my-criterion .lists_updates { margin: 10px; } #my-criterion .lists_updates p { font-size: 13px; margin: 0px 0px 0px; } #my-criterion .lists_updates p a { font-weight: normal; } #my-criterion .lists_updates li { margin: 0px 0px 10px; padding: 0px 0px 5px; } #my-criterion .lists_updates li:hover { background-color: #EBEBEB; } #my-criterion .my-criterion_lists .lists_updates li.empty-note { min-height: 22px; } #my-criterion .lists_updates li.last { margin: 0px; padding: 0px; border-bottom: none; } #my-criterion .lists_updates .time { color: #B0B0B0; font-size: 11px; } /* Facebook likes for Explore Top 10 page-style template */ .my-criterion_topten div.explore-like-button { margin: 15px 0 0; padding: 15px 0 0; /* position: relative; */ bottom: 0px; max-height: 154px; } .my-criterion_topten div.desc { min-height: 202px; } .my-criterion_topten div.inner-like-button { margin: 0 0 0px; padding: 15px 0 0; position: absolute; bottom: 0px; } .my-criterion_topten div.inner-tweet-button { margin: 0 0 0px; padding: 15px 0 0; position: absolute; bottom: 0px; right: 0px; } /** #explore div.explore-like-button { margin: 0; padding: 0 0 3px 466px; } #explore div.topten_list { margin: 0 0 10px; } **/ /* Featured Lists in My Criterion block */ div#featured-lists { width: 582px; background-color: #EBEBEB; float: left; margin: 0 2px 5px 0; padding: 5px; } div#featured-lists .spotlight-list { display: block; height: 170px; } div#featured-lists .spotlight-list-photo img { width: 280px; height: 158px; padding: 5px 5px 15px 5px; float: left; } div#featured-lists a.spotlight-list-title { text-transform: uppercase; color: #353535; line-height: 1.4em; font-size: 14px; } div#featured-lists div.spotlight-list .spotlight-list-right { float: right; position: relative; width: 272px; height: 170px; padding: 0 10px 0 0; margin-top: -5px; } div#featured-lists div.spotlight-list .spotlight-list-right .author { padding: 5px 10px 10px 0px; font-size: 13px; } #my-criterion .spotlight-list-right.my-criterion_lists ul.meta { float: left; position: absolute; bottom: 21px; font-size: 12px; margin-left: -10px; } #my-criterion p.featured-lists-label { text-transform: uppercase; color: #9C9C9C; font-size: 14px; font-weight: bold; padding: 15px 5px 0 0px; margin-bottom: 0; } #my-criterion .newhome_my_criterion_notes p.featured-lists-label { margin: 2px 10px; padding: 0px; } #my-criterion .my-criterion_top { border-bottom: 1px dotted #858585; margin: 5px 0; padding: 8px 0 12px 15px; } #featured-lists div.item.list { /* display: block; float: left; */ width: 580px; overflow: hidden; position: relative; float: left; } #featured-lists div.item.list.mask { /* display: block; float: left; */ width: 582px; height: auto; overflow: hidden; position: relative; float: left; margin-bottom: 5px; } #featured-lists div.item.list ul { position: absolute; overflow: hidden; } #featured-lists div.item.list ul li.featured-list { float: left; width: 140px; height: 260px; display: block; margin-right: 5px; background-color: transparent; } .featured-list, li.featured-list { width: 135px; height: 116px; margin: 5px; float: left; background-color: white; overflow: hidden; } .featured-list-photo img { width: 135px; height: 76px; } .featured-list-titles { font-size: 11px; line-height: 1.3em; padding: 7px 0 7px 5px; display: block; } #featured-lists .hover:hover { background-color: #343434; } /* Buttons for My Criterion featured lists carousel */ #featured-lists .buttons { float: left; } #featured-lists .next { text-indent: -9999px; float: left; width: 32px; height: 24px; margin: 0px 5px 5px 4px; display: block; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/sort_right-65f197e5f251aa6c04874ee71d9d2561.gif) top no-repeat; cursor: pointer; _cursor: hand; } #featured-lists .next:hover, #featured-lists .prev:hover { background-position: bottom; } #featured-lists .next.disabled { background: url(//d2ffltj98nrzzh.cloudfront.net/assets/sort_right_disabled-8683d12db671b9897fcedda720761cb1.gif) no-repeat !important; cursor: default; } #featured-lists .prev { text-indent: -9999px; float: left; width: 32px; height: 24px; margin: 0px 0px 0px 5px; display: block; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/sort_left-f674893017d70dfc7f802766afd4874e.gif) top no-repeat; cursor: pointer; _cursor: hand; } #featured-lists .prev.disabled { background: url(//d2ffltj98nrzzh.cloudfront.net/assets/sort_left_disabled-4343c95fc054df2e9861f5ca9f2e4aca.gif) no-repeat !important; cursor: default; } /* View more buttons for Wish Lists and Collections*/ #my-criterion #load_more_list_items { background-color: #EBEBEB; clear: both; } #my-criterion #load_more_list_items img { margin: 0 auto; } #my-criterion ul.wishlist #load_more_list_items { width: 834px; padding: 15px; margin: 5px 0 3px 0; text-align: center; border-top: solid white 2px; } #my-criterion ul.collection #load_more_list_items { width: 834px; padding: 10px 18px; text-align: center; } /* My Criterion tout : promo block for home page, MyCri landing, etc */ div#mycri-tout { width: 290px; height: 304px; float: right; padding: 5px; color: #353535; background: white url(//d2ffltj98nrzzh.cloudfront.net/assets/my_criterion/bg_lines-cddf11529079800dfc6c885b6632568b.png) repeat; } div#mycri-tout-inner { width: 260px; height: 275px; background: white; margin: 15px; } #mycri-tout-inner .mycri-tout-headline { color: #66cc66; font-size: 19px; font-weight: bold; padding: 30px 15px 15px 15px; line-height: 1.3em; } #mycri-tout-inner .mycri-tout-body { font-size: 11px; color: #353535; padding: 15px; margin: 0; line-height: 1.5em; } #mycri-tout-inner .mycri-tout-button { font-size: 17px; text-transform: none; margin: 0 5px 0 15px; padding-left: 20px; padding-right: 20px; } /* NEW FILM CSS */ #newfilm #media { /* background-color: #FFF !important; */ margin-bottom: 3px; } .newfilm_header { color: #FFF; width: 592px; height: 40px; background-color: #BFBFBF; } .newfilm_header h2 { float: left; font-size: 18px; font-weight: bold; padding: 10px 20px; } .newfilm_header ul { float: right; margin: 0px; } .newfilm_header li { float: left; font-size: 12px; text-wrap: none; text-align: center; line-height: 1.0em; list-style: none; width: 99px; height: 40px; position: relative; } .newfilm_header li .tip { width: 9px; height: 5px; margin-left: -5px; display: none; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/my_criterion/icon_tip-8c23053b6ddd116c50b89efd15bc7295.gif) no-repeat; position: absolute; left: 50%; bottom: -5px; z-index: 1; } .newfilm_header li.active .tip { display: block; } .newfilm_header li a { color: #666; font-weight: bold; width: 92px; height: 12px; padding: 14px 3px; display: block; border-left: 1px solid #ACACAC; overflow: hidden; } .newfilm_header li.last-tab a { border-right: 1px solid #ACACAC; } #newfilm .my_criterion .newfilm_header li a { height: 24px; padding: 8px 3px; } #newfilm .current .newfilm_header li a { height: 24px; padding: 8px 3px; } #newfilm .current .newfilm_header li.current_link a { padding-top: 14px; padding-right: 9px; height: 18px; } .newfilm_header li.active a { color: #FFF !important; background-color: #353535; } .newfilm_header li a:hover { color: #FFF !important; background-color: #353535; } /*-----TABBED CSS-----*/ .tab { float: left; width: 552px; margin: 0px 0px 3px !important; display: none; } .tab.active { /* display: block !important; */ display: block; } div.discfeatures.contentbox.lightgray { margin: 0 0 3px 0; } div.collectorssetincludes.contentbox.lightgray { margin: 0 0 3px 0; } /*-----MY CRITERION CSS-----*/ #newfilm .item { background-color: #EBEBEB; width: 444px; height: 57px; margin: 3px 0px 0px; padding: 13px 10px 13px 138px; position: relative; } #newfilm .item.list .list-block, #newfilm .item.note .list-block { width: 464px; height: 83px; position: absolute; top: 0px; left: 128px; } #newfilm .item.collection .list-block { width: 528px; height: 40px; position: absolute; top: 0px; left: 66px; } #newfilm .item.note:hover, #newfilm .item.list:hover, #newfilm .item.collection:hover { background-color: #c1c1c1; } #newfilm .item h3 { font-size: 18px; line-height: 1.2em; text-transform: none; } #newfilm .item h4 { font-size: 13px; line-height: 1.2em; text-transform: none; color: #666; } #newfilm .item h4 a { position: relative; z-index: 100; } #newfilm .item h3 a { position: relative; z-index: 100; } #newfilm .item img { height: 100%; position: absolute; top: 0px; left: 0px; } /* NOTE: unused & image doesn't exist #newfilm .item .star{ float: right; color: #666; font-size: 10px; font-weight: bold; line-height: 1.0em; margin: 0px; padding: 2px 20px 2px 0px; background: image-url('my_criterion/icon_star.png') right top no-repeat; } */ #newfilm .item .updated { text-transform: uppercase; margin: 0px 0 0 0; padding-top: 2px; } #newfilm .item p.updated { color: #666; } #newfilm .item.note { padding: 5px 10px 5px 138px; height: 73px; } #newfilm .item.note p { font-size: 12px; /*--font-weight: bold;--*/ margin: 10px 0 0 0; line-height: 1.5em; } #newfilm .item.note p a { color: #353535; z-index: 100; } #newfilm .item.note h4 { position: absolute; bottom: 15px; left: 138px; } #newfilm .item.note a.user-photo, .item.list a.user-photo { position: absolute; top: 0px; left: 0px; height: 83px; width: 128px; } #newfilm .item.collection a.user-photo { position: absolute; top: 0px; left: 0px; height: 40px; width: 64px; } #newfilm .item.collection { width: 498px; height: 14px; padding: 13px 20px 13px 74px; } #newfilm .item.collection h4 { float: left; line-height: 1.0em; } #newfilm .item.collection .updated { float: right; line-height: 1.0em; padding: 1px 0px; } #newfilm .view_more { text-align: center; line-height: 1.0em; width: 592px; height: 14px; margin: 3px 0px 0px; padding: 13px 0px; background-color: #EBEBEB; cursor: pointer; _cursor: hand; } #newfilm .view_more:hover { background-color: #BFBFBF; } #newfilm .view_more.no_hover:hover { background-color: #EBEBEB; } #newfilm .view_more a { color: #353535; font-size: 12px; text-transform: uppercase; padding: 10px 270px 10px 250px; background-image: url(//d2ffltj98nrzzh.cloudfront.net/assets/my_criterion/icon_viewmore-37557c984971ed64ca1e417bc30d44ef.png); background-size: 12px 10px; background-position: 326px 12px; background-repeat: no-repeat; } #newfilm .view_more a:hover { color: #353535; } #newfilm .view_more img.loading { margin: 0 auto; } /*-----WATCH INSTANTLY CSS-----*/ .online { width: 264px; padding: 10px 10px 0px; background-color: #F8F8F8; margin: 0px 0px 20px; } .online ul { list-style: none; margin: 0px; } .online li { padding: 0px 0px 10px; overflow: hidden; position: relative; } .online li h4 { line-height: 1.4em; margin: 10px 0px 0px; } .online li img { float: left; margin: 0px 10px 0px 0px; } .online h4 a { color: #282828; } .online p.view-all-hulu-films { margin: 0; font-weight: bold; position: absolute; bottom: 12px; left: 127px; } .online a.hulu-details-modal-trigger { font-weight: normal; text-transform: none; color: #2F7DA6; } /* added by ben */ .item.empty { width: 552px; padding-left: 20px; font-size: 13px; } #newfilm .item.empty p { color: #666; } /* added by Tyson */ #newfilm ul { margin-left: 0px; } #newfilm div.tabbed.current div.contentbox { padding: 20px 20px 0 20px; } #newfilm div#movieinfo div.current p { margin: 0; } /* Hulu details lightbox on film pages */ .hulu-details-modal.jqmWindow .content { width: 800px; } .hulu-details-modal.jqmWindow { width: 830px; margin-left: -424px; padding-bottom: 10px; } /* Next and Previous Spine number links on film pages */ div#newfilm div#primary .spine.prev { float: left; padding: 15px 0 0 0; font-weight: bold; } div#newfilm div#primary .spine.next { float: right; padding: 15px 18px 0 0; font-weight: bold; } /* */