/* Moviepage -------------------------------------------------*/ .moviepage { color: #858080;} body { background: #000; } #moviePage #content { width: 960px; position: relative; } .moviepage h3, .moviepage h4 { color: #858080; font-weight: bold; text-transform: uppercase; } /* #moviePage.grey-curtain { background: #0b0000 url('//content.epixhd.com/styleassets/bg-grey-curtain.jpg') no-repeat top center; } */ #moviePage.grey-curtain .wrapper_header { background: #0b0000 url('//content.epixhd.com/styleassets/bg-grey-curtain.jpg') no-repeat top center; } /* styles for rotten tomatoes on movie page */ #rottentomatoes { display: block; width: 255px; height: 40px; margin: 10px 0 0 5px; padding-top: 15px; } #rottentomatoes #rtscores { display: block; margin: 0 0 10px 0; font-family: Helvetica, Arial, sans-serif; font-size: 11pt; } #rottentomatoes #rtscores sup { font-size: 5pt; } #rottentomatoes #critic { display: block; float: left; height: 40px; width: 75px; margin-right: 15px; } #rottentomatoes #critic.default-logo { background: url('//content.epixhd.com/styleassets/rt-critic-default.png') no-repeat scroll 0 2px / 30px auto; } #rottentomatoes #critic.fresh-logo { background: url('//content.epixhd.com/styleassets/rt-critic-fresh.png') no-repeat scroll 0 3px / 30px auto; margin-right: 20px; } #rottentomatoes #critic.fresh-logo .score { padding-left: 45px; } #rottentomatoes #critic.rotten-logo { background: url('//content.epixhd.com/styleassets/rt-critic-rotten.png') no-repeat scroll 0 2px / 30px auto; } #rottentomatoes #fan { display:block; float: left; height: 40px; width: 75px; } #rottentomatoes #fan.high-score { background: url('//content.epixhd.com/styleassets/rt-fan-high.png') no-repeat scroll 0 1px / 23px auto; } #rottentomatoes #fan.low-score { background: url('//content.epixhd.com/styleassets/rt-fan-low.png') no-repeat scroll 0 3px / 33px auto; } #rottentomatoes .score { padding-left: 40px; line-height: 35px; } /* styles for the dialog popup for trailers. testing on the movie pages then eventually will move to core for site wide use. -----------------------------------------------*/ .videos-dialog { padding-top: 140px; } .videos-dialog .ui-dialog-titlebar, #trailer-dialog { background: #fff; } .videos-dialog .ui-dialog-titlebar { height: 10px; position: relative; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; } #trailer-dialog { padding: 0 10px 10px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; } #trailer-dialog .caption { color: #333; float: left; font-size: 13px; font-weight: bold; max-width: 330px; } #trailer-dialog .buttons { position: absolute; bottom: 2px; right: 2px; } .xtras-video-clip { overflow: hidden; padding-top: 10px; position: relative; } .ui-dialog { position: absolute; } .ui-dialog-titlebar-close, #trailer-dialog a { color: #000; } .ui-dialog-titlebar-close { background: url('//content.epixhd.com/styleassets/closebutton.png') no-repeat 2px 0; height: 23px; position: absolute; right: -10px; top: -10px; width: 25px; } #ui-dialog-title-trailer-dialog { text-align: right; } .clearboth { clear: both; } .moviepage .more_images h4,.extras_landing .gm_item h4 a{font-size:0.9em;} .moviepage #cast .clearBoth,.posted_comments .comment,body.page .content_title,body.page .page_content,body.page .footer_content{clear:both;} #moviePage .nav a:hover { background: #0b0000; } #moviePage .nav .movies.active a { background: url(//content.epixhd.com/styleassets/movies-active-hover.png); color: #908d8d; } /* Moviepage playback overlay -------------------------------------------------*/ #overlay { display: none; overflow: hidden; background: #000; position: fixed; top: 0; left: 0; width: 1800px; height: 100%; z-index:2; } #playerContainer { height: auto; margin: 20px 0 0 0; position: relative; z-index: 3; } #playerContainer .player { margin-left: -110px; } #playerContainer .player object { width: 1195px !important; height: 550px !important; } #playerContainer #playerposter {height: 440px; } #playerContainer #playerposter .poster-overlay { height: 400px; padding-top: 40px;} #playerContainer .playback-options { background: url('//content.epixhd.com/styleassets/images/backgrounds/player-container-playback-bg.png') no-repeat; margin: 113px auto 0; height: 130px; padding-top: 20px; width: 395px; text-align: center; } #playerContainer .playback-options span { cursor: pointer; display: inline-block; margin: 15px 0 0; } #playerContainer #watch-now { position: absolute; bottom: 81px; width: 187px; height: 47px; background: transparent url('//content.epixhd.com/styleassets/movie-pages/button-movie-watch-now.png'); cursor: pointer; } /* Flash detection styles */ .flashBox { background: url("//content.epixhd.com/styleassets/getflash/get-flash-box.png") no-repeat scroll 0 0 transparent; color: #FFF; height: 130px; width: 620px; margin: 100px 0 0 165px; padding: 10px 0 0 0; float: left; } .flashBox .flashLogo{ margin: 10px 0 0 30px; width: 68px; height: 91px; float: left; } .flashBox .getFlashText1 p{ margin: 15px 30px 0 30px; width: 250px; height: 50px; float: left; font-family: Helvetica, Arial, sans-serif; font-size: 16pt; color: #ff8a2b; } .flashBox .getFlashText2 p{ margin: 5px 30px 0 30px; width: 220px; height: 50px; float: left; font-family: Helvetica, Arial, sans-serif; font-size: 10pt; color: #FFF; } .flashBox .getLatestFlash{ margin: -35px 30px 0 0; width: 180px; height: 50px; float: right; } div.countdown { background: transparent url(//content.epixhd.com/styleassets/bg-countdown.png) no-repeat 0 0; margin: 20px auto 0; overflow: hidden; width: 309px; height: 286px; } div.countdown .clock { font-size: 26px; width: 265px; height: 35px !important; padding: 0; margin: 0 0 0 29px; } div.countdown h2 { padding: 10px 0px; text-align: center; font-size: 19px; } div.clock p span { background: url(//content.epixhd.com/styleassets/clock_bg.gif) repeat-x; border: 1px solid #f9f9f9; width: 54px; height: 31px; float: left; text-align: center; margin-right: 2px; padding-top: 2px; } div.countdown .clock p { float: left; margin-right: 2px; } div.countdown .clock p span { background: transparent url(//content.epixhd.com/styleassets/bg-clock-labels.png) repeat-x 0 0; border-color: #0d0d0d; } div.countdown ul { border: 0; margin: 5px 0 0 29px; } div.countdown li { width: 56px; margin-right: 13px; float: left; text-align: center;} div.countdown li.sec { margin-right: 0px; width: 53px;} div.countdown #countdown-poster { margin:20px auto 60px; width: 255px; height: 135px; } div.countdown #countdown-poster img { width: 100%; height: 100%; } /* 404 error uses movies template and thus it's css ------------------------------------------------------------------------*/ #error{ background: url('//content.epixhd.com/styleassets/404.png') no-repeat; color: #fff; height: 240px; margin: 50px auto; padding: 30px 65px; text-transform: uppercase; width: 480px; } #error h1, #error h4 { color: #fff; margin: 0 0 10px; padding: 0; } #error h2, #error h4 { margin-bottom: 50px; } #error h4 { text-align: center; font-size: 10px; } #error #back { background: url('//content.epixhd.com/styleassets/404back.png') no-repeat; height: 48px; margin: auto; padding-top: 12px; text-align: center; width: 168px; } #error #back a { color: #fff; text-decoration: none; } /* Synopsis area -------------------------------------------------*/ #moviePage .synopsis.two_column { width: 835px; margin: 0 auto; float: none; padding: 0 0 0 62px; } .moviepage h1.movie_title { color: #fff; font: 3.4em Helvetica, sans-serif; margin: 55px 0 0; margin-left: -3px; text-transform: none; } .moviepage .synopsis { clear: both; position: relative; width: 100%; margin: 10px 0 20px; } #content .synopsis h4 { font: 22px helvetica, sans-serif; text-transform:none; } .moviepage .synopsis div.synP { color: #6c6666; float: left; /*font-size: 1.1em;*/ line-height: 1.4; min-height: 200px; width: 472px; } .moviepage .synopsis .half { float: left; width: 400px; margin: 0; padding: 0; } .moviepage .synopsis .left p { color: #857f7f; width: 550px; padding: 5px 60px 0 0; } .moviepage .synopsis .right { padding-left: 5px; } .moviepage .synopsis .right .ratings_ranking { float: left; margin-top: 16px; width: 150px; } .moviepage .synopsis .inviteFriend .i_like{clear:right;float:right; padding-left: 30px; display: block; width: 130px; font-weight: bold; text-transform: uppercase; margin-right: 20px; background: url(/static/images/thumb_up_brn.gif) 0 0 no-repeat; color: #554d4d; } #wikipedia_plot { color: #6c6666 !important; } /* movie extras watch w/ friends, like, etc... -------------------------------------------------*/ #movie-extras-options { font-family: Helvetica, sans-serif; margin: 105px 0 0 0; } #movie-extras-options .disabled a { color: #554d4d !important; } #movie-extras-options #psr-invite.disabled span { background-position: 0 -21px; } #movie-extras-options span { background: url('//content.epixhd.com/styleassets/images/icons/icon_movie_extras.gif') no-repeat; display: inline-block; height: 20px; width: 44px; } #movie-extras-options li { border-bottom: 1px solid #3d3333; display: block; padding: 10px 0; position: relative; } #movie-extras-options li.listings-option { padding: 3px 0 10px 0;} #movie-extras-options li:hover span { background-position: 0 -21px; } #movie-extras-options .amazon-option { border-bottom: none;} #movie-extras-options .amazon-option span { background-position: 1px -210px; height: 23px; } #movie-extras-options .amazon-option:hover span {background-position: 1px -210px;} #movie-extras-options .queue-option { margin-bottom: 0.75em; } #movie-extras-options .queue-option.disabled span { background-position: 0 -68px; } #movie-extras-options .queue-option.in-queue span { background-position: 0 -150px; } #movie-extras-options .queue-option span { background-position: 0 -49px; } #movie-extras-options .queue-option:hover span { background-position: 0 -68px; } #movie-extras-options .queue-option.in-queue:hover span { background-position: 1px -177px; } #movie-extras-options .listings-option .small-text {font-size:13px;} #movie-extras-options .listings-option span { background-position: -4px -93px; height: 27px; } #movie-extras-options .listings-option:hover span { background-position: -4px -120px; } #movie-extras-options .listings-option.disabled span { background-position: -4px -120px; } #movie-extras-options .disabled:hover .hidden, #movie-extras-options .listings-option:hover .hidden { display: block !important; } #movie-extras-options .listings-option.disabled:hover a {cursor:auto;} #movie-extras-options .listings-option.disabled:hover .hidden {display:none !important;} #movie-extras-options a, #movie-extras-options .amazon-option { color: #9e9999; font: 1.025em Helvetica, sans-serif; letter-spacing: 1px; vertical-align: super; } #movie-extras-options li:hover a, #movie-extras-options a:hover { color: #d45f16; text-decoration: none; } #movie-extras-options .button { background: #241a1a; color: #fff; font-size: 1em; font-weight: bold; letter-spacing: 1px; margin: 0 0 10px; padding: 15px 8px; text-align: center; text-transform: uppercase; width: 204px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #movie-extras-options .synopsis_extra { float: left; height: 25px; padding: 0 0 10px 5px; position: relative; width: 227px; } #movie-extras-options .feature-popup { background: url('//content.epixhd.com/styleassets/images/backgrounds/popup-black-bubble.png') no-repeat; color: #fff; font-size: 1.1em; height: 50px; padding: 12px 0 0; position: absolute; left: 0; top: -50px; text-align: center; width: 209px;} #movie-extras-options .listings-option .feature-popup { padding: 5px 0 0;} #movie-extras-options .feature-popup a { border-bottom: 1px solid #818181; color: #fff !important; letter-spacing: 0; vertical-align: baseline; } #movie-extras-options .feature-popup a:hover, #movie-extras-options .feature-popup a:focus { border: 0; } #queue-wrap { border-right: 1px solid #241a1a; float: left; margin: 0 5px 0 0; padding: 0 10px 0 0; } .jqTransformHidden { display: none; } /* tv schedule slider - depending on the cycle plugin which is in the ui.mod file -------------------------------------------------*/ #tvwrapper { display: none; float: right; margin-bottom: 0.5em; width: 205px; } #tvwrapper .error-msg { background: url('//content.epixhd.com/styleassets/images/icons/icon_movie_extras.gif') no-repeat 0 -245px ; color: #666; font-size: 0.9em; margin-top: 1em; padding-left: 17px; width: 220px; } #moviePage #tvwrapper { margin-right: 2.5em; } #moviePage #tvlistingcontent { margin-right: 3.75em; } #tvlistingcontent { color: #666; line-height: 1.3; width: 205px; } .listingcontainer { background: url('//content.epixhd.com/styleassets/tv-icon.png') no-repeat 5px 6px; border: 1px solid #2f2626; color: #8b8180; font-weight: bold; padding: 0; height: 26px; width: 200px; } #tvlistingcontent .tryagain a { color: #ccc; float: right; font-size: 0.9em; margin: 10px 0 0; } #tvlistingcontent .tv-schedule { color: #858080; font-size: 12px; height: 18px; margin: 5px 0 0 30px; overflow: hidden; position: relative; width: 184px; } #tv-listing { list-style: none; overflow: hidden; position: static !important; } #tv-listing li { display: block; float: left; padding-top: 1px; } #tv-header { color: #858080; font-weight: bold; font-size: 0.9em; letter-spacing: 1px; padding: 0 0 4px; } #tvlistingcontent #next { background: url('//content.epixhd.com/styleassets/triangle-icon.png') no-repeat; cursor: pointer; display: none; height: 14px; position: absolute; right: 10px; top: 1px; text-indent: -9999px; width: 14px; } #tvlistingcontent .tv-schedule ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } #tvlistingcontent .tv-schedule ul ul li { float: none; height: auto; width: auto; background: none; } #tvlistingcontent .no-listings { border: 1px solid #2b2828; font-size: 0.9em; margin-bottom: 1em; padding: 0.5em 1em; width: 180px; } #tvlistingcontent .changelocation { color: #666; display: inline-block; font-size: 0.9em; margin-top: 0.5em; text-decoration: underline; } #tvlistingcontent .changelocation:hover, #tvlistingcontent .changelocation:focus { text-decoration: none; } /* zip code form */ .zipContainer { height: 30px; } #tvlistingcontent form { font-size: 10px; width: 205px; } #cntnt01zipcode, .jqTransformSelectWrapper div span { background: transparent; border: 1px solid #4f4b4b; color: #999; display: inline-block; font: Arial 13px; height: 21px; padding: 2px 0 2px 4px; width: 140px; } .jqTransformSelectWrapper div span { height: 21px; padding-top: 7px; } #cntnt01, .jqTransformSelectOpen, .jqTransformSelectOpen { background: transparent url('//content.epixhd.com/styleassets/images/icons/icon_orange_arrow.gif') no-repeat center center; border: 1px solid #4f4b4b; cursor: pointer; display: inline-block; height: 27px; width: 30px; vertical-align: top; } /*#cntnt01 { display: none; }*/ #current-zip a { color: #858080; } #cntnt01moduleform_1, .jqTransformSelectWrapper { width: 209px !important; } #cntnt01moduleform_1 select { padding-top: 5px; height: 27px; font: Arial, sans-serif 13px; width: 189px; } /* end tv listings */ /* genre info -------------------------------------------------*/ .moviepage .genre-info { color: #6c6666; font-family: Helvetica, sans-serif; font-size: 1.1em; padding: 0.7em 0 1.2em; } #rating { border: solid #343433; border-width: 2px 1px 1px; color: #b3b3b3; display: inline-block; font-size: 1.125em; margin: 0 0.5em 0 0; padding: 0.4em 0.4em 0.2em 0.4em; border-radius: 6px; -ms-border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #rating { padding-bottom: 0.3em; padding-top: 0.3em; } } .moviepage .genre-info a { color: #6c6666; text-decoration: underline; } .moviepage .genre-info a:hover { color: #fff; text-decoration: none; } .moviepage .genre-info span { display: inline-block; margin-right: 5px; padding-top: 0.2em; } .moviepage .genre-info .divider { color: #353434; } /* area for stills on a movie page -------------------------------------------------*/ .get_more{float:left;padding-top:10px;width:900px;margin-bottom:20px;} .get_more h4{ color: #858080; margin-bottom:10px;} .get_more li a { color: #666; display: block; float: none; font-weight: bold; } .get_more li.listview { background: transparent url(//content.epixhd.com/styleassets/tv-movie.gif) no-repeat 0 5px; cursor: pointer; padding: 5px 0 10px; border-bottom: #1D1414 solid 1px; } .get_more li.listview a { height: 100%; width: 100%; padding: 0 0 0 20px;} .get_more li.listview img { margin: 0; padding: 0; } .get_more li.listview:hover a { color: #888; text-decoration: none; } .get_more li.listview span { color: #aaa; font-weight: normal; } #content .get_more h5 { color: #858080; margin-bottom: 17px; letter-spacing: 0.125em; } .moviepage .get_more .more-videos, .moviepage .get_more .more-images { float: left; margin: 0 20px 40px 0; } .moviepage .get_more .more-images li.listview {background: none; border:none; padding:0;} .moviepage .get_more .more-images li.listview a {padding-left:0;} .moviepage .get_more .posters { float: left; height: 250px; overflow: hidden; width: 130px; margin: 0 20px 0 0; } .moviepage .get_more .posters li.listview{width: 130px; height:186px;} .moviepage .get_more .posters li.listview a img{width: 100%; height:100%; margin:0;} .moviepage .get_more .posters a img {height: auto; width:auto; margin-top:5px;} .moviepage .get_more .wallpapers { float: left; width: 380px; height: auto; background: none; } .moviepage .get_more .stills {width: 380px; margin-bottom: 20px; } .moviepage .get_more .stills2 {width: 285px;} .moviepage .still-group {height:200px;} .moviepage .get_more .stills li.listview, .moviepage .get_more .stills2 li.listview{float:left;overflow:hidden;width:90px;height:90px;margin:0 5px 5px 0;padding:0;} .moviepage .get_more .seeAllDrop {float:left;margin:5px 0 0;} .moviepage .get_more .stills li.listview img, .moviepage .get_more .stills2 li.listview img, .moviepage .wallpapers li.listview img {height:100%; width:100%} .moviepage .more-videos img {max-width:255px; max-height:135px; width:expression(document.body.clientWidth > 255? "255px": "auto" );} .moviepage .more-videos-image {width:255px; height:135px; margin:0 0 10px 0;} .moviepage .more-videos {width:255px;} .moviepage .showall_images {color:#999;font-size:11px;font-weight:bold;} .moviepage .get_more .wallpapers { float: left; height: 250px; overflow: hidden; width: 260px; } .moviepage .get_more .wallpapers li.listview {float:left;width:124px;height:90px;overflow:hidden;margin:0 5px 5px 0;} .moviepage .get_more .wallpapers li.last {clear:left;margin-right:0;} .moviepage .wikipedia { background: none; color:#808080 !important; float: left; margin: 40px 0 80px; width:90%;line-height:1.35;} .moviepage .wikipedia {margin-right: 80px;} #content.concert-page .get_more h5 { display: none; } #content.concert-page .editorial { width: 800px; } #content h5 { font-weight: bold; color: #554D4D; font-size: .9em; letter-spacing: 1px; text-transform: uppercase; margin: 0; padding: 0; } /* editorial wrapper section -------------------------------------------------*/ .moviepage.generic .editorial_wrap { margin: 50px 0; } .moviepage .editorial_wrap h4 { margin-bottom:0;} .moviepage .editorial_wrap { clear: both; margin-bottom: 25px; overflow: hidden; padding-top: 0; width: 100%; } .movieLessPage .editorial_wrap { padding-top: 30px; } .moviepage .editorial { float: left; width: 400px; color: gray; } .moviepage .editorial h4 { width: 100%; } .moviepage .editorial_2 { float: right; margin-left: 20px; width: 400px; color: gray; } .moviepage .editorial h3 { text-transform: uppercase; font-size: 1.1em; } .moviepage .editorial ol { margin-left: 0; padding-left: 25px; } .moviepage .editorial ol li { list-style: inherit; margin-bottom: 10px; } .moviepage #cast,.moviepage #crew { margin-bottom: 50px; display: block; width: 400px; float: left; } .moviepage #cast {padding:0 20px 0 0;} .editorial_wrap .members, .editorial_wrap .rolls, #crew .rolls { width: 200px; color: #6c6666; font-weight: bold; line-height: 1.3; } .editorial_wrap .rolls, #crew .members { color: #534d4d; font-weight: normal; } #cast .members, #crew .rolls { float: left; } #crew .members, #cast .rolls { float: right; } /* cast and crew */ #cast-and-crew { display: block; background: transparent url('//content.epixhd.com/styleassets/movie-pages/bg-movie-right-rail.png') no-repeat; margin: 0 0 35px 0; overflow: hidden; } #cast-and-crew .header { padding: 25px 0 20px 0; } #cast-and-crew .header h3 { margin: 0; padding: 0; font-size: 14px; color: #fff; } #cast-and-crew .title { color: #666666; margin: 0 0 0 0; } #cast-and-crew .role { color: #b3b3b3; margin: 0 0 0 0; } #cast-and-crew .cast { display: block; clear: both; overflow: hidden; } #cast-and-crew .crew { margin: 35px 0 0 0; } #cast-and-crew .row { margin: 0 0 10px 0; } #cast-and-crew .more-cast, #cast-and-crew .more-crew { cursor: pointer; font-weight: bold; color: #fff; } .editorial_wrap .members { float: right; } .moviepage .wikipedia a { font-weight: bold; text-transform: uppercase; color: #6c6666 !important; } /* top ten fun facts */ #top-ten-facts{ position:relative; background: transparent url('//content.epixhd.com/styleassets/movie-pages/bg-movie-left-rail.png') top center no-repeat; color: #6c6666; margin: 0 0 45px 0; } #top-ten-facts .header { padding: 25px 0 20px 0; } #top-ten-facts .header h2 { margin: 0; padding: 0; font-size: 14px; color: #fff; } #top-ten-facts ol { padding: 0 0 0 25px; } #top-ten-facts a { display: inline-block; margin-left: 5px; } #top-ten-facts ol li { list-style-type: decimal; line-height: 1.3; margin: 5px 0 5px 5px; } .moviepage .get_more2 .stills { height: 250px; width: 475px; } #psr-invite { display: none; } /* Amazon & eBay -------------------------------------------------*/ .moviepage .get_more .seeAllDrop a { color: #999; font-size: 11px; font-weight: bold; text-transform: uppercase; } .movie_stuff { margin: 0 0 50px; } .movie_stuff .stuffer{height:140px;margin-top:23px;background:#241A19;width:816px;padding:5px;} .movie_stuff .shelf{height:127px;background:#fff;float:left;width:680px;border:#3a3131 5px solid;} .movie_stuff .shelf a{display:block;float:left;margin:25px 70px 0 40px;} .movie_stuff .shelf a.last,#ebay_results a.last{margin-right:0 !important;} .movie_stuff .shelf span{display:block;color:#aaa;font-size:13pt;margin:60px;} .movie_stuff .toggler{height:137px;width:125px;text-transform:uppercase;float:left;} #ebay_results a{margin:20px 70px 0 35px;} .movie_stuff .toggler span{color:#999;display:block;text-transform:uppercase;font-size:9pt;font-weight:bold;margin:17px 0 0 10px;} .movie_stuff .toggler span.link{color:#ccc;cursor:pointer;margin:5px 20px 5px 5px;padding:7px 17px;} .movie_stuff .toggler span.link.active { background:url('//content.epixhd.com/styleassets/stuffActive.jpg'); color: #fff; } .movie_stuff .toggler span.link:hover { color: #fff; text-decoration: underline; } /* overlay when not logged in on a movie page -------------------------------------------------*/ .auth-epix { background: url('//content.epixhd.com/styleassets/player-poster-overlay.png') no-repeat; color: #fff; margin: 0 auto; overflow: hidden; padding: 33px 20px 0 25px; height: 95px; width: 567px; } .auth-epix div { float: right; width: 260px; } .auth-epix h2 { color: #bc6926; font-size: 20px; font-family: Helvetica; letter-spacing: 1px; margin-top: 15px; text-align: center; text-transform: none; } .auth-epix div img { display: block; margin-bottom: 4px; } .auth-epix div p { float: left; letter-spacing: 0.75px; margin-bottom:6px; } .auth-epix div a { font-size: 10px; letter-spacing: 0.75px; } .auth-epix .user-msg a { color: #999; float: left; margin-top: 20px; } .auth-epix .user-msg a.get-subscrip { margin-top: 0; } .auth-epix .auth-link { background: transparent url('//content.epixhd.com/styleassets/go-btn.png') no-repeat; float: left; margin: 3px 0 0 20px; width: 47px; height: 28px; text-indent: -100000px; } .auth-epix .auth-link:hover { opacity: .8; *filter:alpha(opacity = 80); } .auth-epix .user-msg { float: left; } #auth-account { margin-top: 8px; } #auth-account a { float: left; } #auth-account .auth-link { margin: 0 0 17px; } #auth-account #sign-up { background: transparent url('//content.epixhd.com/styleassets/no-auth-sign-up.png') no-repeat; width: 118px; height: 46px; } #auth-account #sign-in { background: transparent url('//content.epixhd.com/styleassets/no-auth-sign-in.png') no-repeat; width: 123px; height: 46px; } #auth-account .get-invite { margin: 0 0 0 30px; } #sio-select-provider, #sio-invite-code, #sio-login-epix, #sio-forgot-password {display:none;} /* overlay for upsell messaging (DISH) -------------------------------------------------*/ .upgrade.auth-epix { background: url('//content.epixhd.com/styleassets/images/upsell/bg-dish-upsell.png') no-repeat; color: #fff; margin: 50px auto 0 auto; overflow: hidden; padding: 80px 20px 35px 42px; height: 228px; width: 517px; } .upgrade.auth-epix .auth-msg {width:285px; float:left; font-size: 12px; color:#ff8a2b;} #content .upgrade.auth-epix .auth-msg h5 {font-size: 27px; font-weight:normal; color:#ff8a2b; margin-bottom:15px;} .upgrade.auth-epix .auth-msg .highlight {color:#fff;} .upgrade.auth-epix img {float:right;margin:33px 0 0 0;} .upgrade.auth-epix .user-msg a { width: 517px;} .upgrade.auth-epix a:hover {text-decoration:none;} /* Movies we don't own -------------------------------------------------*/ #moviePage.tms-movie, #moviePage.tms-movie .wrapper_header { background: #0b0000 url('//content.epixhd.com/styleassets/bg-movies-not-owned-header_new.jpg') no-repeat top center; margin: 0; padding: 0; } #moviePage.tms-movie #content { width: 100%; } #moviePage.tms-movie #movieLess { background: url('//content.epixhd.com/styleassets/bg-movies-not-owned-poster-shadow.jpg') no-repeat 30% 100%; margin-bottom: -45px; padding-bottom: 85px; } .moviepage #masthead { background:url('//content.epixhd.com/styleassets/images/movie-pages/bg-masthead.png') no-repeat left center; color: #fff; font-size: 14px; letter-spacing: 1px; margin: 15px auto; text-align: center; text-transform: uppercase; width: 985px; } .moviepage #masthead2 { background:url('//content.epixhd.com/styleassets/images/movie-pages/bg-masthead2.png') no-repeat left center; color: #fff; font-size: 14px; letter-spacing: 1px; margin: 15px auto; text-align: center; text-transform: uppercase; width: 985px; } .tms-movie .get_more .more-images h4 { color: #fff; } .tmx-movie .get_more .stills a:hover { cursor: default; } .tms-movie .get_more .more-videos img { width: auto; } #moviePage.tms-movie .synopsis.two_column { margin: 0 auto; overflow: hidden; padding: 0; } #moviePage.tms-movie .synP { width: 425px; } .tms-movie .editorial_wrap h4 { color: #fff; } .tms-movie #movie-extras-options {float: none; margin: 1em 0 0; } .tms-movie #tvwrapper { float: none; } .movieLessPage .shelf img { max-height: 75px; } .movieLessPage #ebay_results img { padding-left: 18px; padding-top: 15px; } .movieLessPage .wikipedia { margin-bottom: 50px; } .movieLessPage .editorial_wrap { padding-top: 30px; } #movieLess #info { margin: 40px auto 0; overflow: hidden; width: 775px; } #movieLess #movie-image { float: left; height: 338px; margin: 10px 60px 0 0; width: 225px; } #movieLess #movie-image .poster-bg { position: relative; height: 338px; width: 225px; } #movieLess #movie-image .poster-bg p {position:absolute; top:47%; width:100%; text-align:center; line-height:22px;color: #ccc; font-family:Arial; font-size:22px; font-weight:bold;} #movieLess #movie-image img { height: 100%; width: 100%; } #movieLess #movie-info { float: left; width: 450px;} #movieLess #info .movie_title { color: #fff; font-size: 33px; letter-spacing: 1px; margin: 0 0 20px 0; } #movieLess #movie-info h4 { color: #999; margin: 10px 0; } #movieLess #rating { float: left; } /* Remove Poster display & TV Listings*/ .new-release .poster-overlay {display: none;} .new-release #tvwrapper {display: none;} .greeting, .greeting a{ color: #fff; } /* concert page specifics --------------------------------*/ .moviepage.concert .editorial_wrap #topten {width: 620px;} /* #moviePage.detail_concert-page .wrapper_header { background: #0c0000 url('//content.epixhd.com/styleassets/concert.png') no-repeat center 10px; } #moviePage.detail_concert-page { background: #0c0000 url('//content.epixhd.com/styleassets/concert.png') no-repeat center top; } */ #moviePage.detail_concert-page div.watch h1 { font-size: 2.4em; margin: 63px 0 115px 92px; } #moviePage.detail_concert-page .editorial{width: 620px;} #moviePage.detail_concert-page .wikipedia {margin-right:0px;} #moviePage.detail_concert-page .editorial_2{float:none;width:auto; margin-left:0;} #moviePage.the-black-eyed-peas-the-end-world-tour-2010 .moviepage .wikipedia, #moviePage.black-eyed-peas-the-end-world-tour-2010 .moviepage .wikipedia #moviePage.kings-of-leon .moviepage .wikipedia {margin-right:0px;} /* Comedy pages -------------------------------*/ #moviePage.detail_comedy-page .wrapper_header { background: #0a0200; } /* #moviePage.detail_comedy-page { background: #0a0200 url('//content.epixhd.com/styleassets/bg-comedy.jpg') no-repeat center top; } */ .comedy-page .topten {width: 620px;} /* Sports pages -------------------------------*/ /* #moviePage.detail_sporting-event, #moviePage.detail_boxing-event {background: #000 url(//content.epixhd.com/styleassets/unique/live-event/bg-boxing.jpg) no-repeat center 0;} */ #moviePage.detail_sporting-event div.wrapper_header, #moviePage.detail_boxing-event div.wrapper_header { background-image: none; background-color: transparent;} .button-wrap {padding: 18px 0 0; border-top: 1px solid #241A1A; height:15px; margin: 11px 0 0; width:220px;} /*Watch on Amazon*/ .tvlisting { margin-left: 100px; } /* EPIX Is*/ #moviePage.epix-is, #moviePage.epix-is .wrapper_header {background: url("//content.epixhd.com/styleassets/curtain_bg_cpd.jpg") no-repeat scroll center top #0C0000} #moviePage.epix-is .watch {width:770px; margin: 20px auto;} /* Age Gated Player */ .age-gate-poster-wrap {background:#000;width:770px;height:440px;} /* new css */ .wrapper_header { z-index: 100; position: relative; } /* movie background */ #TB_window { z-index: 300 !important; } #TB_overlay { z-index: 200 !important; } #movie-background { z-index: -100; position: absolute; width: 100%; height: 100%; top: -10px; left: 0; } /* movie page layout */ .full { display: block; clear: both; } .left-rail { float: left; width: 660px; } .right-rail { float: left; width: 255px; margin: 0 0 0 45px; } .row-2 { margin: 25px 0 0 0; } /* actor page layout */ .person-full { display: block; clear: both; margin: 0 auto; width: 966px; } .person-left-rail { float: left; width: 213px; margin: 0 27px 0 0; } .person-right-rail { float: left; width: 726px; } .header h2 { font-size: 14px; margin: 0 0 10px 0; } /* actor photo */ .actor-photo { margin: 6px 0 35px 0; font-size: 12px; } .actor-photo img { width: 17.750em; } /* actor bio */ .bio { margin: 0 0 35px 0; } .bio .header h1 { font-size: 30px; text-transform: none; margin: 0 0 15px 0; color: #fff; } .bio p { color: #999; line-height: 1.4; } .bio br { display: block; clear: both; margin: 12px 0 0 0; } .bio .bio-more { display: none; margin: 12px 0 0 0; } .bio .show-more { color: #fff; font-weight: bold; text-align: right; cursor: pointer; display: inline; float: right; } /* actor photos all */ .celeb-photos { margin: 0 0 45px 0; } .celeb-photos .header h2 { color: #fff; font-size: 14px; margin: 0 0 10px 0; } .celeb-photos ul { overflow: hidden; } .celeb-photos li { float: left; margin: 0 8px 0 0; } .celeb-photos li img { font-size: 12px; height: 10.000em; width: 7.500em; } .celeb-photos .see-all { display: inline; float: right; margin: 15px 48px 0 0; font-size: 10px; text-transform: uppercase; font-weight: bold; } #inline_content { height: 450px; width: 650px; overflow: auto; } #inline_content .thumb { float: left; margin: 0 10px 10px 0; } /* actor related movies */ #related-movies { margin: 0 0 35px 0; } #related-movies .header h2 { color: #fff; font-size: 14px; margin: 0 0 10px 0; } #related-movies a { color: #808080; } #related-movies a img, #related-movies a span { display: block; clear: both; } #related-movies a img { font-size: 12px; width: 9.417em; height: 13.333em; margin: 0 0 0.833em 0; } #related-movies a span { margin: 8px 0 0 0; } #related-movies ul { display: block; clear: both; } #related-movies li { float: left; margin: 0 8px 0 0; width: 113px; height: 185px; } #related-movies li:last { margin: 0; } #related-movies .customScrollBox { position:relative; width:100%; overflow:hidden;} #related-movies .customScrollBox .container{position:relative; top:0; float:left;} #related-movies .customScrollBox .content{clear:both;} #related-movies .dragger_container { position:relative; width: 726px; height: 8px; float:left; margin: 0px 0 0 0; background:#000; cursor:pointer; background: url(//content.epixhd.com/styleassets/movie-pages/slider-scrollbar-person.png) no-repeat !important; } #related-movies .dragger { position:absolute; height: 8px; width: 157px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; background: url(//content.epixhd.com/styleassets/movie-pages/slider-scrollbar-scroller.png) no-repeat !important; } /* actor credits */ .actor-credits .sub-header { padding: 0 0 8px 0; margin: 0 0 15px 0; border-bottom: 1px solid #3b3b3b; } .actor-credits .sub-header h3 { font-size: 14px; text-transform: none; color: #fff; } .actor-credits .row, .actor-credits a { color: #808080; } .actor-credits .row { margin: 0 0 15px 0; } .actor-credits span { display: block; } .actor-credits .row .title { margin: 0 0 6px 0; font-weight: bold; } .actor-credits .see-all { margin: 0 0 15px 0; text-align: right; font-size: 10px; text-transform: uppercase; font-weight: bold; cursor: pointer; } /* movie posters */ #movie-posters { position: relative; background: transparent url('//content.epixhd.com/styleassets/movie-pages/bg-movie-right-rail.png') top center no-repeat; margin: 0 0 75px 0; } #movie-posters h2 { margin: 0; padding: 25px 0 20px 0; font-size: 14px; color: #fff; } #movie-posters .navi { margin: 12px 0 0 0; } #movie-posters .navi ul li { background: transparent url(//content.epixhd.com/styleassets/movie-pages/sprite-poster-navi.png) no-repeat 0 0; height: 7px; width: 7px; float: left; margin: 0 4px 0 0; cursor: pointer; } #movie-posters .navi .first { background-position: -11px 0; } /* movie wallpapers */ #movie-wallpapers { position:relative; background: transparent url('//content.epixhd.com/styleassets/movie-pages/bg-movie-right-rail.png') top center no-repeat; margin: 0 0 30px 0; } #movie-wallpapers h2 { margin: 0; padding: 25px 0 20px 0; font-size: 14px; color: #fff; } #movie-wallpapers img { width: 180px; height: 113px; margin: 9px; } #movie-wallpapers .body { background: transparent url('//content.epixhd.com/styleassets/movie-pages/wallpapers-bg.png') top center no-repeat; width: 198px; height: 154px; } /* trailers and clips */ #trailers-and-clips{ position:relative; background: transparent url('//content.epixhd.com/styleassets/movie-pages/bg-movie-left-rail.png') top center no-repeat; margin: 0 0 45px 0; } #trailers-and-clips .header { padding: 25px 0 20px 0; } #trailers-and-clips .header h2 { margin: 0; padding: 0; font-size: 14px; color: #fff; } #trailers-and-clips li { float: left; width: 210px; height: 210px; margin: 0 10px 0 0; } #trailers-and-clips li img { font-size: 12px; width: 17.500em; height: 9.167em; margin: 0 0 0.833em 0; } #trailers-and-clips li a { display: block; clear: both; color: #b3b3b3; margin: 0 0 6px 0; } #trailers-and-clips .customScrollBox { position:relative; width:100%; overflow:hidden;} #trailers-and-clips .customScrollBox .container{position:relative; top:0; float:left;} #trailers-and-clips .customScrollBox .content{clear:both;} #trailers-and-clips .dragger_container { position:relative; width: 660px; height: 8px; float:left; margin: 0px 0 0 0; background:#000; cursor:pointer; background: url(//content.epixhd.com/styleassets/movie-pages/slider-scrollbar.png) no-repeat !important; } #trailers-and-clips .dragger { position:absolute; height: 8px; width: 157px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; background: url(//content.epixhd.com/styleassets/movie-pages/slider-scrollbar-scroller.png) no-repeat !important; } /* person trailers and clips */ #person-trailers-and-clips{ position:relative; margin: 0 0 45px 0; } #person-trailers-and-clips .header { padding: 25px 0 20px 0; } #person-trailers-and-clips .header h2 { margin: 0; padding: 0; font-size: 14px; color: #fff; } #person-trailers-and-clips li { float: left; width: 232px; height: 190px; margin: 0 10px 0 0; } #person-trailers-and-clips li img { font-size: 12px; width: 17.500em; height: 9.167em; margin: 0 0 0.833em 0; } #person-trailers-and-clips li a { display: block; clear: both; color: #808080; margin: 0 0 10px 0; } #person-trailers-and-clips .customScrollBox { position:relative; width:100%; overflow:hidden;} #person-trailers-and-clips .customScrollBox .container{position:relative; top:0; float:left;} #person-trailers-and-clips .customScrollBox .content{clear:both;} #person-trailers-and-clips .dragger_container { position:relative; width: 726px; height: 8px; float:left; margin: 0px 0 0 0; background:#000; cursor:pointer; background: url(//content.epixhd.com/styleassets/movie-pages/slider-scrollbar-person.png) no-repeat !important; } #person-trailers-and-clips .dragger { position:absolute; height: 8px; width: 157px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; background: url(//content.epixhd.com/styleassets/movie-pages/slider-scrollbar-scroller.png) no-repeat !important; } /* movie stills */ #movie-stills{ position:relative; background: transparent url('//content.epixhd.com/styleassets/movie-pages/bg-movie-left-rail.png') top center no-repeat; margin: 0 0 45px 0; } #movie-stills .header { padding: 25px 0 20px 0; } #movie-stills .header h2 { margin: 0; padding: 0; font-size: 14px; color: #fff; } #movie-stills li { width: 100px; height: 100px; float: left; margin: 10px 10px 25px 0; } #movie-stills li img { font-size: 12px; width: 8.333em; height: 8.333em; } #movie-stills .customScrollBox { position:relative; width:100%; overflow:hidden; } #movie-stills .customScrollBox .container{ position:relative; top:0; float:left; } #movie-stills .customScrollBox .content{ clear:both; } #movie-stills .dragger_container { position:relative; width: 660px; height: 8px; float:left; margin: 0px 0 0 0; background:#000; cursor:pointer; background: url(//content.epixhd.com/styleassets/movie-pages/slider-scrollbar.png) no-repeat !important; } #movie-stills .dragger { position:absolute; height: 8px; width: 157px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; background: url(//content.epixhd.com/styleassets/movie-pages/slider-scrollbar-scroller.png) no-repeat !important; } /* synopsis */ #synopsis { margin: 0 0 30px 0; } #synopsis p { line-height: 1.4; } /* ratings widget */ .ratings { display: inline-block; width: 170px; } .ratings ul { list-style: none; position: relative; top: 8px; } .ratings ul li { background: transparent url(//content.epixhd.com/styleassets/sprites/sprite-ratings-widget.png) no-repeat 0px 4px; width: 25px; height: 25px; float: left; } .ratings ul .avg-rating { background-position: 0px -17px; } .ratings ul .user-rated, .ratings ul .user-rating { background-position: 0px -43px; } .ratings .text { display: inline; float: right; position: relative; top: 14px; } .ratings .text .clear { cursor: pointer; display: none; } /* colorbox styles */ #colorbox {position:absolute; top:0; left:0; z-index: 10000; overflow: visible !important;} #cboxOverlay, #cboxWrapper {position:absolute; top:0; left:0; z-index: 9999; overflow: visible;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; padding: 10px 0 0 0;} #cboxTitle{margin:0; color: #999999;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer; color: #999999;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #cboxOverlay{background:#000;} #cboxTopLeft{ width: 14px; height:14px; background: url("//content.epixhd.com/styleassets/seeAllcurve.png") repeat scroll left top transparent;} #cboxTopCenter{height:14px; background: #fff;} #cboxTopRight{width:14px; height:14px; background: url("//content.epixhd.com/styleassets/seeAllcurve.png") repeat scroll right top transparent} #cboxBottomLeft{width:14px; height:76px; background: url("//content.epixhd.com/styleassets/seeAllcurve.png") repeat scroll left bottom transparent; } #cboxBottomCenter{height:75px; background: #fff;} #cboxBottomRight{width:14px; height:76px; background: url("//content.epixhd.com/styleassets/seeAllcurve.png") repeat scroll right bottom transparent;} #cboxMiddleLeft{width:14px; background: #fff; } #cboxMiddleRight{width:14px; background: #fff; } #cboxContent{background:#fff; overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:5px; text-align: center;} #cboxLoadingOverlay{background:url(//content.epixhd.com/styleassets/movie-pages/cbox-loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(//content.epixhd.com/styleassets/movie-pages/cbox-loading.gif) no-repeat center center;} #cboxTitle { color: #333; font: bold 13px arial; display: block; clear: both; margin: 10px 0 0 0; } #cboxCurrent { position: absolute; bottom: -65px; left: 0; font-weight:bold; color:#7C7C7C; } #cboxPrevious { position:absolute; bottom: 50%; background:url("/static/images/modalimg/prev-link.png") no-repeat scroll 0 0 transparent; width: 40px; height: 40px; text-indent:-9999px; left: -54px; z-index: 11000; } #cboxNext { position:absolute; bottom: 50%; background: url("/static/images/modalimg/next-link.png") no-repeat scroll 0 0 transparent; width: 40px; height: 40px; text-indent:-9999px; right: -54px; } #cboxClose { position:absolute; top: -25px; background: url("//content.epixhd.com/styleassets/closebutton.png") no-repeat scroll 2px 0 transparent; width: 25px; height: 25px; text-indent: -9999px; right: -25px; z-index: 11000; } #cboxSlideshow { position:absolute; bottom:-29px; background:url(//content.epixhd.com/styleassets/movie-pages/cbox-controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px; } .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;} /* social icons */ #social-tools { overflow: hidden; } #social-tools .twitter-share-button { float: left; margin: 0 8px 0 0; } #social-tools .fb-like { float: left; margin: 0 8px 0 0; } #social-tools .tumblr { float: left; margin: 0 8px 0 0; } /* cast and crew wide */ #cast-and-crew-wide { display: block; position: relative; background: transparent url('//content.epixhd.com/styleassets/movie-pages/bg-movie-left-rail.png') top center no-repeat; margin: 0 0 45px 0; overflow: hidden; } #cast-and-crew-wide .header { padding: 25px 0 20px 0; } #cast-and-crew-wide .header h3 { margin: 0; padding: 0; font-size: 14px; color: #fff; } #cast-and-crew-wide .col { float: left; width: 49%; border-right: 1px solid #3a3a3a; } #cast-and-crew-wide .cor { float: right; width: 49%; padding: 0 0 0 1%; } #cast-and-crew-wide .title { color: #666666; margin: 0 0 0 0; } #cast-and-crew-wide .role { color: #b3b3b3; margin: 0 0 0 0; } #cast-and-crew-wide .cast { overflow: hidden; } #cast-and-crew-wide .crew { overflow: hidden; padding: 0 0 0 12px;} #cast-and-crew-wide .row { margin: 0 0 10px 0; width: 47%; padding: 0 3% 0 0; float: left; word-wrap: break-word; } #cast-and-crew-wide .more-cast, #cast-and-crew-wide .more-crew { cursor: pointer; color: #D6651A; float: right; width: 50%; text-transform: uppercase; }