/* ------------------------------------------------------ Movies.com - Global Styles Copyright (c) 2009. All rights reserved. ------------------------------------------------------ */ /**********************************************************/ /* Global Reset */ /**********************************************************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; line-height: normal; } 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; } ol,ul { 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; } /**********************************************************/ /* Global Site Defaults */ /* - All the basic tags for the site. */ /**********************************************************/ body { background: #aa1e27 url(../images/global/bg.png) repeat 50% top; font-family: arial,sans-serif; font-size: 62.5%; /* set base font size to 10px */ margin:0;padding:0; text-align: left; direction:ltr; unicode-bidi:embed; width: 100%; height: 100%; } #option { display: table; min-height: 100%; width: 100%; height: 100%; position: absolute; } #container {margin: 0px auto; background: #fff; padding-top: 5px; width: 960px;-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;-moz-box-shadow:0 0 10px #222222;-webkit-box-shadow: 0 0 10px #222222;box-shadow: 0 0 10px #222222;} #header { -webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px; /* background: transparent url(../images/global/std_bg.png) repeat-y 50% top;*/ position: relative; width: 960px; height: 115px; padding: 0px; } #header .wrapper { background: transparent url(../images/global/header-bg.png) no-repeat 0 0; position: relative; width: 960px; height: 115px;} #main { background: transparent url(../images/global/std_bg.png) repeat-y 50% top; width: 960px; /*overflow: auto;*/ padding: 0px; position: relative; } .msie7 #main { /*position: static; */ } label { font-weight: bold; } #footer { background: transparent url(../images/global/std_bg.png) repeat-y 50% top; width: 960px; overflow: auto; padding: 0px; position: relative; } #content { float: left; margin: 0px 0 10px 0; position: relative; height: 100%; zoom: 1;} #subContent { float: right; margin-top: 13px; padding-right: 15px; white-space:normal; position: relative; height: 100%; } /* Links */ a, a:link, a:visited, a:active { color: #006666; text-decoration: none; width: auto; } a[href]:hover { text-decoration: underline; } a[href].highlight:hover { text-decoration: none; color: #333;} a.noHover:hover { border: none;} a[href].image, a.image[href]:hover {border: 0px none; outline: none; text-decoration: none;} a.spacer { padding: 0px 3px 0px 2px; vertical-align: middle; } /* Headers */ h1 { font-weight: bold; font-size: 2em; color: #000; position: relative; line-height: 1em; } h1 span { font-weight: normal; line-height: 0.95em; } /* margin-left:0.25em;*/ h1.isChangeable { float: left;} h2 { font-weight: bold; font-size: 1.7em; color: #333333; text-transform: uppercase; line-height: 1em; } h2 sup { font-size: 0.6em; font-weight: normal; } h3 { font-size: 1.7em; font-weight: bold; line-height:1.1em; } h4 { font-size: 1.2em; color: #aa1e27; text-transform: uppercase; font-weight:bold; letter-spacing: 0.166em; line-height: 1em;} h5 { font-size: 2.2em; color: #000; font-weight: bold; line-height: 16px;} h6 { font-size: 1.2em; color: #006666; font-weight: bold; line-height: 1em;} p { font-size: 1.2em; line-height: 1.333em; } p.indent { padding-left: 15px; margin-top: 10px;} .pTag { font-size: 1.2em; } /* Form Elements */ input[type="text"] { padding: 3px 4px 4px 8px; border: none; font-family: arial, tahoma, verdana, sans-serif;} input.default, textarea, select { border: 1px #c2c2c2 solid; padding: 2px; } input.blur { color: #4e4e4e; } .safari input { outline: none; } #topContentModule #searchBox { height: 21px; margin: 5px 0px 10px 0px; overflow: hidden; position: relative; } #topContentModule .location { background: transparent url(../images/global/search-bg-sprite.png) repeat-x 0 -203px; width: 245px; left: 6px; position: absolute; padding-left: 2px; } #topContentModule .inputLeft { background: transparent url(../images/global/search-bg-sprite.png) repeat-x 0 -182px; width: 6px; height: 21px; display: block; position: absolute;} #topContentModule .inputRight { background: transparent url(../images/global/search-bg-sprite.png) repeat-x 0 -224px; width: 6px; height: 21px; left: 256px; display: block; position: absolute;} #topContentModule select { width: 132px; } #topContentModule .getMovieTimes { float: right; margin-right: -3px; margin-top: -3px; } #topContentModule fieldset { margin-top: 5px;} select { font-size: 1.2em; font-family: arial, tahoma, verdana, sans-serif; } /* Advertisements */ #cde960var { position:relative; background: transparent url(../images/global/std_bg.png) repeat-y 50% top; padding: 0px; text-align: center; margin: 0px auto;} #cde960var img { display: block; margin: 0px auto; } #adBannerTop { width: 960px; min-height: 90px; text-align: center; margin: 8px auto; font-size: 0; line-height: 0; position: relative; } /* background: transparent url(../images/global/adbannertopbg.jpg) no-repeat 50% 0px; */ #adBannerTop .ad { margin-bottom: 0px; } #adBannerTop img { display: block; margin: 0px auto; } #subContent .ad { min-height: 250px; } .ad { position: relative; margin-bottom: 5px; width: auto; } .ad table { margin-bottom: 0px;} .adText { background: transparent url(../images/global/advertisement-tag.png) no-repeat right top; text-indent: -999em; position: relative;} .ad a, .ad a:link { border: 0px; } /**********************************************************/ /* Generic Styles */ /* - Generic utility classes that used within the site */ /**********************************************************/ /* default state for left corner and right corner */ .lc, .rc { display: none; overflow: hidden; } .msie8 .lc, .msie8 .rc, .msie7 .lc, .msie7 .rc, .msie6 .lc, .msie6 .rc { display: block; } /* change IE's default image scaling mode */ img { display: inline; -ms-interpolation-mode: bicubic; } strong { font-weight: bold; } em { font-style: italic; font-weight: inherit; } strong em { font-weight: bold;} sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; } sup { vertical-align: top; top: -1px; } sub { top: .5em; } .clear { clear: both; } .label { font-weight: bold; } .byline { font-weight: bold; padding-right: 0.3em;} .seeAll { margin-left: 3px; vertical-align: middle;} .autoHeight { height: auto; } .error { color: #aa1e27; font-weight: bold; } .topBorder { border-top: 1px dotted #b2b2b2; margin-top: 0.5em; padding-top: 0.5em; } .bottomBorder { border-bottom: 1px dotted #b2b2b2; padding-bottom: 0.5em; margin-bottom: 0.5em;} .separator { color: #ccc; vertical-align: baseline; padding: 0px 2px;} .spacer { padding-right: 6px; } /* wordpress styles */ .alignleft {float:left;} .alignright {float:right;} img.alignleft {display:inline;margin:0 11px 2px 0;padding:0px;} img.alignright{display:inline;margin:0 0 2px 11px;padding:0px;} img.centered, img.aligncenter {display:block;margin-left:auto;margin-right:auto;} /* shadows */ .shadow { -moz-box-shadow: 0px 0px 7px #888; -webkit-box-shadow: 0px 0px 7px #888; box-shadow: 0px 0px 7px #888; } .frameShadow { border: 1px solid #fff; padding: 3px; -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 5px #888; } /* fallback for browsers without css3 support */ .opera .shadow, .ff2 .shadow, .ff3 .shadow, .msie6 .shadow, .msie7 .shadow, .msie8 .shadow { border:1px solid #dfdfdf; margin:-1px -1px -1px -1px;} .opera .frameShadow, .ff2 .frameShadow, .ff3 .frameShadow, .msie6 .frameShadow, .msie7 .frameShadow, .msie8 .frameShadow { border:1px solid #aaa; } /* shadows when an "h" skin is present */ #topAdContainer .shadow { position: absolute; left: 0px; margin: 0px auto; width: 980px; height: 6px; line-height: 6px; overflow: hidden; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none;} .top { top: 0px; background: transparent url(../images/global/cde_bg_bottom.png) no-repeat 50% top; } .bottom { bottom: 0px; background: transparent url(../images/global/cde_bg_top.png) no-repeat 50% top; } .col { float: left; display: inline; } /* site iconography */ .spriteIcons, .sharethisContainer img.spriteIcons { background-repeat: no-repeat; background-image: url(../images/global/icon-sprite.png); vertical-align: middle; position: relative; } .safari .spriteIcons { margin-top: -1px; } .arrow { background-position: left -86px; width: 7px; height: 12px; } .arrowGreen { background-position: left -17px; width: 13px; height: 13px;} .arrowGreenBack { background-position: -13px -17px; width: 13px; height: 13px;} .arrowGreenDown { background-position: -26px -17px; width: 13px; height: 13px;} .arrowGreenUp { background-position: -39px -17px; width: 13px; height: 13px;} .arrowBlue { background-position: -52px -17px; width: 13px; height: 13px; } .arrowWhite { background-position: left top; width: 17px; height: 17px; } .arrowWhiteBack { background-position: -17px top; width: 17px; height: 17px; } .arrowWhiteSelected { background-position: 0px -464px; } .arrowWhiteSelectedDown { background-position: -16px -464px; width: 13px; height: 13px;} .arrowRedUp {background-position: -65px -17px; width: 13px; height: 13px;} .disabled .arrowWhiteBack, .disabled .arrowWhite { background-position: -34px top; width: 17px; height: 17px; } .paginateFirst { background-position: left -118px; width: 20px; height: 13px; } .paginateLast { background-position: -20px -118px; width: 20px; height: 13px; } .new { background-position: left -131px; width: 30px; height: 12px; margin-bottom: 1px; } .sortDesc { background-position: left -143px; width: 11px; height: 9px; } .sortAsc { background-position: -11px -143px; width: 11px; height: 9px; } .photoPrev { background-position: left -152px; width: 51px; height: 13px; } .photoNext { background-position: left -165px; width: 51px; height: 13px; } .searchHeader .paginateFirst { background-position: -40px -118px; width: 20px; height: 13px; } .searchHeader .paginateLast { background-position: -60px -118px; width: 20px; height: 13px; } .externalLink { background-position: left -98px; width: 12px; height: 7px; margin-left: 3px; } .externalLinkBlue { background-position: -12px -98px; width: 12px; height: 7px; margin-left: 3px; } .footerFB {background-position: left -374px; width: 27px; height: 27px;} .footerRSS {background-position: -27px -374px; width: 27px; height: 27px;} .footerMobile {background-position: -54px -374px; width: 28px; height: 28px; } .footerTwitter {background-position: -82px -374px; width: 27px; height: 28px; } .rated-g { background-position: left -178px; width: 12px; height: 11px;} .rated-pg { background-position: -12px -178px; width: 21px; height: 11px;} .rated-pg13, .rated-pg-13 { background-position: left -189px; width: 35px; height: 11px;} .rated-r { background-position: -33px -178px; width: 12px; height: 11px;} .rated-nc17 { background-position: left -200px; width: 37px; height: 11px;} .rated-x { background-position: -35px -189px; width: 13px; height: 11px;} .rated-nr { background-position: -37px -200px; width: 21px; height: 11px;} .fandango { background-position: left -211px; width: 90px; height: 19px; } .fandangoLarge {background-position: left -401px; width: 138px; height: 29px;} #rentNetflix .netflix { background-position: left -352px; width: 60px; height: 22px;} .cafe { background-position: left -230px; width: 16px; height: 16px; } .partyroom { background-position: -16px -230px; width: 16px; height: 16px; } .wheelchair { background-position: -32px -230px; width: 16px; height: 16px; } .listeningdevices { background-position: -48px -230px; width: 16px; height: 16px; } .game { background-position: -64px -230px; width: 16px; height: 16px; } .stadium { background-position: left -246px; width: 16px; height: 16px; } .dolby { background-position: -16px -246px; width: 16px; height: 16px; } .dts { background-position: -32px -246px; width: 16px; height: 16px; } .sdds { background-position: -48px -246px; width: 16px; height: 16px; } .stereo { background-position: -64px -246px; width: 16px; height: 16px; } .nopasses { background-position: left -262px; width: 16px; height: 16px; } .subtitled { background-position: -16px -262px; width: 16px; height: 16px; } .cc { background-position: -32px -262px; width: 16px; height: 16px; } .thx { background-position: -48px -262px; width: 16px; height: 16px; } .reservedseating { background-position: left -278px; width: 10px; height: 9px;} .rss, .sharethisContainer img.rss { background-position: left -590px; width: 16px; height: 16px;} .rssGoogle { background-position: left -304px; width: 104px; height: 17px;} .rssYahoo { background-position: left -321px; width: 91px; height: 17px;} .rssMSN { background-position: left -338px; width: 71px; height: 14px;} .backTop { background-position: left -538px; } .reald3d { background-position: -85px -230px; width: 53px; height: 16px; padding-right: 4px;} .mobileLink { background-position: left -562px; width: 10px; height: 19px; margin-left: 7px;} .ajaxLoad { width: 16px; height: 16px; background: transparent url(../images/global/ajax-loader.gif) no-repeat 0 0; vertical-align: middle; display: none; } /* buttons */ .buttons { background-color: transparent; background-repeat: no-repeat; background-image: url(../images/global/buttons.png); vertical-align: middle; cursor: pointer; outline: none; display: inline-block; padding: 0px; margin: 0px; text-indent: -999em; border: none; } .msie7 .buttons { line-height: 0px; font-size: 0px; } a[href].buttons { border-bottom: none;} .msie7 .buttons.shadow { border: none;} .hdtrailer { width: 94px !important; height: 25px !important; background-position: left top; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .go { width: 56px !important; height: 25px !important; background-position: -95px top; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .watch { background-position: left -25px; width: 95px !important; height: 25px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .watch-trailer {background-position:-273px -115px; width: 62px !important; height: 25px !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .watch-trailer:hover {background-position:-273px -79px; width: 62px !important; height: 25px !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .bigSearch { background-position: -95px -25px; width: 109px !important; height: 35px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .redSearch { background-position: left -55px; width: 63px !important; height: 21px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #featurePrev {background-position: -204px 0px; width: 69px !important; height: 36px; -webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;} #featureNext {background-position: -272px 0px; width: 69px !important; height: 36px; -webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;} #featurePrev.off {background-position: -204px -36px; cursor: default;} #featureNext.off {background-position: -272px -36px; cursor: default; } .findMeAMovie { background-position: -71px -224px; width: 132px; height: 29px; margin-left: -4px;} .findMovieTimes { background-position: -71px -253px; width: 135px; height: 29px; margin-left: -4px;} .getMovieTimes { background-position: -71px -282px; width: 127px; height: 29px; margin-left: -4px;} .watchInstantly { background-position: left -79px; width: 144px !important; height: 29px !important; } .addToQueue { background-position: left -108px; width: 134px !important; height: 29px !important; } .buyOnAmazon { background-position: left -137px; width: 185px !important; height: 29px !important; margin-left: -4px;} .searchBoxMini .search { background-position: left -166px; width: 71px !important; height: 29px !important; margin-left: -4px;} .searchBoxMini .searchAgain { background-position: -71px -166px; width: 109px !important; height: 29px !important; margin-left: -4px;} .search { background-position: -147px -79px; width: 91px !important; height: 36px !important; } .buyTickets { background-position: -141px -195px; width: 80px !important; height: 29px !important; } .sendMessage { background-position: 0px -319px; width: 135px !important; height: 29px !important; } .readAllReviews { background-position: 0px -348px; width: 138px !important; height: 29px !important;} .addComment {background-position:0 -378px; width: 138px !important; height: 29px !important;} .viewAllTrailers {background-position:0 -405px; width: 120px !important; height: 29px !important;} .movieTicketsTimes {background-position:0 -453px; width: 127px !important; height: 53px !important;} .amazon{background-position:-130px -453px; width: 127px !important; height: 53px !important;} .signUp {background-position:-204px -282px; width: 91px !important; height: 35px !important;} /* value add badges */ .badges { background: transparent url(../images/global/watchit-badges.png) no-repeat 0 0; width: 42px; height: 21px; display: block; margin-top: 2px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 0 4px #888888; -webkit-box-shadow:0 0 4px #888888; box-shadow:0 0 4px #888888; } .msie8 .badges, .msie7 .badges { border: 1px solid #ddd;} .badges.netflix{ background-position: 0 0px;} .badges.amazon { background-position: -42px 0px;} .watchIt { background: transparent url(../images/global/buttons.png) no-repeat 0 0; width: 127px; height: 53px; margin: 0px; } .watchIt.netflixInstant { background-position: 0 -541px; } .watchIt.netflixInstantOff { background-position: -127px -541px; } .watchIt.netflixQueue { background-position: 0px -488px; } .watchIt.netflixQueueOff { background-position: -127px -488px; } .watchIt.onAmazon { background-position: 0px -594px; } .watchIt.oniTunes { background-position: -127px -594px; } .watchIt.oniTunesDisabled { background-position: -127px -647px; } .watchIt.atTheater { background-position: 0px -434px;} .watchIt.soon {background-position: -127px -434px;} input.watchIt.atTheater { display: block;} /* sort */ .sort { font-size: 1.2em; font-weight: bold; } .sort span { padding-left: 12px; } .sort a { padding-left: 4px; font-weight: normal; } .sort .selected a { font-weight: bold; } /* pagination */ .searchHeader .paginate { background: #fff; } .reviews .searchHeader .paginate { background: #ececec; } /* .paginate { background: #ececec; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 3px; float: right; } */ /* .paginate span, .expandToggle span { font-weight: normal; vertical-align: middle; padding: 0px 3px; font-size: 12px;} .paginate .spriteIcons.disabled { opacity: 0; filter:alpha(opacity=0); -moz-opacity:0; cursor: default; margin: 0px;} */ .expandToggle span { font-weight: normal; font-size: 12px;} /* padding: 0px 3px; */ .expandContent a:hover, .collapseContent a:hover, .paginate a:hover { border: none;} .paginate { float: right; padding-top: 15px; clear: both; margin-right: 1px; margin-bottom: 1px;} .paginate a {float:left; padding: 4px 9px; font-size: 1.2em; margin-left:1px; } .paginate a[href] {border-bottom: none;} .paginate-first, .paginate-last {background: #d4e5e5;} .paginate .paginate-prev.disabled, .paginate a[href].paginate-prev { text-decoration: none;color: #333; padding-left: 6px; background: #ececec; -webkit-border-top-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-bottomleft: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px; } .paginate .paginate-next.disabled, .paginate a[href].paginate-next {text-decoration: none; color: #333; padding-right: 6px; background: #ececec; -webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px; } .paginate .disabled img { visibility: hidden; } .paginate .paginate-prev.disabled, .paginate .paginate-next.disabled{ color: #ececec; display: none; } .paginate-page {background: #d4e5e5;} .paginate-current {background: #ececec; font-weight: bold; cursor: default;} .paginate .paginate-ellipses { padding: 4px;} .paginate img {margin-top:-2px;} .safari .paginate img {margin-top:-3px;} /* share this */ .st_sharethis_custom { background: transparent url(../images/global/share_this_icons.png) no-repeat 0 0; padding: 1px 0px 1px 86px; color: #006666; font-size: 1.2em; cursor: pointer;} .sharethisContainer { /*border-top:1px dotted #7f7f7f;*/ margin: 8px 0 0 0; /*overflow:auto;*/ padding:9px 0 10px; } .sharethisContainer a.chicklet { margin-right:15px; font-size: 1.2em; line-height: 1em; } .sharethisContainer img { background:#FFFFFF none repeat scroll 0 0; padding-right:3px; vertical-align:middle; display: inline; } .socialTools {clear:both;border:1px dotted #7F7F7F;border-width: 1px 0;margin:12px 0 0;overflow:visible;padding:12px 0 4px;} .socialTools .sharethisContainer {padding: 1px;border: none;margin: 0px;float: right;} .socialTools .sharethisContainer a.chicklet {font-size:1.2em;line-height:1em;margin-left:15px;margin-right: 0px;} .utilityBar { overflow: visible; width: 100%; height: 34px; right: 10px; top: 0px;position: absolute;} .utilityBar .fbLike { position: absolute; right: 160px; top: 7px; display: block;} .utilityBar .sharethisContainer { float: right; display: block; border: 0px; margin: 0px; padding: 8px 0 8px 0; text-align: right; height: 17px; margin-top: 2px;} .socialTools a[name="shareRSS"] { background: transparent url(../images/global/icon-sprite.png) no-repeat 0 -590px; padding: 2px 0 2px 20px; float:right; font-size:1.2em;line-height:1em;margin-right:15px; } .utilityBar a[name="shareRSS"] { background: transparent url(../images/global/icon-sprite.png) no-repeat 0 -590px; padding: 2px 0 2px 20px; float:right; font-size:1.2em;line-height:1em;margin: 9px 15px 9px 0px;;} .socialTools a[name="shareRSS"] img, .utilityBar a[name="shareRSS"] img { display: none;} .socialToolbox td { padding:0; border:0; vertical-align: middle; overflow: visible; text-align: right;} .news .socialToolbox { width: 591px; } .socialToolbox.contained { border: 1px dotted #999; border-width: 1px 0; margin: 12px 0;} .socialToolbox.contained td { padding: 12px 0 9px;} .socialToolbox .stButton .chicklets {font-family:Arial,sans-serif; color: #006666;} .socialToolbox .socialPrimary {width: 60%; text-align: left;} .socialToolbox .social-comments { background: transparent url(../images/global/comments_bubble.png) no-repeat left 50%; padding-bottom: 2px;padding-left: 30px; width: 60%; font-size:1.2em; text-align: left;} .socialToolbox .social-fb {width: 90px;} .socialToolbox .social-twitter {width: 110px;} .socialToolbox .social-gplus {width: 75px;} .socialToolbox .social-gplus .st_plusone_hcount { margin-top: -1px;} /* Ratings */ .ratingS, .ratingM, .ratingL { background-repeat: none; background-image: url(../images/global/hypocycloids-opt.png); text-indent: -999em; outline: 0; overflow: hidden; display: block;} a .ratingS, a .ratingM, a .ratingL { cursor: pointer; } .ratingS { width: 80px; height: 17px; } .ratingM { width: 125px; height: 25px; } .ratingL { width: 165px; height: 33px; } .ratingS-0\.0 { background-position: -80px 0; } .ratingS-0\.5 { background-position: -64px -17px; } .ratingS-1\.0 { background-position: -64px -0px; } .ratingS-1\.5 { background-position: -48px -17px; } .ratingS-2\.0 { background-position: -48px -0px; } .ratingS-2\.5 { background-position: -32px -17px; } .ratingS-3\.0 { background-position: -32px 0px; } .ratingS-3\.5 { background-position: -16px -17px; } .ratingS-4\.0 { background-position: -16px 0; } .ratingS-4\.5 { background-position: 0 -17px; } .ratingS-5\.0 { background-position: 0 0px } .ratingM-0\.0 { background-position: -125px -34px; } .ratingM-0\.5 { background-position: -100px -59px; } .ratingM-1\.0 { background-position: -100px -34px; } .ratingM-1\.5 { background-position: -75px -59px; } .ratingM-2\.0 { background-position: -75px -34px; } .ratingM-2\.5 { background-position: -50px -59px; } .ratingM-3\.0 { background-position: -50px -34px; } .ratingM-3\.5 { background-position: -25px -59px; } .ratingM-4\.0 { background-position: -25px -34px; } .ratingM-4\.5 { background-position: 0 -59px; } .ratingM-5\.0 { background-position: 0 -34px; } .ratingL-0\.0 { background-position: -165px -84px; } .ratingL-0\.5 { background-position: -132px -117px; } .ratingL-1\.0 { background-position: -132px -84px; } .ratingL-1\.5 { background-position: -99px -117px; } .ratingL-2\.0 { background-position: -99px -84px; } .ratingL-2\.5 { background-position: -66px -117px; } .ratingL-3\.0 { background-position: -66px -84px; } .ratingL-3\.5 { background-position: -33px -117px; } .ratingL-4\.0 { background-position: -33px -84px; } .ratingL-4\.5 { background-position: 0 -117px; } .ratingL-5\.0 { background-position: 0 -84px; } .metaRatingS { font-size: 1.7em; font-weight: bold; line-height: 1em; color: #aa1e27; } .metaRatingM { font-size: 2.2em; font-weight: bold; line-height: 0.9em; color: #aa1e27; } .metaRatingL { font-size: 3.583em; font-weight: bold; line-height: 0.7em; color: #aa1e27; } .metaRatingS a:hover { text-decoration: none;} /* Fandango Rating */ div.rating_0,div.rating_1,div.rating_2,div.rating_3,div.rating_4,div.rating_5 {height:26px;margin: 3px 0px 2px;overflow: hidden;width: 180px;} div.rating_0 { background: transparent url(../../images/9150/rating_sprite.png) no-repeat 0 -213px; } div.rating_1 { background: transparent url(../../images/9150/rating_sprite.png) no-repeat 0 -238px; } div.rating_2 { background: transparent url(../../images/9150/rating_sprite.png) no-repeat 0 -265px; } div.rating_3 { background: transparent url(../../images/9150/rating_sprite.png) no-repeat 0 -293px; } div.rating_4 { background: transparent url(../../images/9150/rating_sprite.png) no-repeat 0 -319px; } div.rating_5 { background: transparent url(../../images/9150/rating_sprite.png) no-repeat 0 -344px; } div.rating_dc_on { background: transparent url(../../images/9150/rating_sprite.png) no-repeat 0 -390px; } div.rating_dc_off { background: transparent url(../../images/9150/rating_sprite.png) no-repeat 0 -370px; } div.rating_cw_on { background: transparent url(../../images/9150/rating_sprite.png) no-repeat 0 -410px; } div.rating_cw_off { background: transparent url(../../images/9150/rating_sprite.png) no-repeat 0 -430px; } span.rating_0,span.rating_1,span.rating_2,span.rating_3,span.rating_4,span.rating_5 {background: transparent url(../../images/9150/rating_sprite.png) no-repeat; display:block;height:23px;margin: 3px 0px 5px;overflow: hidden;text-indent:-999em;width: 180px;} span.rating_0 {background-position:0 -212px; } span.rating_1 {background-position:0 -239px; } span.rating_2 {background-position:0 -266px; } span.rating_3 {background-position:0 -293px; } span.rating_4 {background-position:0 -320px; } span.rating_5 {background-position:0 -347px; } .avgRating {font-size: 1.2em;} .avgRating span.rating_0, .avgRating span.rating_1, .avgRating span.rating_2, .avgRating span.rating_3, .avgRating span.rating_4, .avgRating span.rating_5 { width: 33px; height: 27px; display:inline-block;vertical-align:middle; margin: 3px 0 0 0;} .avgRating span.rating_0 { background-position: 35px -212px;} .avgRating span.rating_1 { background-position: -2px -239px;} .avgRating span.rating_2 { background-position: -36px -266px;} .avgRating span.rating_3 { background-position: -70px -293px;} .avgRating span.rating_4 { background-position: -104px -320px;} .avgRating span.rating_5 { background-position: -138px -347px;} span.ratings_dc_on, span.ratings_cw_on, span.ratings_dc_off, span.ratings_cw_off{background: transparent url(../../images/9150/rating_sprite.png) no-repeat; display:block;height:20px;margin: 3px 0px 2px;overflow: hidden;text-indent:-999em;width:90px;} span.ratings_dc_on {background-position:0 -390px; } span.ratings_cw_on {background-position:0 -410px; } span.ratings_dc_off {background-position:0 -370px; } span.ratings_cw_off {background-position:0 -430px; } /**********************************************************/ /* Shell */ /* - General site shell styles */ /**********************************************************/ /* Defines rounded corners and the top box shadow */ #siteCap { margin: 0px auto 0px auto; width: 980px; height: 10px; line-height: 10px; background: transparent url(../images/global/std_bg_top2.png) no-repeat 50% top; overflow: hidden; position: relative; } #siteCap { display: none;} /* Special case for IE6 */ .msie6 #siteCap { width: 960px; height: 3px; line-height: 3px; background: white; } #siteCap .lc { width: 3px; height: 3px; background: transparent url(../images/global/container-rounded-corners.png) no-repeat left top; position: absolute; top: 0px; left: 0px; } #siteCap .rc { width: 3px; height: 3px; background: transparent url(../images/global/container-rounded-corners.png) no-repeat right top; position: absolute; top: 0px; right: 0px; } /* these browsers don't need the fix */ .opera #siteCap .lc, .opera #siteCap .rc, .msie7 #siteCap .lc, .msie7 #siteCap .rc, .msie8 #siteCap .lc, .msie8 #siteCap .rc { display: none; } .msie6 #container { background: none; } #content .wrapper { margin-left: 24px; padding-left: 4px;} #logo { position: relative; top: 22px; width: 360px;} .msie6 #logo { display: inline; } #logo a { border: none; background: transparent url(../images/global/mdc_logo.png) no-repeat 0 0;} #logo #theM { position: absolute; left: 15px; width: 87px; height: 47px;} #logo #mdc { display: block; width: 217px; height: 47px; position: absolute; left:102px; top: 0px; background-position: -87px 0; } #logo img { display :block;} #globalSearch { margin-top: 22px; width: 633px; height: 47px; float: right; } #topMascot { width: 98px; height: 84px; display: block; background: none; position: absolute; top: -15px; right: 10px; } #topMascotQuote { position: absolute; right: 100px; top: 1px; color: #666; font-size: 1.1em; } .lc, .rc { display: none; } .msie .lc, .msie .rc, .opera .lc, .opera .rc { display: block; } /* Global Nav */ #primaryNav { /*background: transparent url(../images/global/primaryNav.png) no-repeat left top;*/ overflow: hidden; height: 33px; clear: both; margin-left: 103px; } #primaryNav li { float: left; text-indent: -999em; } #primaryNav li a { background: transparent url(../images/global/primaryNav.png) no-repeat left top; height: 33px; display: block;} #primaryNav a#navNews { width: 196px; } #primaryNav a#navNews:hover { background-position: 0px -33px; } #primaryNav a#navInTheaters { width: 174px; background-position: -196px 0px; } #primaryNav a#navInTheaters:hover { background-position: -196px -33px; } #primaryNav a#navAtHome { width: 140px; background-position: -370px 0px; } #primaryNav a#navAtHome:hover { background-position: -370px -33px; } #primaryNav a#navReviews { width: 140px; background-position: -510px 0px; } #primaryNav a#navReviews:hover { background-position: -510px -33px; } #primaryNav a#navTrailers { width: 128px; background-position: -650px 0px; } #primaryNav a#navTrailers:hover { background-position: -650px -33px; } .news #primaryNav a#navNews { background-position: 0px -66px; } .inTheaters #primaryNav a#navInTheaters { background-position: -196px -66px; } .atHome #primaryNav a#navAtHome { background-position: -370px -66px; } .reviews #primaryNav a#navReviews { background-position: -510px -66px; } .trailers #primaryNav a#navTrailers { background-position: -650px -66px; } /* Movie Nav */ #tabsWrapper { width:638px; /*height:39px; overflow:hidden;*/ /*overflow:visible;*/ border:0px solid #f00; margin-bottom: 27px; margin-top: -7px; position: relative; } .tabsFancy { margin:0; padding:0; width:638px; height:39px; background-position: left -234px; background-repeat: repeat-x; list-style:none; position: relative; } .tabsFancy li { float:left; margin-right:-20px; } .tabsFancy li a { display:block; position:relative; text-decoration:none; } .tabsFancy li a em { display:block; float:left; position:relative; padding:3px /*31px*/33px/*33px*/ 0 0; z-index:100; height:36px; background-position: right top; background-repeat: no-repeat; font-size:1.5em/*14px*/; font-weight:bold; font-style:normal; color:#066; line-height:38px; } .tabsFancy li a b { display:block; float:left; position:relative; width:22px; height:39px; background-position: left top; background-repeat: no-repeat; z-index:2; } .tabsFancy li a:hover { border:0; z-index:8 !important; cursor:pointer; text-decoration: none;} .tabsFancy li a:hover em { color:#333; } .tabsFancy li a.selected, .tabsFancy li a.selected:hover { border:0; z-index:9 !important; cursor:default; } .tabsFancy li a.selected b { background-position:left -78px; } .tabsFancy li a.selected em { background-position:right -78px; color:#aa1e27; } /* first and last */ .tabsFancy li.first a b { display:none; } .tabsFancy li.first a em { padding-left:30px; } .tabsFancy li.last a em { background-position: right -117px; padding-right:23px; } .tabsFancy li.last a.selected em { background-position:right -195px; } .tabsFancy li a.disabled em { color: #ccc; cursor: default; } .fancyWhite, .fancyWhite li a em, .fancyWhite li a b, .fancyWhite li.last a em, .fancyWhite li.last a.selected em, .fancyWhite li a.selected b, .fancyWhite li a.selected em { background-image: url(../images/global/tabs_movies_sprite.png); } .fancyGrey, .fancyGrey li a em, .fancyGrey li a b, .fancyGrey li.last a em, .fancyGrey li.last a.selected em, .fancyGrey li a.selected b, .fancyGrey li a.selected em { background-image: url(../images/global/tabs_sprite_grey_on_white.png); } .fancydkGrey, .fancydkGrey li a em, .fancydkGrey li a b, .fancydkGrey li.last a em, .fancydkGrey li.last a.selected em, .fancydkGrey li a.selected b, .fancydkGrey li a.selected em { background-image: url(../images/global/tabs_sprite_grey_on_dkgrey.png); } .fancyGrey li.first a b { display: block; } .atHome .fancyGrey li.first a em { padding-left: 0px; } .fancyGrey li a em { z-index: 9;} #tabsMovies li a#tabsMovies-main { z-index:7; } #tabsMovies li a#tabsMovies-details { z-index:6; } #tabsMovies li a#tabsMovies-blogs { z-index:5; } #tabsMovies li a#tabsMovies-trailers { z-index:4; } #tabsMovies li a#tabsMovies-photos { z-index:3; } #tabsMovies li a#tabsMovies-reviews { z-index:2; } #tabsMovies li a#tabsMovies-dvd { z-index:1; } #tabsPeople li a#tabsPeople-main { z-index:6; } #tabsPeople li a#tabsPeople-biography { z-index:5; } #tabsPeople li a#tabsPeople-movies { z-index:4; } #tabsPeople li a#tabsPeople-photos { z-index:3; } #tabsPeople li a#tabsPeople-blogs { z-index:2; } #tabsPeople li a#tabsPeople-awards { z-index:1; } #tabsMovieTimes li a#tabsMovieTimes-theater { z-index:2; } #tabsMovieTimes li a#tabsMovieTimes-movie { z-index:1; } #tabsLanding li a#tabsLanding-nowAvailable { z-index: 2; } #tabsLanding li a#tabsLanding-comingSoon { z-index: 1; } #tabsMovieList li a#tabsMovieList-newonDisc { z-index: 4; } #tabsMovieList li a#tabsMovieList-inTheaters { z-index: 3; } #tabsMovieList li a#tabsMovieList-comingSoon { z-index: 2; } #tabsMovieList li a { z-index: 1; } #tabsLanding { margin-bottom: 0px; margin-left: 249px; width: 375px; background-position:-248px -272px;} /* hover shadows */ /* #tabsMovies li a:hover b { background-position:left -39px; } #tabsMovies li a:hover em { background-position:right -39px; } #tabsMovies li a.selected:hover b { background-position:left -78px; } #tabsMovies li a.selected:hover em { background-position:right -78px; } #tabsMovies li.last a:hover em { background-position:right -156px; } */ /**********************************************************/ /* Layout */ /* - Different template layouts are described here */ /**********************************************************/ .fullCol #content { width: 945px; } .splitCol300 #content { width: 628px; } .splitCol300 #subContent { width: 300px; } /*overflow: hidden;*/ .splitCol160 #content { width: 768px; } /* 752px; */ .splitCol160 #subContent { width: 160px; } #topContent { position: relative; padding-left: 28px; background: #fff; } #featuredImage { position: absolute; top: 14px; left: 0px; z-index: 2; } #movieSpecs { float: left; width: 492px; padding-left: 138px; padding-top: 14px; } .topMarquee { margin-left: -28px; background: #d6e6e6; height: auto; min-height: 145px; padding-bottom: 6px; padding-right: 10px; width: 935px; overflow: auto; position: relative; } /**********************************************************/ /* Breadcrumbs */ /* - Breadcrumb definitions */ /**********************************************************/ #breadcrumb { visibility:hidden; padding: 12px 0 12px 28px; position:relative; font-size: 1.1em; width: 564px; z-index: 20; text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden; } #breadcrumb .separator { color: #006666;} #breadcrumb span { color: #555555;} /**********************************************************/ /* Segments and Modules */ /* - Different module layouts are described here */ /**********************************************************/ .module { position: relative; background: #ececec; margin-bottom: 15px; zoom: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .module h2 { background: #999999; color: #fff; font-weight: normal; padding: 10px 0px 7px 18px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #subContent .module .commentsLeadIn { color: #666; font-size: 0.8333em;} #fbActivityStream { margin-top: 10px;} #fbActivityStream h2 { background: #37528e url(../images/global/module-specialty-headers.png) no-repeat 0 -200px; padding-left: 42px;} .featured h2 { background: #006666;} .specialty h2 { background: #999 url(../images/global/module-specialty-headers.png) no-repeat 0 0px; text-indent: -999em; padding: 0 0 0 0; } .moduleBottomCap { background: #999 url(../images/global/module-specialty-headers.png) no-repeat 0 -192px; width: 300px; height: 8px; clear:both;} #discyBusiness { clear: both; } #discyBusiness h2 a, #hollywoodFail h2 a, #buzzBin h2 a { width: auto; height: 64px; display: block; border: none; outline: 0;} #blogFather h2 a { width: 602px; height: 42px; display: block; border: none; outline: 0;} #discyBusiness h2 { background-position: 0 0px; width: 300px; height: 46px; } #buzzBin h2 { background-position: 0 -64px; width: 300px; height: 46px; } #hollywoodFail h2 { background-position: 0 -128px; width: 300px; height: 46px; } #fandango100days { background: #f3f2d0; } #fandango100days .img_blog { float:left; margin:0 10px 5px 0; width:118px; } #fandango100days .title { color:#346CBD; font-size:1.2em; font-weight:bold; } #fandango100days p { color:#000000; margin:3px 0 0; clear: none; padding: 0px; } #fandango100days ul { margin:0 10px 5px 14px; } #fandango100days h2 { background-position: 0 -234px; width: 300px; height: 116px; } #fandango100days h2 a { border: none; width: auto; height: 116px; display: block; outline: none;} #fandango100days .pTag a { color:#346CBD; } .specialty h3 { padding: 13px 8px 0px 17px; clear: both; } .specialty p { clear: both; overflow: auto; } .specialty p a {font-weight: bold;} .specialty .image { float: left; margin: 5px 12px 2px 0px; } .specialty p.subHeader { padding: 0px 0px 0px 19px; margin-bottom: 0px; } #buzzBin .subHeader { color: #646a4f; padding-top: 0px; } #buzzBin p:first-child, #hollywoodFail p:first-child { padding-top: 3px; } #discyBusiness .subHeader { color: #573938; padding-top: 0px; } #hollywoodFail .subHeader { color: #525061; padding-top: 0px; } #subContent #buzzBin a.image img { display:block; max-width:90px;width:90px;} .module .lc { width: 3px; height: 3px; background: transparent url(../images/global/module-rounded-corners.png) no-repeat left top; position: absolute; top: 0px; left: 0px; } .module .rc { width: 3px; height: 3px; background: transparent url(../images/global/module-rounded-corners.png) no-repeat right top; position: absolute; top: 0px; right: 0px; } .featured .lc { background-position: left -3px; } .featured .rc { background-position: right -3px;} .module p, .module .pTag { padding: 12px 10px 12px 17px;} .module p.span { padding-bottom: 0px; } /* module specifics */ #otherMovies ul { padding-bottom: 15px;} /* Exclusives Lead-In */ #exclusivesLeadIn { padding: 0px 15px 10px 17px;} #exclusivesLeadIn .leadIn { padding: 12px 0px 10px 0px; height: auto; overflow: visible; } #exclusivesLeadIn #hollywoodFail .details { margin-left: 105px; } #exclusivesLeadIn h3 { color: #656565; font-size: 1.2em; text-transform: uppercase; margin-bottom: 8px;} #exclusivesLeadIn #featured{ padding-top: 15px; } #burningQuestion { margin-bottom:20px; border:0; width:300px; min-height: 123px;height:auto; position:relative; overflow:auto; background:#ebe7dd url(../images/global/burningquestion-bg2.jpg) no-repeat 0 bottom; } #burningQuestion h2 { background:transparent url(../images/global/burningquestion-bg.jpg) no-repeat 0 0; } #burningQuestion p { padding:0 0 10px 0; color:#000; font-weight:bold; font-size:1.4em; line-height:1.1em; } #burningQuestion a { color:#000; text-decoration:underline; outline:none; border-bottom:none; } #burningQuestion a:hover { color:#333; } #burningQuestion #question,#burningQuestion #answer { height:auto; margin:7px 10px 20px 18px; overflow: auto; } #burningQuestion #question ul {display: block; } #burningQuestion #question li { font-size: 1.2em;margin-left: 32px;} #burningQuestion #answer { display:none; } #burningQuestion a#btn-answer,a#btn-question, #burningQuestion #btn-new-question { display:block; width:74px; height:22px; position:absolute; right:8px; bottom:4px; text-indent:-999px; background:transparent url(../images/global/burningQuestion-btn-sprite.png) no-repeat 0 0; } #burningQuestion a#btn-answer { background-position:0 -22px; } #burningQuestion #btn-new-question {display: none; background-position:0 -44px; width:106px;} .leadIn .image { float: left; margin-right: 15px; } .leadIn .image img { width: 90px; height: 90px; } .leadIn .details { min-height: 100px;} .leadIn .details p a:hover { text-decoration:none;color:#333;} .leadIn p { clear: none; padding: 0px; } .leadIn p a { font-size: 1.1666em; font-weight: bold; } .changeSelected {clear:right; float:right; font-size:1.2em; margin-top:0.445em; padding-bottom:1px; padding-right:0.3em; } .accordion h3 { color: #fff; font-size: 1.2em; padding: 8px 12px 8px 17px; } .accordion h3 span { display: none; } /* Basic Segments */ .segment { clear: both; position: relative; margin-bottom: 36px; height: auto; width: auto; } .msie7 .segment { height: auto! important; zoom: 1;} .segment h2 { text-transform: uppercase; margin-bottom: 2px;} .segment h2.isSelectable { float: left; } .segment h2 a[href] { color: #333; } .segment h2 a[href]:hover { text-decoration: none; } /*.segment h2 a[href]:hover { border-bottom: 1px dotted #fff; } */ .segmentSelections { float: left; padding-left: 20px; padding-bottom: 1px; margin-top: 0.215em; font-size: 1.1em; font-weight: bold; clear: right; } .segmentSelections a { margin-right: 16px; } .segmentSelections a.selected { color: #a5211d; } /*.segmentSelections a.selected:hover { border-bottom: 1px dotted #aa1e27;}*/ .segmentWrapper { overflow: auto;} #content .wrapper .segmentWrapper {} .segmentWrapper .segment { clear: none; margin-bottom: 36px; } .subHeader { font-size: 1.2em; margin-bottom: 17px; } /* Segment Types */ .segmentWrapper #ourCritics { width: auto; padding-right: 0px; float: left; margin-bottom: 36px; } .segmentWrapper #metascore { width: 180px; float: left; } #blogFather { background: #e6f0f1; margin-left: 15px; padding: 13px 13px 10px 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .msie7 #blogFather { zoom: 1; } #blogFather h2 { background: transparent url(../images/global/h2-blogfather.png) no-repeat left top; text-indent: -999em; height: 34px;} #topContentModule { width: 290px; height: auto; min-height: 120px; background: #d6e6e6; float: right; margin-top: 10px; position: relative; display: none; } #tabsWatchAtHome {overflow: auto;} #tabsWatchAtHome ul { margin-bottom: 4px; } #tabsWatchAtHome ul li:first-child { padding-right: 10px; width: 140px; } #tabsWatchAtHome ul li { font-size: 1.2em; float: left; width: 110px;} #tabsWatchAtHome li a { font-weight: bold; vertical-align: baseline;} #tabsWatchAtHome a { color: #006666; } #tabsWatchAtHome .title { line-height: 1.1em; margin-bottom: 3px;} #tabsInTheaters .image { float: left; } #tabsInTheaters .title { line-height: 1.1em; margin-bottom: 3px;} #tabsInTheaters .details { margin-left: 64px; } #tabsInTheaters .details a { color: #006666; } #tabsInTheaters .summary { font-size: 1.1em; } .tabContent .image { float: left; } .tabContent .title { line-height: 1.1em; } .tabContent .details { margin-left: 64px; } .tabContent .details a { color: #006666; } .tabContent p.summary { margin-top: 0.5em; font-size: 1.1em; line-height: 1.2em; padding: 3px 0px;} /**********************************************************/ /* Lists */ /* - types of lists available */ /**********************************************************/ ol { list-style: decimal outside; font-size: 1.2em; } dl { font-size: 1.2em;} dt { float: left; clear: left; margin: 0 0.5em 0.25em 0; font-weight: normal; } dd { float: left; clear: right; margin-bottom: 0.25em; font-weight: normal; } .msie7 dd, .msie6 dd { float: none; } /* fix IE bug */ /* used for photos, trailers, casts, etc. */ .visual { overflow: auto; height: auto; padding: 6px 0px 0px 0px; clear: both; margin-left: -4px;} .visual li { position: relative; display: block; float: left; height: auto; margin:0 auto; } .visual li a { padding: 0; } .unlabeled { padding: 6px 0px 5px 0px; } .unlabeled li a { border: none; } .visual li a.image { display: block; border: none; margin-bottom: 3px;} .visual li a[href]:hover.image {text-decoration: none; color: #333;} .visual li a img { vertical-align: middle; display: inline; } .visual li a img.shadow { margin-bottom: 3px; } .visual.trailers li { width: 121px; margin-right: 25px; padding-left: 4px; height: 148px; overflow: hidden; } .visual.trailers .mask { width: 121px; height: 87px; display: none; position:absolute; background: transparent url(../images/global/button-trailers-play.png) no-repeat 44px 32px; } .visual.trailers a:hover .mask { display: block; } .unlabeled li { width: 120px; height: auto; line-height: 118px; text-align: center; } .unlabeled li a img { max-height: 105px; max-width: 105px; } .labeled li { width: 100px; padding-left: 15px; padding-bottom: 12px; } .labeled a.label { text-align: left; font-weight: normal; font-size: 1.1em; line-height: 1.1em; display: inline; padding-top: 3px; } .labeled a.label span { color: #333; } /* used for blog/article listings */ .postList {} .postList li { margin-bottom: 30px; } .postList .date { font-size: 1em; line-height: 1em; color: #666666; margin-bottom: 5px; text-transform: uppercase; } .postList h3 { font-size: 1.7em; color: #006666; margin-bottom: 5px; } .postList h3 a:hover { color:#333; text-decoration:none; } .postList .tags { font-size: 1em; } .postList .postSource { } /* visual lists in subContent modules */ .module .visual { padding-left: 0px; padding-top: 11px;} .module .visual li { width: 77px; height: 147px; padding-right: 0px; line-height: 1.2em; text-align: left; padding-left: 21px; padding-bottom: 12px; overflow: hidden;} .module .visual li img { width: 69px; } .module .visual li span { display: block;} /* visual trailer lists in subContent modules */ #trailersList ul { margin-left: 0; padding-top: 15px; } #trailersList h2 { padding: 0; } #trailersList h2 a { display: block; padding: 10px 0 7px 18px; color: #fff; } #trailersList h2 a:hover { text-decoration: none; } .module .visual.trailers li { height: 133px; min-height: 133px; overflow: hidden; padding-bottom: 0; width: 121px; line-height: 1.2em; margin-right: 0; padding-left: 21px; padding-right: 0; text-align: left;} .module .visual.trailers li img { width: auto;} .module .visual.trailers li img.new { width: 30px; } .specList { clear:both; float:left; overflow:auto; padding-left:138px; padding-top:14px; width:477px; margin-bottom: 5px; } .specList dt { font-weight: bold; } .specList li { font-size: 1.2em; } .specList li.noData { display: none;} .specList li.separate { margin: 0 0 1em 0;} .specList li span { padding-right: 0.5em; } .moreReviewList { padding: 0px 13px 1px 18px; } .moreReviewList li { border-top: 1px dotted #7f7f7f; margin-bottom: 15px; padding-top: 15px;} .moreReviewList li:first-child { border: none; } .moreReviewList div.image { float: left;} .moreReviewList .details { margin-left: 55px;} .moreReviewList .details p { padding: 0px; clear: none; } .moreReviewList .meta h4 { margin-bottom: 6px; } .moreReviewList .details a { font-weight: bold; display: inline-block; } .moreReviewList .details a.image { border-bottom: none; } .moreReviewList .metaRatingS { font-size: 1.65em;} .reviewList { padding: 15px 13px 1px 16px; } .reviewList li:first-child { margin-top: 0px; } .reviewList li { margin-top: 15px; margin-bottom: 1px;} .reviewList li p { padding: 0px; clear: none; } .reviewList li a { font-weight: bold; font-size: 1.2em; outline: none; position: relative; line-height: 1.3em;} .reviewList .selected span { color: #666; cursor: default; font-size: 1.2em; font-weight: bold;} .metaList { margin-top: 5px; margin-left: 0px; } .metaList .metaRatingS { line-height: 1em;} .metaList li { margin-bottom: 26px; background: #fff; overflow: auto; padding-bottom: 2px;} .metaList .newsSource { font-weight: bold; font-size: 1.4em;} .metaList .author { padding-left: 0.5em; font-style: italic; font-size: 1.2em;} .metaList .rating { float: left;margin-left:4px;margin-top:4px;position:relative; z-index: 1;} .metaList .rating img { padding: 4px;} .metaList .rating p { font-size: 1em; color: #333;} .metaList .rating .metaRatingL { line-height: 1em; } .metaList .details { padding-left: 68px; position: relative; padding-bottom: 2px;} .metaList .details .ratingM { margin-bottom: 10px;} .metaList .details .metaRatingL {line-height: 1em; font-size: 4.5em; margin-top:-4px;} .tightLineHeight { line-height: 1.1em;} .metaList .details .metascore p { font-size: 1.1em; margin-top: -2px;} .metaList .details a {font-weight: bold; } .expandToggle { width: 80px; margin-bottom: 10px; padding: 3px 0px 3px 9px; margin-right: 0px; font-size: 1.2em; -moz-border-radius:10px; border-radius: 10px; -webkit-border-radius: 10px; background:none repeat scroll 0 0 #ECECEC; } .expandToggle a[href] { text-decoration: none;} .expandToggle .more .viewMore, .expandToggle .viewLess { display: none;} .expandToggle .more .viewLess, .expandToggle .viewMore { display: inline;} .metaList .metascore { float:left; margin: 0 19px 10px 0;} .hiddenContent { display: none; overflow: auto; } .hiddenContent.show { display: block; } .scoreList { overflow: auto; margin: 15px 15px 15px 18px; clear: both; } .scoreList dt { margin: 2px 14px 10px 0; font-size: 0.760em; } .scoreList dd { width: 220px; font-weight: bold;} .scoreList.selected span {color: #666; cursor: default;} .ratingListMeta, .ratingListMDC { overflow: auto; } .ratingListMeta li, .ratingListMDC li { } /* cast and crew lists */ .ccList { padding-top: 10px;} .ccList dt { width: 107px; text-indent:-0.5em; padding-left: 0.5em; } .ccList dd { width: 150px; text-indent:-0.5em; padding-left: 0.5em; } /* HD trailers list */ .module .hd li { float: none; height: auto; width: auto; margin: 0px 0px 7px 0px; clear: both; overflow: auto; padding-bottom: 5px; padding-right: 10px;} .module .hd li a.image { float: left; } .module .hd li img { vertical-align: top; width: auto; } .module .hd li img.new { width: 30px; vertical-align: middle;} .module .hd li p { display: block; margin-left: 64px; padding: 0px; clear: none; } .module .hd li a.label { font-size: 1em; } /* disc list */ .discList { padding-top: 3px; } .discList .discImage { float: left; } .discList li { overflow: auto; padding-top: 10px; margin-bottom: 38px; } .discList .movieCreditList li { padding-top: 0px; margin-bottom: 0.25em; font-size: 1.1em; } /* disc-y busines module list */ .discyList { padding: 17px 15px 0 17px; } .discyList li:first-child { margin-top: 0px;} .discyList li { clear: both; margin: 17px 0px 0px 0px; padding-bottom: 10px;} .discyList li h3 { font-weight: bold; margin-bottom: 8px; line-height: 1.1em; padding: 0px; } .discyList li .details { margin-left: 103px; min-height: 95px; } .specialty #discyBusiness p { padding: 0px 5px 12px 17px; } #discyBusiness .discyList li .details p, #buzzBin .discyList li .details p {clear: none; padding: 0px; } .discyList li .image { float: left; } /* buzz bin list */ .buzzList { padding: 17px 15px 0 17px; } .buzzList p { padding: 0px; } .buzzList p .image { float: left; margin: 0 8px 0px 0; display: block; } .buzzList h3 { font-weight: bold; margin-bottom: 8px; line-height: 1.1em; padding: 0px; } /* theater listing */ .theaterList { border-bottom: 12px solid #ececec; margin-bottom: 12px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } .theaterList > li { border-top: 10px solid #666; } .movieListings { padding: 0px 0 7px 18px; } .movieListings > li { background: transparent url(../images/global/movietimes-divider.png) no-repeat left top; padding: 0px 0px 0px 10px; overflow: auto;} .movieListings > li:first-child { background: none; } .movieListings .info a { font-weight: bold; } .cityList { margin-bottom: 20px; } .cityList li { font-size: 1.2em; line-height: 1.8em; } /* search browse main dimension list */ .mainDimensions { margin: 15px 0 0 15px; } .mainDimensions li { font-size: 1.6em; line-height: 1em; padding-bottom: 10px;} .mainDimensions li a:hover { text-decoration: none; color: #333; } /* homepage Movie lists */ #movieListCarousel { height: 210px; overflow: hidden; padding-top: 5px; visibility:hidden;} /**********************************************************/ /* Tables */ /* - types of tables available */ /**********************************************************/ table { width: auto; margin-bottom: 1em; } /* standard table is auto width */ table.noBorder td { border: 0; } table.fullWidth { width: 100%; } /* force 100% of container */ table.halfWidth { width: 50%; } table.twoThirds { width: 67%; } th { background: #666666; padding: 0px; color: #fff; border-color: #fff; border-style: solid; border-width: 0px 5px 1px 0px; } th div, th a, th a:visited, th a:link { padding: 10px 12px; display: block; color: #fff; outline: none; font-weight: normal;} .msie6 th div, .msie7 th div { zoom: 1; } th a[href]:hover {text-decoration: none;} th span { margin-right: 16px;} /* border-bottom: 1px dotted #fff; */ th.first { background: #666 url(../images/global/table-rounded-corners.png) no-repeat left top; } th.last { background: #666 url(../images/global/table-rounded-corners.png) no-repeat right top; } .sortable th { cursor: pointer; } thead tr span { background: none; color: #fff; } thead tr .headerSortDown div, thead tr .headerSortDown a { background: transparent url(../images/global/table-sort-arrows-asc.gif) no-repeat right 50%; font-weight: bold; } thead tr .headerSortUp div, thead tr .headerSortUp a { background: transparent url(../images/global/table-sort-arrows-desc.gif) no-repeat right 50%; font-weight: bold; } tfoot tr td { background: transparent url(../images/global/table-footer.png) no-repeat 50% top; height: 12px; border-width: 1px 0px 0px 0px; overflow: hidden; padding:0px;} tfoot tr td.first { background-position: left top; } tfoot tr td.last { background-position: right top; border-color: #fff; border-style: solid; border-width: 1px 0px 0px 0px;} td { padding: 12px; border-color: #fff; border-style: solid; border-width: 0px 5px 0px 0px; vertical-align: top;} th.last, td.last { border-right-width: 0px;} tr.even td { background: #ececec; } tr.odd td { background: #fafafa; } #moreLink td { border-width: 0px; } /*.illuminate td a:hover, */ .illuminate .even td.title:hover, .illuminate .even td.noData:hover { background: #ECECEC; } .illuminate .odd td.title:hover, .illuminate .odd td.noData:hover { background: #fafafa; } .illuminate .even td:hover, .illuminate .odd td:hover { background-color: #d6e6e6; } .homePage .reviewMatrix.legend th { background-color: #666; height: 42px;} .homePage .reviewMatrix.legend th a { display: block; height: 42px; border-bottom: none; padding: 0px;} .reviewMatrix.legend th { background-color: #666; height: 47px;} .reviewMatrix.legend th a { display: block; height: 47px; border-bottom: none; padding: 0px;} .reviewMatrix.legend th a:hover { border-bottom: none;} .reviewMatrix th { width: 176px; background: transparent; } .reviewMatrix th.first { width: 151px; height: 39px; background: none; vertical-align: bottom; padding-bottom: 3px; padding-left: 15px;} /* 15px padding */ .reviewMatrix.legend th.first { background: none;} .reviewMatrix th.last { width: 177px; -moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px; } .reviewMatrix td a { font-size: 1.1em; padding: 6px 7px 10px 7px; display: block; border-bottom: none; min-height: 55px;text-decoration:none;} .reviewMatrix td p { font-size: 1.3em; padding: 6px 7px; color: #333; display: block; border-bottom: none; min-height: 55px;} .reviewMatrix td a[href] span.blurb { color: #333; display: block; padding-top: 2px; font-size: 1.1825em; text-decoration: none;} .reviewMatrix td a[href]:hover { text-decoration: none;} .reviewMatrix td a[href]:hover span { text-decoration: underline;} .reviewMatrix td a[href]:hover .csmreviews, .reviewMatrix td a[href]:hover .blurb {text-decoration: none;} .reviewMatrix td .csmreviews { font-size: 1em; left: 4px;} .reviewMatrix td { padding: 0; vertical-align: top; min-width: 170px;} .reviewMatrix td .ratingS { margin-left:-2px;} .reviewMatrix.legend th span { border: none; margin-left: 55px; display: block; font-size: 1em; margin-right: 10px; color: #ccc;} .reviewMatrix.legend th.noImage span { margin-left: 10px; padding-top: 1px; line-height: 1em;} .reviewMatrix.legend th.noImage img { width:1px; height:47px;} .reviewMatrix.legend th span.author { display: block; font-size: 1.6em; font-weight: bold; color: #fff; line-height: 1em; padding-top: 5px;} .reviewMatrix.legend th img { float: left; } .reviews .reviewMatrix.legend th img { width: 47px; height: 47px;} .reviews .reviewMatrix.legend th.noImage img { width:1px; height:47px;} .reviewMatrix.plain th { background: none; height: 22px;} .reviewMatrix td.title a { font-size: 1.3em; color: #006666; font-weight: bold; position: relative; padding: 0px; display: inline; line-height: 1.333em;} .reviewMatrix td.title a:hover { text-decoration: underline;} .reviewMatrix td.title a span { font-weight: normal;} .reviewMatrix td.title { padding: 10px 7px 8px 15px; width: 170px; } .noSort th, .noSort td { background: none; padding: 0px;} .noSort th span { color: #000; font-weight: bold;} .noSort tfoot { display: none; } .top10list { background: #e5e5e5; width: 300px; } .top10list tr { border-top: 1px dotted #c2c2c2; } .top10list tr:first-child { border-top: none; } .top10list td { padding: 8px 0px; font-size: 1.2em; margin: 0px; border-width: 0px; font-weight: bold; } .top10list .rank { text-align: right; width: 18px; height: auto;} .top10list .title { padding-left: 8px; width: 195px; height: auto; min-height: 12px;} .top10list .title a { color: #006666;} .top10list .amt { width: auto;} /**********************************************************/ /* Tabs */ /* - types of tabs available */ /**********************************************************/ .tabContent { background: #fff; min-height: 73px;} /**********************************************************/ /* Sections/Page */ /* - section/page specific styles described here */ /**********************************************************/ /* Subsections */ #featuredImage { left: 28px; width: 94px;} #featuredImage img { display: block; margin-bottom: 4px;} .contentMarquee { overflow: auto; width: 591px; min-height: 182px; padding: 12px 9px 12px 28px; margin-bottom: 10px;} .segment .contentMarquee { padding-left: 4px; margin-left: -4px;} .contentMarquee h5 { font-size: 2.1em; margin-bottom: 15px; line-height: 1em;} .contentMarquee h5 a:hover { color: #333333; text-decoration: none; } #featuredContentImage { width:auto; height: 181px; float: left; margin: 1px 20px 0px 0; } #featuredContentImage img {max-height:181px;width: auto;} .featuredContentDetails { font-size: 1.4em; min-height: 182px; color: #333;} .featuredContentDetails p, .featuredContentDetails .pTag { clear: none; margin-bottom: 1em; font-size: 1em;} .featuredContentDetails h4 { margin-bottom: 10px;} .trailerName { font-size: 1.8em; font-weight: bold; margin: 12px 0;} .trailerName a:hover { text-decoration:none; color:#333;} /* DVD of the Week */ .module .dvd { width: auto; height: auto; padding: 12px 5px 7px 17px; overflow: auto; } .module .dvd .image { float: left; } .module .dvd .image img { width: 69px;} .module .dvd .details { margin-left: 80px; } .module .dvd .details p { clear: none; padding: 0px; } .module .dvd .details .summary { margin-bottom: 14px; } .module .dvd .details .links { margin-top: 7px; line-height: 1em; } .module .dvd .details .links:first-child { margin-top: 0px; } #ourCritics { clear: both; overflow: auto; width: 600px; margin-bottom:0px;} .msie8 .wrapper #ourCritics { clear: both; overflow: hidden; } #ourCritics blockquote { background: transparent url(../images/global/pullquote.gif) no-repeat 0 0; padding: 0px 15px 0px 40px; font-size: 1.7em; font-weight: bold; min-height: 63px; height: auto; line-height: 1em; margin-left: -40px;} #ourCritics span.quote { display: block; font-size: 1.425em; font-weight: bold; padding: 5px 0px;} #ourCritics .criticSnippet { float: left; width: 290px; min-height: 130px; } #ourCritics .criticSnippet { margin-left: 20px; } #ourCritics .criticSnippet .ratingM { margin-bottom: 4px;} #ourCritics .first { margin-left: 0px;} #ourCritics .criticSnippet .details { clear: left; margin-top: 10px; padding-bottom: 2px; } #ourCritics .rating { height: 26px; width: 100%; margin-bottom: 3px; clear: both; } #ourCritics .criticThumbSmall { float: left; width: 43px; height: 43px; margin:0 0 0 4px; } #ourCritics .criticName { font-weight: normal; } #ourCritics p { margin-left: 0px; clear: none; } #ourCritics p.profileTrigger { } p.profileTrigger { display: block; } .profileTrigger textarea { display: none;} #ourCritics .details p { margin-left: 57px; clear: none; } #ourCritics p a { font-weight: normal; outline: none;} .segmentWrapper #csm { float: left; width: 120px; padding-left: 17px; border-left: 1px solid #c9c9c9;} .segment h2 span { color: grey; text-transform: none; font-size: 0.7125em; font-weight: normal;} .segment h2 span a[href] { color: #006666;} .movie.on-reviews #metascore, .movie.on-reviews #infoParents, .movie.on-reviews #fandangoFanReviews { background:url("../images/global/dividerbar.png") no-repeat scroll left top transparent; margin-bottom: 30px; padding-top: 36px;} .segmentWrapper #ourCritics { overflow: visible; width: auto; margin-right: 0px; min-height: 120px;} .segmentWrapper #ourCritics .criticSnippet { min-height: 80px; margin-left: 0px; float: left; width: 140px; padding-right: 8px; padding-left: 0px;} .segmentWrapper #metascore .criticSnippet { float: left; width: 138px; padding-right: 4px; padding-left: 0px;} .segmentWrapper #ourCritics .criticSnippet .details { clear: left; margin-top: 10px; padding-left: 0px;} .segmentWrapper .criticSnippet .ratingM { margin:4px 0; } .segmentWrapper .criticSnippet .noRating { display: block; height: 25px; margin: 4px 0; font-size: 1.3em; line-height: 1.8em; color: #333;} .movie .segmentWrapper #metascore { border-left: 1px solid #c9c9c9; margin-left: 0px; padding-left: 17px; width: 148px;} .movie .segmentWrapper .segment { min-height: 120px;} #metascore .score { font-weight: bold; font-size: 3.5833em; color: #aa1e27; line-height: 1em; } #metascore p.summary{ margin-bottom: 27px;} .landing #main { overflow: visible; } .landing.splitCol300 #content { margin-top: 0px; width: 637px; } .landing.splitCol300 #subContent { margin-top: 0px; } .landing.splitCol300 .topMarquee { margin-left: 0;} .landing #topContent { margin-bottom: 9px; min-height: 263px; height: auto; padding: 0px 0px 0 28px; } .landing .topMarquee { width: 600px; padding: 13px 9px 14px 28px; overflow: auto; } .landing #topContent { padding-left: 0px; padding-right: 0px; width: 960px; margin-bottom: 5px;} .landing .topMarquee { margin-left: 0px;} .landing .topMarquee p { clear: none;} .landing .topMarquee p.description { margin-bottom: 15px; } .landing #topContent .ad { float: right; margin-bottom: -16px; zoom: 1; width: 300px; margin-right: 15px;} .landing #featuredImage { position: relative; left: 0; top: 0; float: left; margin-right: 17px; width: auto;} .landing #featuredImage a.image { display: block; } .landing #featuredImage a { height: 181px; display: block; border: none;} .landing #featuredImage img { display: block; height: 181px; /*min-width: 181px;*/} .landing #featuredImage a:hover { border: none;} .landing #featuredPick h4 { margin-bottom: 16px; line-height: 10px;} .landing #featuredPick h5 { margin-bottom: 16px; line-height: 1em; font-size: 2.1em; } .landing #featuredPick h5 a:hover { text-decoration: none; color: #333;} .landing #searchResults { width: 456px; position: relative;} .landing .resultsGroup { padding-left: 12px; overflow: auto; position: relative;} .landing .resultsGroup .results { position: relative; width: 130px; float: left; margin: 0px 18px 10px 0px; height: 255px; min-height: 255px; font-size: 1.1 em; color: #666; overflow: hidden;} .landing .full .resultsGroup .results { margin:0 7px 10px 15px;} .landing .noHead { padding-top: 21px;} .landing #searchResults.noHead .searchHeader { background: none; font-weight: bold; padding: 6px 0 6px 13px;} .landing .resultsGroup .results a.image { border-bottom: none; background: transparent url(../images/global/ajax-loader-ececec.gif) no-repeat 50% 40%; display: block;} .landing .resultsGroup .results .title { display: block; margin-top: 4px;} .landing .resultsGroup .results span a { font-weight: bold; font-size: 1.2em; line-height: normal;} .landing #searchNav .searchHeader { padding-bottom: 7px; min-height: 21px;} .landing #searchNav #byGenre, .landing #searchNav #byNew, .landing #searchNav #byOnDemand, .landing #searchNav #byEditorsPicks { margin-top: 22px; display: block; min-height: 10px; height: 12px; text-indent: -999em; background: #ececec url(../images/global/athome-search-headers.png) no-repeat 15px 0; padding: 0px;} .landing #searchNav #byGenre { background-position: 15px -21px; } .landing #searchNav #byOnDemand { background-position: 15px -42px; } .landing #searchNav #byEditorsPicks { background-position: 15px -63px; } .landing #movieFinderLogo {text-indent: -999em; width: 254px; height: 54px; background: transparent url(../images/global/moviefinder2.png) no-repeat left top; position: absolute; top: -3px; left: 14px;} .landing .results .image img { display: block; width: 128px; height: 190px;} .landing #movieFinderHeader { position: relative; margin: 0px 0px 0px 15px; background: transparent url(../images/global/tabs_sprite_grey_on_white.png) no-repeat 0px -272px; width: 624px; height: 40px;} .msie7 .landing #movieFinderHeader { position: static; } .landing .fancyGrey li.last a em { padding-right: 30px; } .landing #accordion { position: relative; clear: both; width: 100%; } .msie8 .landing #accordion { float: left; } .landing #accordion > div { background: #e5e5e5; padding: 0px 14px; display: none;} .landing #accordion > div.ui-accordion-content-active { display: block;} .landing #accordion .top10list { background: #e5e5e5; height: auto; width: 100%;} .landing #accordion h3:first-child { -moz-border-radius: 0px; -webkit-border-radius: 0px; margin-top: 0px; border-top: 0px; } .landing #accordion h3 { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; background: #006666 url(../images/global/accordionbg.png) no-repeat right -30px} .landing #accordion .ui-accordion-header.ui-state-active, .landing #accordion .ui-accordion-header.ui-state-focus { background: #006666 url(../images/global/accordionbg.png) no-repeat right 0;} .landing #atHomeSponsor { display: block; position: absolute; right: 0px; top: 0px; } #searchWrapper { position: relative; background: transparent url(../images/global/searchWrapperBG.png) repeat-x 0 0; margin-left: 15px; padding-top: 7px; -webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-topright: 7px;border-top-left-radius: 7px;border-top-right-radius: 7px;} .searchBrowse h1 { background:transparent url(../images/global/h1-artheaders.png) no-repeat scroll 0 -168px; width:609px; height:42px; margin-left:28px; text-indent:-999em; } .searchBrowse #content { padding-top: 10px; } .searchBrowse.landing #content { width: 960px; height: auto; float: none; overflow: visible;} .searchBrowse .altAction { position: absolute; top: 28px; right: 0px; } .searchBrowse #searchResults { width: 573px; margin-left: 1px;} .searchBrowse #noSearchResults { width: 740px; margin-bottom: 80px; } .searchBrowse #noSearchResults p { margin-top: 15px; margin-left: 13px; font-size: 1.4em;} .searchBrowse #noSearchResults p a { font-weight: bold; } .searchBrowse .resultsUpdate, .blogFather .resultsUpdate { font-weight: normal; } .searchBrowse .result:first-child { border: none; padding-top: 10px; } .searchBrowse .result { overflow: auto; border-top: 1px dotted #c2c2c2; padding-top: 15px; padding-bottom: 6px; margin-bottom: 10px; } .searchBrowse .result div.image { float: left; width: 124px; text-align: center; } .searchBrowse .result .info { margin-left: 143px; } .searchBrowse .result .info h3 { margin-bottom: 8px; font-size: 1.4em; } .searchBrowse .result .info h3 a:hover { color: #333; text-decoration: none;} .searchBrowse .result .info p { font-size: 1.1em; } .searchBrowse #results { padding-left: 6px; margin-bottom: 50px;} .msie7 #siteSearch .searchBoxMini .inputText, .msie8 #siteSearch .searchBoxMini .inputText {margin-left: 0px; padding-left: 5px;} .searchBrowse .searchBoxMini { width: 385px; padding: 19px 0px 0px 1px;} .searchBrowse .searchBoxMini .inputText { width: 310px; top: 19px; } .searchBrowse #searchWrapper { background: none; margin-left: 0px; border-top: 1px dotted #CCCCCC; margin-top: 20px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius:0px;} .searchBrowse .metaScore { color:#AA1E27; font-size:1.2733em; } .searchBrowse #searchCategoriesWrapper {background: transparent url(../images/global/dividerbar-7xx.png) no-repeat left top; padding-top: 9px; clear: both; } .searchBrowse.landing #searchCategoriesWrapper { background: transparent url(../images/global/dividerbar-full.png) no-repeat left top; padding-top: 9px; clear: both; } .searchBrowse #searchCategories { padding-top: 0px; padding-bottom: 10px; overflow: auto; } .searchBrowse #searchNav { margin-left: 0px; } .searchBrowse #searchCategories .categoryTitle { font-size: 1.5em; margin-bottom: 10px; line-height: 1em; } .searchBrowse .searchCategory { float: left; padding-top:69px; background: transparent url(../images/global/searchBrowseSuggestions-bg.jpg) no-repeat left 0px;} .searchBrowse .searchCategory li { font-size: 1.2em; font-weight: bold; margin-bottom: 7px; line-height: 1em;} #scMovies { width: 185px; padding-right: 10px; } #scPeople { width: 127px; padding-right: 10px; background-position: -229px 0px;} #scNewsReviews { width: 190px; padding-right: 10px; background-position: -396px 0px;} #scVideo { width: 116px; padding-right: 10px; background-position: -636px 0px;} #scPhotos { width: 82px; background-position: -786px 0px;} .landing #scMovies { width: 218px; padding-right: 6px; padding-left: 4px;} .landing #scPeople { width: 160px; padding-right: 6px; padding-left: 4px; background-position: -225px 0px;} .landing #scNewsReviews { width: 228px; padding-right: 6px; padding-left: 4px; background-position: -392px 0px;} .landing #scVideo { width: 140px; padding-right: 6px; padding-left: 4px; background-position: -632px 0px;} .landing #scPhotos { width: 130px; } #siteSearch { padding-left: 28px;} #searchForm { padding: 35px 0px 0px 225px; position: relative; } .landing #searchForm .searchBoxMini { position: relative; height: 42px; background:transparent url(../images/global/searchMini-bg.png) no-repeat 0 -4px; width: 387px; margin: 58px 31px 20px 31px; padding-top:19px;} #globalSearch #searchForm { padding: 0 0 0 66px; } #globalSearch .searchBox { width: 404px; display: block;} #globalSearch .searchBox .fancy { width: 300px; margin: 0px 0 0 0px; font-size: 1.4em; padding: 7px 10px 6px 10px; position: absolute; top:10px; box-shadow: inset 0px 0px 10px #444; -moz-box-shadow: inset 0px 0px 10px #444; -webkit-box-shadow: inset 0px 0px 10px #444; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .msie7 #globalSearch .searchBox .fancy, .msie8 #globalSearch .searchBox .fancy {margin: 0px 0 0 6px; padding: 8px 10px 5px 4px;} #globalSearch .searchBox .search { top: 6px;} #globalSearch .ajaxLoad { position: absolute; bottom: -23px; right: 109px; } .searchBoxBig { position: relative; height: 35px; overflow: hidden; } .searchBoxBig .fancy { padding: 7px 7px 6px 13px; margin-left: 0px; font-size: 1.8em; width: 344px; box-shadow: inset 0px 0px 10px #444; -moz-box-shadow: inset 0px 0px 10px #444; -webkit-box-shadow: inset 0px 0px 10px #444; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .msie7 .searchBoxBig .fancy, .msie8 .searchBoxBig .fancy { display: block; padding: 7px 7px 7px 7px; margin-left: 6px; font-size: 1.8em; width: 340px; background:transparent url(../images/global/search-bg-sprite.png) repeat-x scroll left -147px; position: absolute; } .searchBoxBig .bigSearch { position: absolute; left: 355px; top: 0px; } .searchBoxBig .inputLeft { display: none;} .msie7 .searchBoxBig .inputLeft, .msie8 .searchBoxBig .inputLeft { background:transparent url(../images/global/search-bg-sprite.png) no-repeat left -112px; width: 6px; height: 35px; display: block; position:absolute; top: 0px; } .msie7 .searchBrowse #searchForm .searchBoxMini .fancy, .msie8 .searchBrowse #searchForm .searchBoxMini .fancy { left: 4px; padding-left: 7px;} .searchBox { position:relative; padding: 10px 12px 0px 12px; } .searchBox .search { position:absolute; right:14px; top:6px; } .msie7 .searchBox .search, .msie8 .searchBox .search { position:absolute; right:14px; top:6px; } .searchBox .fancy { line-height: 12px; font-size:12px; margin:0px 0 10px 0px; width: 170px; padding: 7px 10px 6px 9px; box-shadow: inset 0px 0px 7px #888; -moz-box-shadow: inset 0px 0px 7px #888; -webkit-box-shadow: inset 0px 0px 7px #888; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .searchBox .inputLeft { display: none;} .msie7 .searchBox .fancy, .msie8 .searchBox .fancy { position: relative; margin:0px 0 10px 6px; padding: 7px 10px 6px 3px; background:transparent url(../images/global/search-bg-sprite.png) repeat-x scroll left -28px; } .msie7 #footer .searchBox .fancy { margin-top: -1px;} .msie7 .searchBox .inputLeft, .msie8 .searchBox .inputLeft { background:transparent url(../images/global/search-bg-sprite.png) no-repeat left 0px; width: 6px; height: 28px; display: block; position:absolute; top: 10px; } .module .searchBox { margin-top: 3px; padding-bottom: 2px; height: 40px; padding-top: 10px;} .module .searchBox .fancy { background:transparent url(../images/global/search-bg-sprite.png) repeat-x scroll left -84px; position: absolute; } .msie7 .module .searchBox .inputLeft, .msie8 .module .searchBox .inputLeft{ background:transparent url(../images/global/search-bg-sprite.png) no-repeat left -56px; width: 6px; height: 28px; display: block; position:absolute; top: 10px; } .searchBoxMini { position: relative;; height: 21px; margin-bottom: 7px; } .searchBoxMini .fancy { height: 15px; position: absolute; top: 0; left: 0px; box-shadow: inset 0px 0px 7px #888; -moz-box-shadow: inset 0px 0px 7px #888; -webkit-box-shadow: inset 0px 0px 7px #888; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;font-size:1.2em; width: 144px; padding: 3px 10px 3px 11px; background:transparent url(../images/global/search-bg-sprite.png) repeat-x scroll left -203px; } .searchBoxMini .search, .searchBoxMini .searchAgain, .searchBoxMini .findMovieTimes { position: absolute; left: 231px; top:15px; } .searchBrowse .search { position: absolute; left: 317px; top:15px; } .searchBoxMini .inputLeft { display: none; } .msie7 .searchBoxMini .fancy,.msie8 .searchBoxMini .fancy { left: 5px;} .msie7 .searchBoxMini .inputLeft,.msie8 .searchBoxMini .inputLeft { display: block; z-index: 2;background:transparent url(../images/global/search-bg-sprite.png) no-repeat left -182px; width: 6px; height: 21px; display: block; position:absolute; top: 19px; } #changeLocationBox .searchBoxMini { position: static;} #changeLocationBox .searchBoxMini .search { left: 176px; top: 8px; background-position: -200px -166px;} #changeLocationBox .searchBoxMini .fancy { top: 12px; left: 11px; width: 170px;} #changeLocationBox { padding: 12px 11px 7px 11px; background: #666; height: auto; position: absolute; width: 228px; z-index: 1000000; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; -moz-box-shadow: 0px 0px 5px #222;-webkit-box-shadow: 0px 0px 5px #222;box-shadow: 0px 0px 5px #222;} #changeLocationBox .tail {background: url("../images/global/changeLocationBox-arrow.png") no-repeat scroll 50% top transparent; height: 10px;left: 6px; position: absolute; top: -10px;width: 21px;} #changeLocationBox .example { color: #cccccc; padding-left: 11px;} .searchHeader { padding: 13px 13px 13px 15px; background: #ececec; font-size: 1.2em; font-weight: bold; } #searchNav { width: 166px; background: #ECECEC; -moz-border-radius:0px 0px 10px 0px; border-radius: 0px 0px 10px 0px; -webkit-border-radius: 0px 0px 10px 0px; padding-bottom: 60px;} #searchNav dl { margin-left: 15px; margin-right: 10px;} #searchNav dt, #searchNav dd { float: none;} #searchNav dt { margin-top: 18px; font-weight: normal;} #searchNav dd .count { color: #666; } #searchNav .dimension { display: block; padding: 10px 12px 10px 12px; background: #bababa url(../images/global/search-filter-bg.png) no-repeat 0px 0px; border-bottom: 1px solid #fff; font-weight: bold; font-size: 1.2em; color: #000;} /* #searchNav .dimension:hover { border-bottom: 1px dotted #006666; } */ #searchNav .close { background: #bababa url(../images/global/search-filter-bg.png) no-repeat 93% 0px; padding-right: 40px; } #searchNav .searchHeader { text-transform: uppercase; } #searchResults { width: 761px; margin-left: 0px; } #searchResults.plain { width: 100%;} #searchResults .searchHeader, #searchResults .noSearchHeader { margin-bottom: 9px; border: none; padding-right: 0px; position: relative; } #searchResults.plain .searchHeader, #searchResults.plain .noSearchHeader { background: none; font-weight: bold; padding: 4px 0px 0px 0px; font-size: 1.2em; } #searchResults table { width: 99%; font-size: 1.2em; margin-left: 11px; } #searchResults.plain table { width: 100%; margin-left:0; } #searchResults table .date { width: 119px; } #searchResults table .title { width: 209px; } #searchResults table td a { font-weight: bold;} #searchResults .ratingS { float: left; margin-right: 18px; } #searchResults.plain .searchHeader .paginate, #searchResults.plain .noSearchHeader .paginate { position: absolute; right: 0px; top: 0px;} #searchResults .searchHeader .paginate { position: absolute; right: 10px; top: 10px;} #searchResults .paginate { float: right; margin-right: 0px; margin-bottom: 1em;} #searchNav .selectionLegend { display: block; margin-top: 20px; text-transform: none; clear: both; font-weight: normal;} #searchResults .expandList { margin-bottom: 10px; padding: 3px 6px; float: right; margin-right: 0px; font-size: 1.2em; -moz-border-radius:10px; border-radius: 10px; -webkit-border-radius: 10px; background:none repeat scroll 0 0 #ECECEC; } #searchResults .expandList a { text-decoration: none;} /* #searchResults .expandList span { color: #333;} */ #searchResults .sharethisContainer { clear: both; margin-left: 8px;} #searchResults.full .sharethisContainer {margin-left: 15px;} .results .image img { display: block;} .results textarea { display: none; } #searchNav .searchLists { padding-top: 8px; padding-bottom: 3px;} #searchNav .searchLists li { border-bottom: 1px solid #fff;} #searchNav .searchLists li a[href] { padding: 7px 22px 7px 15px; display: block; border-bottom: none; font-size: 1.2em;} #searchNav .searchLists li a.selected { padding: 7px 22px 7px 15px; background: #999999 url(../images/global/icon-sprite.png) no-repeat 151px -455px; color: white; display: block; border-bottom: none; font-size: 1.2em;} /* News Archives */ #archives { margin-bottom: 0px; padding-bottom:0px; } #archives ul { margin-top:15px; } #archives li { clear:both; width:600px; height: auto; overflow: auto; border-bottom: 1px dotted #7f7f7f; padding-bottom: 15px; margin-bottom: 16px; } #archives div.image { float:left; margin-top: 4px; max-width: 90px;} #archives div.image a { border:none; } .msie8 #archives div.image a { max-width: 90px; display: inline-block; overflow: hidden;} #archives div.image img { min-width: 90px; max-width: 90px; overflow: hidden;} #archives .details { margin-left:0; padding: 4px 4px 5px 4px; overflow: auto; width: 489px; float: left;} #archives .details > a { font-size:2.1em; line-height: 1em;font-weight:bold; } #archives .details > a:hover {color:#333; text-decoration:none;} #archives .details span { color:#666; display: block; } #archives .details p { color:#666; display: block; font-size: 1.1em; padding: 0 0 3px 0; } #archives .details .stats { display: block; padding-top: 8px; overflow: hidden; } #archives .details .stats span { float: left; padding: 0px 0px 0px 10px; margin-left: 10px; border-left: 1px solid #ccc; font-size: 1.2em; margin-top: 0px;} #archives .details .stats span:first-child { border: none; padding: 0; margin-left: 0;} #archives .details .stats .fbLike { float: left;height: 22px; padding: 0px 0px 0px 10px; margin-left: 10px; border-left: 1px solid #ccc; } #archives .details .stats .byLine { font-weight: bold; color: #000;} #archives .details .pTag { margin-top: 8px; } #archives .tags { clear: both; font-size: 1.1em; font-weight: bold; margin-top: 8px; color: #666;} #archives .tags a {font-weight: normal;} /**********************************************************/ /* Generic Carousel Styles */ /**********************************************************/ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } /* We set the width/height explicitly. No width/height causes infinite loops. */ .jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 75px; height: 75px; position: relative;} /** * The buttons are added dynamically by jCarousel before * the