/* HOMEPAGE */ #newhome { position: relative; z-index: 1; color: #353535; width: 896px; padding: 0px; } #newhome h2 { font-size: 32px; font-weight: bold !important; line-height: 1.0em !important; margin: 0px; padding: 0px; } #newhome h3 { font-size: 18px; font-weight: bold !important; line-height: 1.0em !important; text-transform: none; margin: 0px; padding: 0px; } #newhome h4 { font-size: 12px; font-weight: bold !important; line-height: 1.0em !important; text-transform: uppercase; margin: 0px; padding: 0px; } #newhome h6 { font-size: 10px; font-weight: bold !important; line-height: 1.0em !important; text-transform: uppercase; margin: 0px; padding: 0px; } #newhome p { color: #353535; font-size: 12px; line-height: 1.4em; } #newhome li p { line-height: 1.4em !important; } #newhome ul, #newhome li { list-style-type: none; margin: 0px; padding: 0px; } #newhome .break { *display: none; _display: block; _clear: both; } /* SPOTLIGHT CSS */ #newhome .newhome_spotlight { width: 896px; height: 385px; margin: 0px 0px 20px; overflow: hidden; position: relative; } #newhome ul.spotlight_left { width: 294px; height: 385px; overflow: hidden; position: absolute; top: 0px; left: 0px; } #newhome ul.spotlight_left li { color: #848484; width: 254px; height: 330px; padding: 55px 20px 0px; background-color: #151515; position: absolute; top: 0px; left: 0px; } #newhome .spotlight_left li:hover { background-color: #353535; } #newhome .spotlight_left a:hover { /* color:#5BBDD6 !important ;*/ color: #2F7DA6 !important; } #newhome .spotlight_left a.spotlight_link { width: 294px; height: 385px; position: absolute; top: 0px; left: 0px; } #newhome .spotlight_left h6 { margin: 0px 0px 10px; } #newhome .spotlight_left h2 { margin: 0px 0px 60px; } #newhome .spotlight_left p { color: #848484; font-size: 15px; margin: 0px; } #newhome .spotlight_left a.readmore { font-size: 15px; font-weight: bold; padding: 0px 45px 0px 0px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/homepage/icon_arrow-63498114c90bd503b17c9cb18948224e.gif) right center no-repeat; } #newhome ul.spotlight_right { width: 602px; height: 385px; position: absolute; top: 0px; left: 294px; } #newhome ul.spotlight_right li { position: absolute; top: 0px; left: 0px; } #newhome .spotlight_next { width: 80px; height: 385px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/homepage/button_spotlight-6647dd291e7f2a5ff9763a5a0823e0e1.png) -100px -100px no-repeat; position: absolute; top: 0px; right: 0px; z-index: 100; cursor: pointer; _cursor: hand; } #newhome .spotlight_next:hover { background-position: center center; } #newhome .spotlight_prev { width: 80px; height: 385px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/homepage/button_spotlight_prev-7609f09a31aa7cef63b5ddc4697973cb.png) -100px -100px no-repeat; position: absolute; top: 0px; left: 294px; z-index: 100; cursor: pointer; _cursor: hand; } #newhome .spotlight_prev:hover { background-position: center center; } #newhome .spotlight_nav { background: url(//d2ffltj98nrzzh.cloudfront.net/assets/homepage/x-bcd3610b26425d846e6e6fd587e5bc82.gif) repeat; width: 602px; height: 6px; padding: 40px 0px 0px; overflow: hidden; position: absolute; bottom: 0px; right: 0px; z-index: 101; } #newhome .spotlight_nav .spotlight_bg { width: 602px; height: 108px; background-color: #000; position: absolute; top: 46px; left: 0px; opacity: 0.7; filter: alpha(opacity=70); } #newhome .spotlight_nav ul.spotlight_timer { width: 604px; height: 6px; position: absolute; top: 40px; left: 1px; } #newhome .spotlight_nav ul.spotlight_timer li { float: left; width: 149px; height: 6px; margin: 0px 1px 0px 0px; background-color: #353535; overflow: hidden; } #newhome .spotlight_nav ul.spotlight_timer li .progress { width: 0px; height: 6px; background-color: #B0AFAF; } #newhome .spotlight_nav ul.spotlight_slides { width: 604px; height: 110px; position: absolute; top: 44px; left: 0px; } #newhome .spotlight_nav ul.spotlight_slides li { float: left; width: 142px; height: 91px; padding: 10px 4px; position: relative; cursor: pointer; _cursor: hand; } #newhome .spotlight_nav ul.spotlight_slides li .highlight { width: 132px; height: 81px; border: 5px solid #000; position: absolute; top: 10px; left: 4px; display: none; } #newhome .spotlight_nav ul.spotlight_slides li.active .highlight { display: block; } #newhome .spotlight_nav ul.spotlight_slides li .darken { width: 142px; height: 91px; background-color: #000; position: absolute; top: 10px; left: 4px; opacity: 0.5; filter: alpha(opacity=50); } #newhome .spotlight_nav ul.spotlight_slides li:hover .darken { display: none; } /* NEW RELEASES CSS */ #newhome .newhome_releases { width: 876px; height: 275px; margin: 0px 0px 20px; padding: 10px 10px; background-color: #EBEBEB; overflow: hidden; } #newhome .newhome_releases .releases_top { width: 876px; margin: 0px 0px 10px; overflow: hidden; } #newhome .newhome_releases .releases_top h3 { float: left; padding: 5px 0px 0px 7px; } #newhome .newhome_releases .releases_top .releases_nav { float: right; padding: 0px 2px 0px 0px; } #newhome .newhome_releases .releases_top .seeall { float: left; font-weight: bold; margin: 3px 0px 0px; } #newhome .newhome_releases .releases_top .next { text-indent: -9999px; float: left; width: 32px; height: 24px; margin: 0px 0px 0px 4px; display: block; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/sort_right-65f197e5f251aa6c04874ee71d9d2561.gif) top no-repeat; cursor: pointer; _cursor: hand; } #newhome .newhome_releases .releases_top .next:hover { background-position: bottom; } #newhome .newhome_releases .releases_top .next.disabled { background: url(//d2ffltj98nrzzh.cloudfront.net/assets/sort_right_disabled-8683d12db671b9897fcedda720761cb1.gif) no-repeat !important; cursor: default; } #newhome .newhome_releases .releases_body { width: 876px; height: 241px; overflow: hidden; } #newhome .newhome_releases .releases_top .prev { text-indent: -9999px; float: left; width: 32px; height: 24px; margin: 0px 0px 0px 14px; display: block; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/sort_left-f674893017d70dfc7f802766afd4874e.gif) top no-repeat; cursor: pointer; _cursor: hand; } #newhome .newhome_releases .releases_top .prev:hover { background-position: bottom; } #newhome .newhome_releases .releases_top .prev.disabled { background: url(//d2ffltj98nrzzh.cloudfront.net/assets/sort_left_disabled-4343c95fc054df2e9861f5ca9f2e4aca.gif) no-repeat !important; cursor: default; } #newhome .newhome_releases .releases_body ul { width: 876px; } #newhome .newhome_releases .releases_body li.empty, #newhome .newhome_releases .releases_body li.empty:hover { background-color: #EBEBEB; } #newhome .newhome_releases .releases_body li { float: left; width: 100px; height: 241px; margin: 0px 2px; padding: 20px 21px 0px; background-color: #FFF; position: relative; *height: 221px; } #newhome .newhome_releases .releases_body li:hover { background-color: #F2F2F2; } #newhome .newhome_releases .releases_body li a { background: url(//d2ffltj98nrzzh.cloudfront.net/assets/homepage/x-bcd3610b26425d846e6e6fd587e5bc82.gif) repeat; width: 142px; height: 241px; position: absolute; top: 0px; left: 0px; } #newhome .newhome_releases .releases_body li img { margin: 0px 0px 10px; } #newhome .newhome_releases .releases_body li h4 { /* color:#5BBDD6; */ color: #2F7DA6; margin: 0px 0px 5px; } #newhome .newhome_releases .releases_body li p { color: #858585; font-size: 12px; line-height: 14px !important; } /* COMING SOON CSS */ #newhome .newhome_comingsoon { width: 876px; height: 275px; margin: 0px 0px 10px; padding: 10px 10px; background-color: #EBEBEB; overflow: hidden; } #newhome .newcurrent_top { margin: 0 0 10px; } #newhome .newhome_comingsoon .comingsoon_top { width: 876px; margin: 0px 0px 10px; overflow: hidden; } #newhome .newhome_comingsoon .comingsoon_top h3 { float: left; padding: 5px 0px 0px 7px; } #newhome .newhome_comingsoon .comingsoon_top .comingsoon_nav { float: right; padding: 0px 2px 0px 0px; } #newhome .newhome_comingsoon .comingsoon_top .seeall { float: left; font-weight: bold; margin: 3px 0px 0px; } #newhome .newhome_comingsoon .comingsoon_top .next { text-indent: -9999px; float: left; width: 32px; height: 24px; margin: 0px 0px 0px 4px; display: block; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/sort_right-65f197e5f251aa6c04874ee71d9d2561.gif) top no-repeat; cursor: pointer; _cursor: hand; } #newhome .newhome_comingsoon .comingsoon_top .next:hover { background-position: bottom; } #newhome .newhome_comingsoon .comingsoon_top .next.disabled { background: url(//d2ffltj98nrzzh.cloudfront.net/assets/sort_right_disabled-8683d12db671b9897fcedda720761cb1.gif) no-repeat !important; cursor: default; } #newhome .newhome_comingsoon .comingsoon_top .prev { text-indent: -9999px; float: left; width: 32px; height: 24px; margin: 0px 0px 0px 14px; display: block; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/sort_left-f674893017d70dfc7f802766afd4874e.gif) top no-repeat; cursor: pointer; _cursor: hand; } #newhome .newhome_comingsoon .comingsoon_top .prev:hover { background-position: bottom; } #newhome .newhome_comingsoon .comingsoon_top .prev.disabled { background: url(//d2ffltj98nrzzh.cloudfront.net/assets/sort_left_disabled-4343c95fc054df2e9861f5ca9f2e4aca.gif) no-repeat !important; cursor: default; } #newhome .newhome_comingsoon .comingsoon_body { width: 876px; height: 241px; overflow: hidden; } #newhome .newhome_comingsoon .comingsoon_body ul { width: 876px; } #newhome .newhome_comingsoon .comingsoon_body li.empty, #newhome .newhome_comingsoon .comingsoon_body li.empty:hover { background-color: #EBEBEB; } #newhome .newhome_comingsoon .comingsoon_body li { float: left; width: 100px; height: 241px; margin: 0px 2px; padding: 20px 21px 0px; background-color: #FFF; position: relative; *height: 221px; } #newhome .newhome_comingsoon .comingsoon_body li:hover { background-color: #F2F2F2; } #newhome .newhome_comingsoon .comingsoon_body li a { background: url(//d2ffltj98nrzzh.cloudfront.net/assets/homepage/x-bcd3610b26425d846e6e6fd587e5bc82.gif) repeat; width: 142px; height: 241px; position: absolute; top: 0px; left: 0px; } #newhome .newhome_comingsoon .comingsoon_body li img { margin: 0px 0px 10px; } #newhome .newhome_comingsoon .comingsoon_body li h4 { /* color:#5BBDD6; */ color: #2F7DA6; margin: 0px 0px 5px; } #newhome .newhome_comingsoon .comingsoon_body li p { color: #858585; font-size: 12px; line-height: 14px !important; } /* SOCIAL CSS */ #newhome .newhome_social { width: 896px; height: 145px; margin: 0px 0px 20px; overflow: hidden; } /* TWITTER CSS */ #newhome .social_twitter { float: left; width: 264px; height: 117px; margin: 0px 4px 0px 0px; padding: 14px 18px; background-color: #EBEBEB; overflow: hidden; position: relative; } #newhome .social_twitter .twitter-follow-button { position: relative; } #newhome .social_twitter h3 { margin: 5px 0px 10px; } #newhome .social_twitter p { font-size: 13px; } /* FACEBOOK CSS */ #newhome .social_facebook { float: left; width: 252px; height: 117px; margin: 0px 4px 0px 0px; padding: 14px 18px; background-color: #EBEBEB; overflow: hidden; position: relative; } #newhome .social_facebook .link_facebook { font-size: 11px; font-weight: bold; padding: 7px 24px 0px 0px; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/shared/icon_facebook-7c9cb440ad63efd5cecd870de4545a97.gif) right top no-repeat; position: absolute; top: 14px; right: 18px; } #newhome .social_facebook h3 { margin: 5px 0px 10px; } #newhome .social_facebook p { font-size: 13px; } /* NEWSLETTER CSS */ #newhome .social_newsletter { float: left; width: 264px; height: 117px; padding: 14px 18px; background-color: #EBEBEB; overflow: hidden; position: relative; } #newhome .social_newsletter h3 { margin: 5px 0px 14px; } #newhome .social_newsletter p { font-size: 11px; } #newhome .social_newsletter strong { text-transform: uppercase; } #newhome .social_newsletter .newsletter_form { width: 259px; height: 25px; margin: 0px 0px 16px; overflow: hidden; background: url(//d2ffltj98nrzzh.cloudfront.net/assets/bg_newsletter-ae006c128e2f24fefc6eb6376143d12e.gif) no-repeat; } #newhome .social_newsletter .newsletter_form input.input { float: left; color: #858585; font-family: Arial, Verdana, sans-serif; font-size: 11px; text-transform: uppercase; width: 142px; margin: 7px 8px; padding: 0px; border: 0px; background-color: #FFF; } #newhome .social_newsletter .newsletter_form input.submit { float: left; /* color:#5BBDD6; */ color: #2F7DA6; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: left; width: 80px; height: 13px; margin: 7px 10px; padding: 0px; border: 0px; display: block; background: white url(//d2ffltj98nrzzh.cloudfront.net/assets/bg_rarr-909de9f8dc893afc80059eb84ad4acab.gif) right center no-repeat; cursor: pointer; _cursor: hand; } /* FEEDS CSS */ #newhome .newhome_feeds { width: 896px; /* height:408px; */ margin: 0px 0px 20px; overflow: hidden; } /* ADS CSS */ #newhome .newhome_ads { width: 896px; overflow: hidden; margin: 0px 0px 20px; } #newhome .newhome_ads ul { width: 900px; } #newhome .newhome_ads li { float: left; margin: 0px 4px 0px 0px; } /*-----MY CRITERION-----*/ #newhome .newhome_my_criterion { width: 896px; height: 84px; background-image: url(//d2ffltj98nrzzh.cloudfront.net/assets/my_criterion/bg_my-criterion-a782f5a89be4321e46ce8e2b6423f9ab.gif); margin-bottom: 5px; position: relative; } #newhome .newhome_my_criterion p { font-size: 12px; font-weight: bold; position: absolute; top: 34px; right: 85px; width: 320px; color: #AAA; } #newhome .newhome_my_criterion a { position: absolute; height: 84px; width: 896px; text-indent: -9999px; } #newhome .newhome_my_criterion_notes { background-color: #EBEBEB; margin-bottom: 10px; padding: 10px 0 4px 4px; } #newhome .newhome_my_criterion_notes h3 { margin: 7px 15px; } #newhome .newhome_my_criterion_notes .my-criterion-note-bg { width: 288px; height: 144px; border-radius: 5px; margin: 15px 4px 5px 4px; float: left; background-position: 10%; position: relative; } #newhome .newhome_my_criterion_notes a.note-link { position: absolute; top: 0; left: 0; width: 288px; height: 144px; z-index: 9999; } #newhome .newhome_my_criterion_notes .my-criterion-note { 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; } #newhome .newhome_my_criterion_notes .my-criterion-note a { color: white; } #newhome .newhome_my_criterion_notes .my-criterion-note:hover { background: rgba(0, 0, 0, 0.1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); /*opacity: 0.1;*/ } #newhome .newhome_my_criterion_notes .note-body { color: white !important; font-weight: bold; padding: 0 15px 15px 15px !important; margin: -5px 0 0 0 !important; font-size: 12px !important; line-height: 1.6em !important; position: relative; } #newhome .newhome_my_criterion_notes .note-author { color: #2F7DA6 !important; font-size: 14px; font-weight: bold; margin: 0 15px 15px 15px !important; height: 1em; bottom: 0%; position: absolute; z-index: 99999; } #newhome .newhome_my_criterion_notes .note-arrow { 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; } #newhome .newhome_my_criterion_description { margin: 15px 0 10px 0; padding-right: 8px; } #newhome .newhome_my_criterion_description p { float: right; color: #66CC66 !important; font-size: 17px; font-weight: bold; } #newhome .newhome_my_criterion_description p a { font-size: 17px; text-transform: none; padding: 5px 20px; margin-left: 10px; } /* 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 TEN 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; } /* */