div#movie-header { position: relative; height: 252px; margin-bottom: 24px; } div#movie-header div#mheader-left { position: absolute; left: 0; } div#movie-header div#mheader-right { position: absolute; right: 0; width: 300px; height: 252px; } div#movie-header div#mheader-center { position: absolute; left: 185px; width: 504px; height: 252px; } div#movie-details div.bottom-cap { height: 28px; background: url(../images/ywchip2-bot-504.png) no-repeat 0 0; } div#movie-details h2.chip-header { overflow: hidden; width: 340px; white-space: nowrap; padding-left: 12px; color: #2753ac; font-weight: bold; } div#movie-details div.widget-wrap { height: 54px; background: url(../images/ywchip3-top-504.png) no-repeat 0 0; } div#movie-details div.inner { overflow: hidden; padding: 0 14px; height: 107px; background: url(../images/ywchip2-mid-504.png) repeat-y 0 0; } .left-inner { height: 130px; width: 292px; overflow: hidden; position: absolute; left: 11px; top: 45px; } .right-inner { height: 130px; width: 173px; overflow: hidden; position: absolute; right: 11px; top: 45px; } .left-inner .left-col, .left-inner .mid-col, .left-inner .right-col, .left-inner .bottom-row { height: 100%; position: absolute; top: 0; } .left-inner .left-col { left: 0; width: 60px; text-align: center; } .left-inner .mid-col { left: 63px; } .left-inner .right-col { left: 176px; width: 120px; } .left-inner .bottom-row { top: 119px; left: 14px; } #ondemand-quadrants { position: relative; height: 110px; width: 100%; } #ondemand-quadrants .disabled { opacity: 0.3; } .right-inner .top-left, .right-inner .top-right, .right-inner .bot-left, .right-inner .bot-right { position: absolute; height: 50px; width: 73px; } .right-inner .top-left, .right-inner .top-right { height: 44px; } .right-inner .top-left img, .right-inner .top-right img, .right-inner .bot-left img, .right-inner .bot-right img { position: absolute; } .right-inner .top-left { left: 13px; top: 14px; border: 1px solid #aaa; border-top: none; border-left: none; } .right-inner .top-right { right: 13px; top: 14px; border-bottom: 1px solid #aaa; } .right-inner .bot-left { left: 13px; bottom: 3px; border-right: 1px solid #aaa; } .right-inner .bot-right { right: 13px; bottom: 3px; } .right-inner h3 { color: #2958b2; font-size: 18px; font-weight: bold; /*text-align: center;*/ } .right-inner a { display: block; width: 100%; height: 100%; } .right-inner .notify { background: url(../images/alert-me-btn.png) no-repeat 0 0; display: block; width: 68px; height: 22px; position: absolute; top: 0; right: 0; text-indent: -9999px; } .right-inner .notify.on { background: url(../images/alert-on-btn.png) no-repeat 0 0; } .right-inner .top-left img { left: -5px; top: -16px; } .right-inner .top-right img { right: -11px; top: -10px; } .right-inner .bot-left img { left: -6px; top: 4px; } .right-inner .bot-right img { right: 4px; top: 6px; } .right-inner p { color: #000; font-size: 12px; position: absolute; text-align: center; width: 80px; } .right-inner .top-left p { left: -10px; top: 17px; } .right-inner .top-right p { right: -14px; top: 17px; } .right-inner .bot-left p { left: -10px; top: 26px; } .right-inner .bot-right p { right: -14px; top: 26px; width: 86px; } .ppt { display: none !important; } /* .modal-inner { font-size: 12px; width: 187px; margin: 0 auto; } .modal-inner a { color: #2958b2; font-weight: bold; } .modal-inner h3 { margin-bottom: 8px !important; } .modal-inner ul li { padding: 4px 0; } .modal-inner img { padding: 0 6px; } .modal-inner .logo { width: 187px; margin: 0 auto; text-indent: -9999px } #netflix-logo { background: url(../images/ondemand-netflix-lg.png) no-repeat 0 0; height: 87px; } #amazon-logo { background: url(../images/ondemand-amazon-lg.png) no-repeat 0 0; height: 50px; } #itunes-logo { background: url(../images/ondemand-itunes-lg.png) no-repeat 0 0; height: 60px; } #hulu-logo { background: url(../images/ondemand-hulu-lg.png) no-repeat 0 0; height: 62px; } */ ul#scoring-box { border: 1px solid #000; text-align: center; padding: 0 10px; } .left-inner a { color: #000; display: block; font-size: 11px; text-decoration: underline; } #pik_list-button { text-decoration: none; width: 114px !important; } .left-inner span { font-size: 12px; } #imdb { margin: 9px 0; } .genre-select { position: absolute; left: 0; top: -3px; font-size: 0.72em; z-index: 100; } #fav-link { height: 24px; text-align: center; } #forum { margin: 9px 0 27px; } #forum-count { color: #2958b2; display: block; margin-left: 30px; font-size: 12px; font-weight: bold; text-decoration: none; } #forum, #similar { margin-left: 9px; } div#movie-details h2 a:link, div#movie-details h2 a:visited { color: #2753ac; font-weight: bold; text-decoration: underline; } div#movie-details ul li { overflow: hidden; } div#movie-details img { vertical-align: middle; } div#movie-details ul li#row-1 { font-size: 1.2em; height: 32px; } div#movie-details ul li#row-2 { margin: 8px 0; } div.col-1 { float: left; display: inline; width: 52px; margin-right: 6px; text-align: center; } div.col-2 { float: left; display: inline; width: 106px; } div.col-3 { float: right; display: inline; width: 170px; } div.col-left { float: left; display: inline; } div.col-right { float: right; display: inline; } li#row-1 span { line-height: 2.4em; } li#row-2 span { line-height: 2.5em; } li#row-3 span { line-height: 3.4em; } div.col-2 a:link, div.col-2 a:visited { font-size: 1.1em; color: #000; text-decoration: underline; } li#row-1 span#genre { line-height: 1em; padding-top: 8px; display: block; } ul#scoring-box li { font-size: 1.1em; line-height: 10px; color: #9e7607; } ul#scoring-box li em { display: block; font-size: 1.9em; font-weight: bold; color: #2c56a8; line-height: 14px; margin-top: 3px; } ul#scoring-box li em.wordicon-m { margin: 1px 0 2px 0; } ul#detail-qual-img { margin: 0 auto; } div#ad_chip_1 { position: absolute; bottom: 0; left: 16px; width: 468px; height: 60px; } div#fadeit { top: 0; right: 0; position: absolute; background: url(../images/sm-marquee-filter.jpg) no-repeat 0 0; } div#big, div#small, div#fadeit { height: 22px; width: 131px; } div#big { background: url(../images/sm-marquee-bgl.jpg) no-repeat 0 0; } div#small { background: url(../images/sm-marquee-sml.jpg) no-repeat 0 0; display: none; } .theater-flag { color: #fff; font-size: 1.2em; top: 0 !important; right: 5px !important; } /* Specific to Movie Review */ #moviereview .genre-select { position: absolute; left: 0; top: 20px; font-size: 0.72em; } #moviereview div#movie-details ul li#row-2 { margin-bottom: 5px; } #moviereview div#movie-details ul li#row-3 { margin-bottom: 5px; } #moviereview li#row-4 { width: 470px; } #moviereview li#row-4 span { line-height: 2.5em; } #moviereview li#row-4 div.col-3 { width: 162px; } div#share-box { position: absolute; right: 16px; top: 40px; width: 176px; } div#share-box div.widget-wrap { height: 35px; padding-top: 4px; background: url(../images/share-top.png) no-repeat 0 0; padding-left: 51px;} div#share-box div.inner { overflow: hidden; padding: 0 10px; height: 34px; background: url(../images/share-mid.png) repeat-y 0 0; } div#share-box div.bottom-cap { height: 21px; background: url(../images/share-bot.png) no-repeat 0 0; } div#share-box span { font-size: 1.1em; padding-left: 5px; } div#share-box-title { font-size: 1.1em; padding-left: 51px; } #moviereview #movie-details .inner ul#share-links { position: absolute; right: 23px; top: 25px; width: 140px; } ul#share-links li#share-title { padding-left: 38px; font-size: 1.1em; } ul#share-links div.col-1 { float: left; display: inline; width: 32px; text-align: left; } ul#share-links div.col-2 { float: left; display: inline; width: 50px; text-align: left; } ul#share-links a { line-height: 2.9em; } /* Fixes for the PikList Menu */ li#row-1 #fav-link span { line-height: normal; } .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 0; } #pik_list { display: none; } /* So we don't see it get repainted with JavaScript */