/* Reset */
html { color: #000; background: #fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,
h5,h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,
em,strong,th,var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
/* to preserve line-height and selector appearance */
sup { /* vertical-align: text-top; */ line-height: 0; }
sub { /* vertical-align: text-bottom; */ line-height: 0; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; }
/*to enable resizing for IE*/
input,textarea,select { *font-size: 100%; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
:focus { outline: 0; }
.clear { clear: both; }
.block { display: block; }
.tal-left { text-align: left; }
.tal-right { text-align: right; }
/* Vertically and horizontally center img in a div. Appropriate HTML: */
.vh-center-img { display: table-cell; text-align: center; vertical-align: middle; /* give width and height of box in a more specific selector */ }
.vh-center-img * { vertical-align: middle; }
/*\*//*/
.vh-center-img { display: block; }
.vh-center-img span { display: inline-block; height: 100%; width: 1px }
/**/
/* Additional style in ltie8.css file */
/* Site Theme */
body { position: relative; font: 62.5% Arial, Helvetica, sans-serif;
background: url(../images/body-bg-new.png) repeat-x top; }
div#page-wrap { position: relative; width: 1000px; margin: 0 auto; text-align: left; }
div#header { height: 120px; }
li#nav-search { padding-top: 3px; }
div#content { overflow: hidden; }
input.search-text { float: left; font-size: 1.4em; padding: 2px 0; margin: 1px 2px 0 0; width: 196px; }
/*div#header h1 { height: 68px; width: 476px; background: url(../images/branding-beta.png) no-repeat 0 0;
text-indent: -9999px; } */
div#header h1 { height: 60px; width: 101px; background: url(../images/viewguide-logo.png) no-repeat 0 4px; padding: 4px 0; text-indent: -9999px; }
#tagline { color: #f8d300; font-size: 15px; position: absolute; top: 12px; left: 100px; width: 230px; }
div#header h1 a { display: block; height: 100%; width: 100%; }
#beta-container { position: absolute; right: 260px; top: 0; margin-top: 8px; width: 80px; }
#beta-container li { margin-bottom: 4px; }
#beta-container img { vertical-align: middle; padding-right: 6px; }
#beta-container a { color: #f8d300; text-decoration: underline; }
div#login { position: absolute; top: 0; right: 0; height: 48px; width: 222px; padding: 4px 10px;
background: url(../images/loginboxie-bg.png) no-repeat 0 0; }
div#login h3 { white-space: nowrap; color: #fff; font-size: 1.2em; height: 14px; margin: 8px 0 4px; text-align: center; }
#login h3 a { color: #fff; position: absolute; top: 2px; left: 40px; text-decoration: none; }
#login h3 small { display: block; font-size: 11px; }
div#logged-in-functions { text-align: center; }
#logged-in-functions,
#login-functions { width: 212px; margin: 0 auto; }
#logged-in-functions .divider,
#login-functions .divider { float: left; line-height: 32px; }
#login-functions #profile-reg { line-height: 32px; }
#facebook-login,
.facebook-login { float: left; line-height: 32px; }
#profile { float: left; display: block; line-height: 32px; width: 60px; }
#profile-reviews { float: left; display: block; line-height: 11px; width: 60px; }
#sign-in-out { float: left; line-height: 32px; }
#newsletter { position: absolute; top: 10px; left: 325px; width: 235px; }
#newsletter input { width: 100%; }
#newsletter input[type="email"] { width: 231px; }
#newsletter .email { font-size: 1.6em; }
#newsletter ::-webkit-input-placeholder { color: #3b3b3b; }
#newsletter :-moz-placeholder { /* Firefox 18- */ color: #3b3b3b; }
#newsletter ::-moz-placeholder { /* Firefox 19+ */ color: #3b3b3b; }
#newsletter :-ms-input-placeholder { color: #3b3b3b; }
/*#newsletter a { background: url(../images/subscribe-btn.png) no-repeat 0 0; display: block; width: 235px; height: 22px; text-indent: -9999px; }*/
#mc-embedded-subscribe { background: url(../images/subscribe-to-viewguide.png) no-repeat 0 0; border: none; display: block; margin-top: 6px; width: 235px; height: 22px; text-indent: -9999px; }
div#login-functions { text-align: center; }
div#login span.divider { padding: 0 10px; }
div#login span a { color: #f8d300; text-decoration: underline; font-size: 1.0em; font-weight: normal; vertical-align: bottom; }
ul#nav-main { overflow: hidden; list-style: none; }
ul#nav-main li { float: left; }
ul#nav-main li a,
ul#nav-main span { font-size: 1.6em; font-weight: normal; text-decoration: none; color: #272c2f; display: block;
padding: 8px 20px 8px; }
ul#nav-main li a:hover,
ul#nav-main li a:active,
ul#nav-main li span,
ul#nav-main li a.hlite { background: url(../images/nav-hover.png) repeat-x 0 0; }
ul#nav-main li#nav-search { float: right; }
div#footer { overflow: hidden; height: 83px; margin-top: 20px; text-align: center;
background: url(../images/footer.png) repeat-x bottom; }
div#footer div#copyright { font-size: 1.1em; color: #2b2b2b; margin-top: 8px; }
div#footer-lists { margin: 0 auto; height: 26px; width: 1000px; }
div#footer-lists ul { float: left; overflow: hidden; padding-top: 6px; height: 20px; width: 488px; }
div#footer-lists a { font-size: 1.1em; font-weight: normal; }
ul#footer-left { padding-right: 12px; }
ul#footer-right { padding-left: 12px; }
ul#footer-left,
ul#footer-left a { color: #2b2b2b; }
ul#footer-right { color: #fff; background-color: #375ca2; }
ul#footer-right a { color: #fff; }
ul#footer-left li { float: right; display: inline; }
ul#footer-right li { float: left; display: inline; }
ul#footer-left li#rev-num { float: left; display: inline; }
div#footer-lists span { margin: 0 10px; }
a:link,
a:visited { text-decoration: none; }
a.bluelnk:link,
a.bluelnk:visited { color: #2958b2; text-decoration: underline; font-weight: bold; }
a.poster-lnk40 { display: block; height: 59px; width: 40px; }
a.poster-lnk70 { display: block; height: 104px; width: 70px; }
a.poster-lnk100 { display: block; height: 140px; width: 100px; }
a.poster-lnk110 { display: block; height: 163px; width: 110px; }
a.poster-lnk148 { display: block; height: 148px; width: 100px; }
/* Quality Images */
.qual-img-s { width: 46px; height: 25px; }
.qual-img-m { width: 75px; height: 44px; }
.qual-img-l { width: 88px; height: 50px; }
.none-s { background: url(../images/noreview-s.png) no-repeat 0 0; }
.awful-s { background: url(../images/qual-icons-s.png) no-repeat 0 center; }
.bad-s { background: url(../images/qual-icons-s.png) no-repeat -47px center; }
.ok-s { background: url(../images/qual-icons-s.png) no-repeat -94px center; }
.good-s { background: url(../images/qual-icons-s.png) no-repeat -141px center; }
.great-s { background: url(../images/qual-icons-s.png) no-repeat -188px center; }
.perfect-s { background: url(../images/qual-icons-s.png) no-repeat -235px center; }
.none-m { background: url(../images/noreview-m.png) no-repeat 0 0; }
.awful-m { background: url(../images/qual-icons-m.png) no-repeat 0 center; }
.bad-m { background: url(../images/qual-icons-m.png) no-repeat -76px center; }
.ok-m { background: url(../images/qual-icons-m.png) no-repeat -152px center; }
.good-m { background: url(../images/qual-icons-m.png) no-repeat -228px center; }
.great-m { background: url(../images/qual-icons-m.png) no-repeat -304px center; }
.perfect-m { background: url(../images/qual-icons-m.png) no-repeat -380px center; }
.none-l { background: url(../images/noreview-l.png) no-repeat 0 0; }
.awful-l { background: url(../images/qual-icons-l.png) no-repeat 0 center; }
.bad-l { background: url(../images/qual-icons-l.png) no-repeat -89px center; }
.ok-l { background: url(../images/qual-icons-l.png) no-repeat -178px center; }
.good-l { background: url(../images/qual-icons-l.png) no-repeat -267px center; }
.great-l { background: url(../images/qual-icons-l.png) no-repeat -356px center; }
.perfect-l { background: url(../images/qual-icons-l.png) no-repeat -445px center; }
/* Wordicons */
.wordicon { width: 88px; height: 50px; text-indent: -9999px; display: block; }
.none-wordicon { background: url(../images/wordicons-l.jpg) no-repeat 0 center; }
.awful-wordicon { background: url(../images/wordicons-l.jpg) no-repeat -89px center; }
.prettyawful-wordicon { background: url(../images/wordicons-l.jpg) no-repeat -176px center; }
.bad-wordicon { background: url(../images/wordicons-l.jpg) no-repeat -264px center; }
.prettybad-wordicon { background: url(../images/wordicons-l.jpg) no-repeat -352px center; }
.barelyok-wordicon { background: url(../images/wordicons-l.jpg) no-repeat -440px center; }
.ok-wordicon { background: url(../images/wordicons-l.jpg) no-repeat -528px center; }
.good-wordicon { background: url(../images/wordicons-l.jpg) no-repeat -616px center; }
.verygood-wordicon { background: url(../images/wordicons-l.jpg) no-repeat -704px center; }
.great-wordicon { background: url(../images/wordicons-l.jpg) no-repeat -792px center; }
.reallygreat-wordicon { background: url(../images/wordicons-l.jpg) no-repeat -880px center; }
.perfect-wordicon { background: url(../images/wordicons-l.jpg) no-repeat -968px center; }
.wordicon-m { width: 88px; height: 25px; text-indent: -9999px; }
.none-wordicon-m { background: url(../images/wordicons-m.jpg) no-repeat 0 center; }
.awful-wordicon-m { background: url(../images/wordicons-m.jpg) no-repeat -89px center; }
.prettyawful-wordicon-m { background: url(../images/wordicons-m.jpg) no-repeat -176px center; }
.bad-wordicon-m { background: url(../images/wordicons-m.jpg) no-repeat -264px center; }
.prettybad-wordicon-m { background: url(../images/wordicons-m.jpg) no-repeat -352px center; }
.barelyok-wordicon-m { background: url(../images/wordicons-m.jpg) no-repeat -440px center; }
.ok-wordicon-m { background: url(../images/wordicons-m.jpg) no-repeat -528px center; }
.good-wordicon-m { background: url(../images/wordicons-m.jpg) no-repeat -616px center; }
.verygood-wordicon-m { background: url(../images/wordicons-m.jpg) no-repeat -704px center; }
.great-wordicon-m { background: url(../images/wordicons-m.jpg) no-repeat -792px center; }
.reallygreat-wordicon-m { background: url(../images/wordicons-m.jpg) no-repeat -880px center; }
.perfect-wordicon-m { background: url(../images/wordicons-m.jpg) no-repeat -968px center; }
.wordicon-s { width: 70px; height: 25px; text-indent: -9999px; }
.none-wordicon-s { background: url(../images/wordicons-s.jpg) no-repeat 0 center; }
.awful-wordicon-s { background: url(../images/wordicons-s.jpg) no-repeat -70px center; }
.prettyawful-wordicon-s { background: url(../images/wordicons-s.jpg) no-repeat -140px center; }
.bad-wordicon-s { background: url(../images/wordicons-s.jpg) no-repeat -210px center; }
.prettybad-wordicon-s { background: url(../images/wordicons-s.jpg) no-repeat -280px center; }
.barelyok-wordicon-s { background: url(../images/wordicons-s.jpg) no-repeat -350px center; }
.ok-wordicon-s { background: url(../images/wordicons-s.jpg) no-repeat -420px center; }
.good-wordicon-s { background: url(../images/wordicons-s.jpg) no-repeat -490px center; }
.verygood-wordicon-s { background: url(../images/wordicons-s.jpg) no-repeat -560px center; }
.great-wordicon-s { background: url(../images/wordicons-s.jpg) no-repeat -630px center; }
.reallygreat-wordicon-s { background: url(../images/wordicons-s.jpg) no-repeat -700px center; }
.perfect-wordicon-s { background: url(../images/wordicons-s.jpg) no-repeat -770px center; }
/* Basic chip styles */
.widget-wrap { overflow: hidden; height: 42px; }
.widget-wrap-bot { overflow: hidden; margin: 8px 0 12px 0; }
.bchip .chip-header,
.ychip .chip-header,
.wchip .chip-header,
.gchip .chip-header { float: left; font-size: 2.3em; padding-top: 6px; }
.bchip .chip-header { color: #fee064; }
.bchip .chip-header em { color: #fff; font-weight: bold; }
.ychip .chip-header { color: #3b3b3b; }
.ychip .chip-header em { color: #2753ac; font-weight: bold; }
.wchip .chip-header { color: #2753ac; }
.wchip .chip-header em { color: #3b3b3b; font-weight: bold; }
.gchip .chip-header em { color: #19253D; font-weight: bold; }
/* Table styles (so far, tables are pretty much the same. I will handle specific cell instances on the page specific css */
table { border: 1px solid #1b418a; border-collapse: separate; border-spacing: 0; }
tr.stripe td,
tr.even td { background-color: #fef9dc; }
th,td { border: 1px solid #cdcdcd; border-left: none; }
th.l-cell, td.l-cell { border-left: 1px solid #cdcdcd; }
.asc,
.desc,
.asc a:link,
.asc a:visited,
.desc a:link,
.desc a:visited { color: #ffe53b; }
th { white-space: nowrap; background-color: #375ca2; text-align: center; padding: 8px 8px 4px;
font-size: 1.1em; color: #fff; }
th a:link,
th a:visited { color: #fff; font-weight: normal; text-decoration: underline; }
th a:hover,
th a:active { color: #ffe53b; }
td { border-top: none; padding: 5px 8px; background-color: #fff; vertical-align: top; }
.centered { text-align: center; }
/* Movie-block & Movie-List Table styles (Used on FSM and Movie List pages)
as of 12/9/09 the styles for FSM and Movie List are slightly different and so
the Movie List table now enjoys the ID of #movie-list-alt while FSM retains #movie-list.
There is some cross-over. */
div#movie-block { position: relative; width: 825px; }
div#movie-block div.widget-wrap { background: url(../images/bchip-top-825.png) no-repeat 0 0; }
div#movie-block div.inner { background: url(../images/bchip-mid-825.png) repeat-y 0 0; padding: 0 14px; }
div#movie-block div.bottom-cap { height: 24px; background: url(../images/bchip-bot-825.png) no-repeat 0 0; }
div#movie-block .chip-header { padding-left: 10px; }
table#movie-list th span,
table#movie-list-alt th span { padding: 0 0 0 3px; }
table#movie-list th.l-cell span,
table#movie-list-alt th.l-cell span { padding-right: 20px; }
table#movie-list th.l-cell span span,
table#movie-list-alt th.l-cell span span{ padding: 0 0 0 3px; }
table#movie-list th#ml-title-col { width: 389px; }
table#movie-list th#ml-summary-col { width: 254px; }
table#movie-list th#ml-trust-col { width: 100px; }
table#movie-list td.l-cell,
table#movie-list td.trust-cell { font-size: 1.5em; }
table#movie-list td.trust-cell,
table#movie-list-alt td.trust-cell { text-align: center; }
table#movie-list a.poster-lnk70 { float: left; padding-right: 12px; }
table#movie-list h5,
table#movie-list-alt h5 { margin: 10px 0 4px 0; }
table#movie-list h5 a,
table#movie-list-alt h5 a { color: #000; text-decoration: underline; }
table#movie-list td.l-cell p { color: #646464; }
table#movie-list ul.trust-info { overflow: hidden; margin: 0 auto; width: 200px; height: 94px; }
table#movie-list ul.trust-info li,
table#movie-list-alt ul.trust-info li { float: left; display: inline; }
table#movie-list li.trust-weighted,
table#movie-list-alt li.trust-weighted { /*margin-top: 4px;*/ text-align: right; }
/*
table#movie-list .trust-weighted p,
table#movie-list-alt .trust-weighted p,
*/
table#movie-list li.trust-weighted-header,
table#movie-list-alt li.trust-weighted-header { float: none !important; color: #9e7607; font-size: 1.2em; margin-bottom: 2px; }
table#movie-list .trust-weighted em,
table#movie-list-alt .trust-weighted em { color: #2c56a8; font-size: 2.3em; }
table#movie-list .qual-img-l,
table#movie-list-alt .qual-img-l { margin-left: 8px; }
table#movie-list div.none-l,
table#movie-list-alt div.none-l { margin: 0 auto; height: 94px; }
table#movie-list td.trust-cell p { height: 84px; }
/* Movie List (specific) page styles as of 12/9/09 */
table#movie-list-alt th#ml-title-col { width: 630px; text-align: left; }
table#movie-list-alt th#ml-trust-col { width: 126px; }
table#movie-list-alt th span.movie-h { padding-left: 108px; }
table#movie-list-alt th span.summary-h { padding-left: 300px; }
table#movie-list-alt td.l-cell { position: relative; padding-bottom: 0; }
table#movie-list-alt div.movie-img a { float: left; padding-right: 8px; }
table#movie-list-alt h5 { font-size: 1.8em; margin-top: 4px; height: 40px; width: 446px; }
table#movie-list-alt .byline { color: #333; font-size: 12px; }
table#movie-list-alt .user-name,
table#movie-list-alt .byline em { font-size: 14px; }
table#movie-list-alt .user-name a { color: #333; text-decoration: underline; }
table#movie-list-alt .byline em { font-weight: bold; }
table#movie-list-alt div.review-text { color: #2b2b2b; font: 1.4em/1.2em "Times New Roman", Times, serif; width: 100%; overflow: hidden;
height: 82px; width: 510px; }
table#movie-list-alt .wrap { position: relative; height: 148px; }
table#movie-list-alt ul.trust-info,
table#movie-list-alt .none-l { position: absolute; /*top: 0;*/ top: -6px; right: 0; }
table#movie-list-alt td.trust-cell { color: #646464; font-size: 1.5em; }
table#movie-list-alt td.trust-cell div { height: 40px; }
table#movie-list-alt .trust-cell .tp-wrap{ height: 60px; }
table#movie-list-alt div.tp-wrap { color: #9e7607; font-size: 0.8em; }
table#movie-list-alt div p.trust-points { color: #000; font-size: 1.8em; }
table#movie-list-alt div.genre-select { font-size: 6px; }
ul.movie-list-actions { overflow: hidden; }
ul.movie-list-actions li { display: inline; float: left; padding-top: 4px; }
ul.movie-list-actions li a { color: #295882; font-size: 1.5em; line-height: 25px; text-decoration: none; }
ul.movie-list-actions li.discuss { text-align: center; width: 110px; }
ul.movie-list-actions li.read-review { padding-left: 14px; }
ul.movie-list-actions li a.full-review { background: url(../images/read-review.png) no-repeat scroll 0 0; display: block;
line-height: 25px; padding: 0 42px 0 26px; text-align: center; }
ul.movie-list-actions li.discuss a img { padding-right: 4px; }
ul.movie-list-actions li.discuss img { margin-bottom: -2px; }
/* Movie Review Tables styles (used on Movie Profile and Member Profile) */
table#movie-reviews th#mr-user-col,
table#movie-reviews th#mr-title-col { width: 150px; }
table#movie-reviews th#mr-summary-col,
table#movie-reviews th#mr-acting-col { width: 144px; }
table#movie-reviews th#mr-film-col,
table#movie-reviews th#mr-edge-col,
table#movie-reviews th#mr-reality-col { width: 143px; }
table#movie-reviews th.l-cell span { padding-right: 20px; }
table#movie-reviews th.l-cell span.asc,
table#movie-reviews th.l-cell span.desc { padding-right: 0; }
table#movie-reviews h5 a { font-size: 1.15em; font-weight: bold; margin-bottom: 4px; color: #2b2b2b;
text-decoration: underline; }
/* This applies ONLY to the trust points on Movie Profile...*/
table#movie-reviews td span.trust-points { font-size: 1.15em; color: #333; }
a.trust-btn { background: url(../images/trust-btn.png) no-repeat 0 0; display: block; height: 27px;
width: 133px; text-indent: -9999px; }
a.trust-btn-s { background: url(../images/trust-btn-s.png) no-repeat 0 0; display: block; margin: 5px 0;
height: 20px; width: 129px; text-indent: -9999px; }
table#movie-reviews span.date-time { display: block; font-size: 1.15em; color: #9d7e09; }
table#movie-reviews em.scoring { overflow: hidden; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 1.7em;
color: #2958b2; }
table#movie-reviews td em.scoring span { float: left; }
table#movie-reviews td em span.score { float: right; }
table#movie-reviews td div.excerpt { position: relative; height: 106px; }
table#movie-reviews td div.review-text { overflow: hidden; height: 90px; font-size: 1.34em; }
table#movie-reviews a.more-link { position: absolute; bottom: 0; right: 0; font-weight: bold; color: #2958b2;
text-decoration: underline; font-size: 1.15em; }
/* Movie List Revision 2/27/2010 & PL Profile 11/01/2010 */
#safer-select { position: absolute; bottom: -50px; left: 82px; }
#safer-select select { width: 124px !important; }
/* This class is to be used on the ReviewList (Reviews page) and PL Profile as their styles are very similar */
.movie-grid table { width: 100%; }
.movie-grid table th { width: 100%; border: 1px solid #cdcdcd; font-size: 14px; text-align: left; overflow: hidden; }
.movie-grid table th span { display: block; float: left; }
/*.movie-grid table th span.movie-h { width: 226px; }*/
.movie-grid table th span.movie-h { width: 312px; }
.movie-grid table th span.summary-h { width: 150px; }
.movie-grid table th span.trust-h { width: 80px; }
.movie-grid table th span.released-h { width: 72px; }
.movie-grid table th span.genre-h { width: 72px; margin-right: 8px; }
.movie-grid table th span span { display: inline; float: none; }
.movie-grid table td { padding: 0 6px 3px; }
.movie-grid table td ul { overflow: hidden; }
.movie-grid table td li { float: left; }
.movie-grid table table { border: none; }
.movie-grid table table td { border: none; padding: 0; }
.movie-grid table td .title { /*width: 229px;*/width: 322px; font-size: 24px; }
.movie-grid table td .wordicon-s { margin-right: 6px; }
.movie-grid table td td.wordicon-container { width: 76px; margin-right: 0; }
.movie-grid table td td .wordicon-s { display: block; width: 70px; }
.movie-grid table td td .none-wordicon-s { background-position: 0 top; }
.movie-grid table td td .awful-wordicon-s { background-position: -70px top; }
.movie-grid table td td .prettyawful-wordicon-s { background-position: -140px top; }
.movie-grid table td td .bad-wordicon-s { background-position: -210px top; }
.movie-grid table td td .prettybad-wordicon-s { background-position: -280px top; }
.movie-grid table td td .barelyok-wordicon-s { background-position: -350px top; }
.movie-grid table td td .ok-wordicon-s { background-position: -420px top; }
.movie-grid table td td .good-wordicon-s { background-position: -490px top; }
.movie-grid table td td .verygood-wordicon-s { background-position: -560px top; }
.movie-grid table td td .great-wordicon-s { background-position: -630px top; }
.movie-grid table td td .reallygreat-wordicon-s { background-position: -700px top; }
.movie-grid table td td .perfect-wordicon-s { background-position: -770px top; }
.movie-grid table td .qual-img-s { margin-right: 26px; }
.movie-grid table td td.qual-img-container { width: 72px; margin-right: 0; }
.movie-grid table td td .qual-img-s { display: block; width: 46px; }
.movie-grid table td td .none-s { background-position: 0 top; }
.movie-grid table td td .awful-s { background-position: 0 top; }
.movie-grid table td td .bad-s { background-position: -47px top; }
.movie-grid table td td .ok-s { background-position: -94px top; }
.movie-grid table td td .good-s { background-position: -141px top; }
.movie-grid table td td .great-s { background-position: -188px top; }
.movie-grid table td td .perfect-s { background-position: -235px top; }
.movie-grid table td .edge-reality-tws { font-size: 18px; line-height: 28px; width: 100px; margin-right: 65px; text-align: center; }
.movie-grid table td .trust { font-size: 18px; width: 78px; padding: 0 4px 0 0; vertical-align: middle; }
.movie-grid table td .trust small { font-size: 12px; }
.movie-grid table td .year { font-size: 18px; width: 64px; padding-right: 8px; /*padding-top: 18px;*/ vertical-align: middle; }
.movie-grid table td .genre { font-size: 12px; line-height: 12px; padding-right: 8px; /*padding-top: 4px;*/ width: 73px; vertical-align: middle; }
.movie-grid table td .genre .genre-inner { }
.movie-grid table div.genre-select { font-size: 9px; padding-top: 6px; }
.movie-grid table td .ondemand { padding-top: 10px; position: relative; width: 170px; }
.movie-grid table td .amazon-ondemand,
.movie-grid table td .itunes-ondemand,
.movie-grid table td .netflix-ondemand { padding-top: 2px !important; }
.movie-grid table td .amazon-ondemand { padding: 0 2px; }
.movie-grid table td .ondemand .more { color: #2958B2 !important; font-size: 1.15em; font-weight: bold; text-decoration: underline; position: absolute; top: 7px; right: 0; }
.movie-grid table h5 a { color: #000; text-decoration: underline; }
.movie-grid table .poster-lnk148,
.movie-grid table .info,
.movie-grid table .convo { float: left; }
.movie-grid table .poster-lnk148,
.movie-grid table .info { margin-right: 6px; }
.movie-grid table .info,
.movie-grid table .convo,
.movie-grid table .review,
.movie-grid table .descr { display: block; height: 142px; border: 1px solid #c0c0c0; padding: 2px 4px; }
.movie-grid table .info { width: 488px; position: relative; }
.movie-grid table .byline { color: #333; display: block; font-size: 12px; }
.movie-grid table .byline .user-name,
.movie-grid table .byline em { font-size: 14px; }
.movie-grid table .byline .user-name a { color: #333; text-decoration: underline; }
.movie-grid table .byline em { color: #11257b; font-weight: bold; }
.movie-grid table .info .review-text,
#pl-intro .review-text { font-size: 1.4em; height: 86px; overflow: hidden; }
.movie-grid table .info .acting-text { height: 70px; }
.movie-grid table .info .review-text p { display: block; margin: 0; }
.movie-grid table .info .review-text br { line-height: 5px; }
.movie-grid table .info .full-review { color: #2958b2 !important; display: block; font-size: 1.15em; font-weight: bold; position: absolute; bottom: 4px; right: 6px; text-decoration: underline; }
.movie-grid table .info ul.subs { width: 100%; margin: 2px 0 8px 0; }
.movie-grid table .info ul.subs li { font-size: 12px; }
.movie-grid table .info ul.subs li a { color: #2b2b2b; text-decoration: underline; }
.movie-grid table .info ul.subs em { color: #9e7607; font-size: 0.92em; font-weight: bold; }
.movie-grid table .info ul.acting-subs li { width: 50%; }
.movie-grid table .info ul.film-subs li { width: 25%; }
.movie-grid table .info ul.reality-subs li,
.movie-grid table .info ul.edge-subs li { width: 33%; }
.movie-grid table .info ul.acting-subs p { display: block; }
.movie-grid table .info .wikchip { position: absolute; bottom: 2px; left: 4px; }
.movie-grid table .info .wikchip a { color: #9e7607; font-size: 1.1em; font-weight: bold; text-decoration: underline; }
.movie-grid table .info .wikchip span { color: #2b2b2b; font: 1.4em "Times New Roman", Times, serif; }
.movie-grid table .convo { width: 162px; }
.movie-grid table .convo .reply-lnk { color: #9e7607; display: block; font-size: 12px; width: 100%; overflow: hidden; text-decoration: underline; }
.movie-grid table .convo .reply-lnk img { float: right; }
.movie-grid table .convo ul { padding-left: 13px; overflow: hidden; height: 125px; }
.movie-grid table .convo ul li { color: #9e7607; display: list-item; float: none; list-style-type: disc; }
.movie-grid table .convo ul li span { color: #2b2b2b; }
.movie-grid table .convo ul li span p { display: inline; }
.movie-grid table .convo ul li a { color: #2958b2 !important; text-decoration: underline; }
/* Advertisements, those which conform to a consistent layout on more than one page. */
div#ads-bottom { overflow: hidden; padding: 0 14px; }
span#ad-bottom1 { float: left; display: inline; }
span#ad-bottom2 { float: right; display: inline; }
.ad { background-color: #a2c0fa; } /* For local ads to see where they are */
.side-ad { margin-bottom: 20px; }
.side-ad-bottom { margin-bottom: 0; }
.ad-125-125,
.ad-468-60,
.ad-468-15,
.ad-180-150,
.ad-200-200,
.ad-160-600,
.ad-728-90 { display: block; }
.ad-125-125 { width: 125px; height: 125px; }
.ad-468-60 { width: 468px; height: 60px; }
.ad-468-15 { width: 468px; height: 15px; }
.ad-180-150 { width: 180px; height: 150px; }
.ad-200-200 { width: 200px; height: 200px; }
.ad-160-600 { width: 160px; height: 600px; }
.ad-728-90 { width: 728px; height: 90px; }
/* Form stuff */
form.cmxform { font-size: 1.3em; color: #2b2b2b; }
form.cmxform label { font-weight: bold; }
form.cmxform input[type="text"],
form.cmxform input[type="password"],
form.cmxform textarea { color: #2b2b2b; padding: 4px 2px; border: 1px solid #aaa; }
label.disabled { color: #736f6e !important; }
/* flash notice */
.success { background: #e6efc2; color: #529214; border-color: #c6d880; }
.flash-success,
.success { display: block; clear: both; padding: 5px 5px 5px 25px !important;
background: #efeee1 url(/images/icons/check_red.gif) no-repeat 5px 4px;
border: 1px solid #c4c2ab; color: #333; margin: 5px 0 10px 0; font-size: 10pt; }
.flash-notice,
.notice { display: block; width: 95%; padding: 5px 5px 5px 25px !important;
background: #efeee1 url(/images/icons/warning.gif) no-repeat 5px 4px;
border: 1px solid #c4c2ab; color: #333; margin-bottom: 10px; font-size: 10pt; }
.flash-reply_notice,
.flash-notice { display: block; width: 95%; padding: 5px 5px 5px 25px !important;
background: #efeee1 url(images/icons/warning.gif) no-repeat 5px 4px;
border: 1px solid #c4c2ab; color: #333; margin-bottom: 10px; font-size: 10pt; }
.flash-notice a,
.notice a { text-decoration: underline; }
.flash-error,
.error { display: block; clear: both; padding: 5px 5px 5px 25px !important;
background: #efeee1 url(/images/icons/exclamation_red.gif) no-repeat 5px 8px;
border: 1px solid #c4c2ab; color: #333; margin-bottom: 10px; font-size: 10pt; }
/* Error notice */
div.errorExplanation { display: block; width: 95%; padding: 5px 25px; background-color: #efeee1;
border: 1px solid #c4c2ab; color: #333; margin-bottom: 10px; font-size: 10pt; }
div.errorExplanation h2 { font-size: 14pt; }
div.errorExplanation ul { margin-left: 40px; }
div.errorExplanation ul li { list-style-type: circle; }
/* Error, Authenticated, Welcome pages */
div#general-block { color: #2b2b2b; width: 993px; }
div#general-block div.widget-wrap { height: 20px; background: url(../images/mchipnt-top-993.png) no-repeat 0 0; }
div#general-block div.inner { overflow: hidden; padding: 0 14px; background: url(../images/mchip-mid-993.png) repeat-y 0 0; }
div#general-block div.bottom-cap { height: 24px; background: url(../images/mchip-bot-993.png) no-repeat 0 0; }
div#general-block img { float: left; }
div#general-block img#popcorn-activated { margin-bottom: 306px; }
div#general-container { color: #2b2b2b; float: left; margin: 40px 0 0 42px; width: 458px; }
div#general-block h2 { font-size: 1.5em; margin-bottom: 16px; }
div#general-block h4 { font-size: 1.5em; font-weight: bold; }
div#general-block p { font-size: 1.5em; margin-bottom: 12px; }
div#general-block ol { margin: 0 0 12px 220px; }
div#general-block ol li { list-style-type: decimal; font-size: 1.5em; }
div#general-block fieldset ol li { list-style-type: none; font-size: 1.0em; }
div#general-block p#closing { padding-top: 15px; }
div#general-block p em { display: block; font-size: 0.8em; font-style: italic; }
div#general-block a { color: #2958b2; text-decoration: underline; }
div#general-block form.cmxform h2 { font-size: 1.2em; margin-bottom: 0; }
div#general-block fieldset { margin-top: 30px; }
div#general-block label { text-align: right; padding-right: 10px; }
div#general-block input[type="text"] { width: 210px; }
div#general-block p input { margin-left: 136px; }
/* Intermission Page */
div#intermission-block { width: 993px; color: #2b2b2b; font-size: 1.5em; }
div#intermission-block a { color: #2958b2; text-decoration: underline; }
div#intermission-block div.widget-wrap { height: 20px; background: url(../images/mchipnt-top-993.png) no-repeat 0 0; }
div#intermission-block div.inner { overflow: hidden; padding: 0 14px; background: url(../images/mchip-mid-993.png) repeat-y 0 0; }
div#intermission-block div.bottom-cap { height: 24px; background: url(../images/mchip-bot-993.png) no-repeat 0 0; }
div#intermission-block img { float: left; margin-right: 30px; }
div#intermission-block p { margin-bottom: 12px; }
div#intermission-block p#top { margin-top: 16px; }
div#intermission-block em { display: block; font-size: 0.8em; font-style: italic; }
/* Redcloth styles this should be abstracted for rest of WikPik. */
/* The only style that is not handled here is the font-size of div.review-text
...but that should be the same across the board except in a few cases. */
div.review-text { color: #2b2b2b; font-family: "Times New Roman", Times, serif; }
div.review-text h1 { font-size: 2.2em; }
div.review-text h2 { font-size: 2.0em; }
div.review-text h3 { font-size: 1.8em; }
div.review-text h4 { font-size: 1.6em; }
div.review-text h5 { font-size: 1.4em; }
div.review-text h6 { font-size: 1.2em; }
div.review-text p,
div.review-text ul,
div.review-text ol,
div.review-text dl,
div.review-text pre { margin-bottom: 1.2em; }
div.review-text br { line-height: 0.6em; }
div.review-text em,
div.review-text cite { color: #2b2b2b; display: inline; font-style: italic; }
div.review-text strong { font-weight: bold; }
div.review-text del { color: #666; }
div.review-text a:link,
div.review-text a:visited,
div.review-text a:hover,
div.review-text a:active { color: #2958b2; text-decoration: underline; }
div.review-text ul,
div.review-text ol { margin: 0 1.5em 1.2em; }
div.review-text li ul,
div.review-text li ol { margin: 0 1.5em; }
div.review-text ul { list-style-type: disc; }
div.review-text ol { list-style-type: decimal; }
div.review-text li { list-style-type: inherit; }
div.review-text dt { text-decoration: underline; }
div.review-text blockquote { font-style: italic !important; margin: 1.2em; }
div.review-text abbr,
div.review-text acronym { border-bottom: 1px dotted #666; }
/* Resizable textarea styles for handle */
div.grippie { background:#eee url(/images/txtarea-handle.png) no-repeat scroll center 2px; border-color:#ddd; border-style:solid; border-width:0pt 1px 1px; cursor:s-resize; height:9px; overflow:hidden; width: 806px; }
/*
.resizable-textarea textarea {
display:block;
margin-bottom:0pt;
width:95%;
height: 20%;
}
*/
img.loading { float: left; display: none; }
.released-h { position: relative; }
.released-h .img.loading { float: none; position: absolute; left: -17px; top: 0; }
.hidden { display: none }
/* on demain popups */
.modal-inner { font-size: 12px; width: 187px; margin: 0 auto; }
.modal-inner a { color: #2958b2; font-weight: bold; }
.modal-inner h2 { font-size: 14px; 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 }
#youtube-logo { background: url(../images/ondemand-youtube-lg.png) no-repeat 0 0; height: 128px; }
#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; }
.on_demand_filler { display: inline-block; width: 40px; height: 16px; }
/* Infinite Carousel for On Demand logos (1, 3 or block) */
.infiniteCarousel { width: 173px; position: relative; }
#welcomepage .infiniteCarousel { width: 100px; }
#welcomepage .freshpik-item .infiniteCarousel { width: 110px; }
.infiniteCarousel .wrapper { width: 173px; overflow: auto; height: 110px; position: absolute; top: 0; }
#welcomepage .infiniteCarousel .wrapper { width: 100px; height: 19px; }
#welcomepage .freshpik-item .infiniteCarousel .wrapper { width: 110px; height: 19px; }
#welcomepage .new_on_demand .infiniteCarousel .wrapper { height: 33px; }
.infiniteCarousel ul a img { }
.infiniteCarousel .wrapper ul { width: 9999px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; position: absolute; top: 0; }
.infiniteCarousel ul li { display: block; float: left; height: 110px; width: 173px; }
#welcomepage .infiniteCarousel ul li { height: 19px; width: 100px; }
#welcomepage .infiniteCarousel .wrapper li a img { margin: 0 auto; }
#welcomepage .freshpik-item .infiniteCarousel ul li { height: 19px; width: 110px; }
#welcomepage .freshpik-item .infiniteCarousel .wrapper li a img { margin: 0 auto; }
.infiniteCarousel ul li a img { display: block; }
.infiniteCarousel .arrow { display: block; height: 15px; width: 14px; background: url(../images/arrow-sprite.png) no-repeat 0 0; text-indent: -999em; position: absolute; top: -20px; cursor: pointer; }
#welcomepage .infiniteCarousel .arrow { top: 0; }
#welcomepage .freshpik-item .infiniteCarousel .arrow { top: 4px; }
.infiniteCarousel .forward { background-position: -14px 0; right: 6px; }
#welcomepage .freshpik-item .infiniteCarousel .forward { right: 0; }
.infiniteCarousel .back { background-position: 0 0; left: 6px; }
#welcomepage .freshpik-item .infiniteCarousel .back { left: 0; }
.infiniteCarousel .forward:hover { background-position: -14px -15px; }
.infiniteCarousel .back:hover { background-position: 0 -15px; }
/* In theater option for carousel / stand alone in Feed and FreshPiks */
/* feed */
.fadeit { top: 164px; right: 3px; position: absolute; background: url(../images/od-marquee-full-filter.jpg) no-repeat 0 0; }
.fadeit,
.fadeit .big,
.fadeit .small { height: 17px; width: 100px; }
.fadeit .big { background: url(../images/od-marquee-full-bgl.jpg) no-repeat 0 0; }
.fadeit .small { background: url(../images/od-marquee-full-sml.jpg) no-repeat 0 0; display: none; }
.theater-flag { color: #fff; font-size: 11px; top: 164px !important; right: 8px !important; }
/* fresh piks*/
.freshpik-item .fadeit { top: 7px; right: 0px; position: absolute; background: url(../images/fp-marquee-full-filter.jpg) no-repeat 0 0; }
.freshpik-item .fadeit,
.freshpik-item .fadeit .big,
.freshpik-item .fadeit .small { height: 18px; width: 110px; }
.freshpik-item .fadeit .big { background: url(../images/fp-marquee-full-bgl.jpg) no-repeat 0 0; }
.freshpik-item .fadeit .small { background: url(../images/fp-marquee-full-sml.jpg) no-repeat 0 0; display: none; }
.freshpik-item .theater-flag { color: #fff; font-size: 11px; top: 7px !important; right: 5px !important; width: 100px !important; }
/* both (for ondemand slider) */
.feed-movie-poster .infiniteCarousel .back { left: -3px; }
.feed-movie-poster .infiniteCarousel .forward { right: -3px; }
#welcomepage .infiniteCarousel ul li { position: relative; }
#welcomepage .infiniteCarousel .fadeit { top: 0; left: 14px; position: absolute; background: url(../images/od-marquee-filter.jpg) no-repeat 0 0; }
#welcomepage .infiniteCarousel .fadeit,
#welcomepage .infiniteCarousel .fadeit .big,
#welcomepage .infiniteCarousel .fadeit .small { height: 17px; width: 72px; }
#welcomepage .infiniteCarousel .fadeit .big { background: url(../images/od-marquee-bgl.jpg) no-repeat 0 0; }
#welcomepage .infiniteCarousel .fadeit .small { background: url(../images/od-marquee-sml.jpg) no-repeat 0 0; display: none; }
#welcomepage .infiniteCarousel .theater-flag { color: #fff; font-size: 11px; top: 0 !important; left: 17px !important; width: 66px !important; }
#welcomepage .freshpik-actions .infiniteCarousel .fadeit { left: 19px; top: 2px; }
#welcomepage .freshpik-actions .infiniteCarousel .theater-flag { left: 22px !important; top: 2px !important; }
/* movie list / member profile / viewlist */
td.ondemand .infiniteCarousel { width: 170px; height: auto !important; }
td.ondemand .infiniteCarousel .wrapper { width: 170px; height: 19px !important; }
td.ondemand .infiniteCarousel ul li { height: 19px; width: 170px; position: relative; }
td.ondemand .infiniteCarousel .wrapper li a { float: left; margin-right: 8px !important; }
td.ondemand .infiniteCarousel .arrow { top: 0; }
td.ondemand .infiniteCarousel .back { display: none; }
td.ondemand .infiniteCarousel .theater-flag { font-size: 11px; width: 66px !important; top: 0 !important; left: 3px !important; }
td.ondemand .infiniteCarousel .fadeit { background: url(../images/od-marquee-filter.jpg) no-repeat 0 0; top: 0 !important; left: 0 !important; }
td.ondemand .infiniteCarousel .fadeit .big { background: url(../images/od-marquee-bgl.jpg) no-repeat 0 0; }
td.ondemand .infiniteCarousel .fadeit .small { background: url(../images/od-marquee-sml.jpg) no-repeat 0 0; display: none; }
td.ondemand .infiniteCarousel .fadeit,
td.ondemand .infiniteCarousel .fadeit .big,
td.ondemand .infiniteCarousel .fadeit .small { height: 17px; width: 72px; }
td.ondemand .infiniteCarousel .position-1 { position: absolute; left: 46px; }
td.ondemand .infiniteCarousel .position-2 { position: absolute; left: 96px; }
td.ondemand .infiniteCarousel .position-3 { position: absolute; left: 0px; }
td.ondemand .infiniteCarousel .position-4 { position: absolute; left: 46px; }
td.ondemand .ondemand-theater { position: relative; }
td.ondemand .theater-flag { top: 0 !important; left: 5px !important; }
td.ondemand .fadeit { top: 0 !important; left: 0 !important; }
/* member profile */
#memberprofile td.ondemand .infiniteCarousel,
#memberprofile td.ondemand .infiniteCarousel .wrapper,
#memberprofile td.ondemand .infiniteCarousel ul li { width: 150px; }
#memberprofile td.ondemand .infiniteCarousel .wrapper li a { margin-right: 3px !important; }
#memberprofile td.ondemand .infiniteCarousel { top: 7px; }
#memberprofile td.ondemand .ondemand-theater { top: 7px; }
a.fb_login {
background: url(https://d1f6f41kywpi5p.cloudfront.net/images/networks/fb_login_button_small.png?1311641279);
display: inline-block;
width: 60px;
height: 18px;
text-indent: -900000px;
margin-top: 5px;
}
#facebook-label {
float: left!important;
width: 150px!important;
}
#facebook-button {
float: left;
margin-left: 160px;
margin-top: 5px;
}
#facebook-button a {
float: left;
}
.new_on_demand_block {
}
#on_demand_block h4.chip-header {
padding-top: 2px;
}
.new_on_demand_block blockquote {
font-weight: bold;
font-size: 12px;
}
.existing_on_demand .infiniteCarousel {
width: 40px;
height: 19px;
margin: auto;
margin-top: 4px;
}
.existing_on_demand {
border-top: 1px solid #ccc;
padding-top: 6px;
}
.existing_on_demand .infiniteCarousel li { padding-top: 2px; width: 42px; }
.existing_on_demand .infiniteCarousel .wrapper { width: 42px; }
.existing_on_demand .infiniteCarousel .arrow { top: 2px; }
.existing_on_demand .infiniteCarousel .forward { right: -20px; }
.existing_on_demand .infiniteCarousel .back { left: -20px; }
.new-on {
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
}
.new_on_demand {
/*margin-top: 10px;
margin-bottom: 5px;*/
margin: 4px 0 0 0;
}
.new_on_demand .infiniteCarousel {
/*width: 80px;*/
width: 100px;
height: 39px;
margin: auto;
margin-top: 4px;
}
.new_on_demand .infiniteCarousel .wrapper {
width: 100px;
}
.new_on_demand .infiniteCarousel .wrapper ul li {
height: 19px;
width: 100px;
}
.new_on_demand .infiniteCarousel .wrapper ul li a img {
margin: 0 auto;
}
.new_on_demand .infiniteCarousel .arrow { top: 2px; }
.new_on_demand .infiniteCarousel .forward { right: -20px; }
.new_on_demand .infiniteCarousel .back { left: -20px; }
ul.on_demand_providers {
float: right;
font-size: 13px;
}
ul.on_demand_providers li {
float: left;
margin: 5px 20px;
}
ul.on_demand_providers li input {
float: left;
margin-right: 4px;
}
ul.on_demand_providers li label {
padding-top: 1px;
padding-left: 2px;
float: right;
}
.newondemand ol.toppiks-list blockquote,
.new_on_demand_block blockquote {
width: 150px;
}
.newondemand div.img-container li,
.new_on_demand_block div.img-container li {
margin-top: 4px;
margin-bottom: 6px;
}
.newondemand div.img-container li.reviews,
.new_on_demand_block div.img-container li.reviews {
margin-top: 18px;
}
.newondemand div.img-container a,
.new_on_demand_block div.img-container a {
color: #2958b2;
font-size: 11px;
text-decoration: none;
}
.newondemand div.img-container a img,
.new_on_demand_block div.img-container a img {
margin-bottom: -3px;
margin-right: 4px;
}
.newondemand div.img-container a.discuss,
.new_on_demand_block div.img-container a.discuss {
display: block;
height: 15px;
width: 68px;
margin-top: 4px;
background: none;
text-indent: 0;
}