/* FILM (this style sheet is used for all permanent pages. All temporary monthly updates to the Film section can be found in _filmUpdates.php) =========================================================================*/ /*======================================================================== HOME PAGE =========================================================================*/ #newhome #contentArea .singleColumnImageWide img {position:relative; left:15px;} #newhome h4 {margin-top:15px;} /* ========= COLUMN 2 (download column) ========= */ /* SECTION LINKS */ #home #sectionLinks dt, #home #sectionLinks dt em {display:block; width:251px; height:73px; background:url(/entertainment/images/film/homeSectionLinksTitle.gif) left top no-repeat;} /* CONSTANT FEATURES */ #film #home .constantFeature1 em {background:url(/entertainment/images/film/homeConstantFeature1Title.gif) no-repeat;} #film #home .constantFeature2 em {background:url(/entertainment/images/film/homeConstantFeature2Title.gif) no-repeat;} #film #home .constantFeature3 em {background:url(/entertainment/images/film/homeConstantFeature3Title.gif) no-repeat;} /*======================================================================== INTERNAL PAGES =========================================================================*/ /* FEATURE IMAGES */ #findFilm #feature .graphic {background:url(/entertainment/images/film/featureFindFilm.jpg) left top no-repeat;} #OrangeRecommends #feature .graphic {background:url(/entertainment/images/film/featureOrangeRecommends.jpg) left top no-repeat;} #film #downloads #feature .graphic {background:url(/entertainment/images/film/featureFilmDownloads.jpg) left top no-repeat;} #sitemap #feature .graphic {background:url(/entertainment/images/film/featureSitemapFilm.jpg) left top no-repeat;} /* ORANGE WEDNESDAYS FEATURE IMAGES */ #OrangeWednesdays #feature .graphic#graphicOne {background:url(/entertainment/images/film/_orangeWednesdays/featureOrangeWednesdays1.jpg) left top no-repeat;} #OrangeWednesdays #feature .graphic#graphicTwo {background:url(/entertainment/images/film/_orangeWednesdays/featureOrangeWednesdays2.jpg) left top no-repeat;} #OrangeWednesdays #feature .graphic#graphicThree {background:url(/entertainment/images/film/_orangeWednesdays/featureOrangeWednesdays3.jpg) left top no-repeat;} #OrangeWednesdays #feature .graphic#graphicFour {background:url(/entertainment/images/film/_orangeWednesdays/featureOrangeWednesdays4.jpg) left top no-repeat;} #OrangeWednesdays #feature .graphic#graphicFive {background:url(/entertainment/images/film/_orangeWednesdays/featureOrangeWednesdays5.jpg) left top no-repeat;} /* BAFTAS PAGES */ #OrangeBaftas #feature .graphic {background:url(/entertainment/images/film/featureBaftas.jpg) left top no-repeat;} #OrangeBaftas.OrangeRisingStarAward #contentArea {width:432px; w\idth:386px; padding-bottom:190px; _padding-bottom:135px; padding-right:30px; background:url(/entertainment/images/film/mainContainerImgOrangeRisingStarAward.jpg) right bottom no-repeat;} #OrangeBaftas.OrangeRisingStarAward #mainContainer .mainContainerBottom {height:20px; margin-top:-1px; background:url(/entertainment/images/film/mainContainerBottomOrangeRisingStarAward.jpg) left bottom no-repeat;} #OrangeBaftas #contentContainer #referrerLogo {margin:0 0 20px 0; padding:0 0 0 0;} #OrangeBaftas #contentContainer #baftasLogo {margin:280px 0px 0px 20px; height:82px; width:114px; background:url(/entertainment/images/film/baftasLogo.jpg) 0 0 no-repeat;} #OrangeBaftas #contentContainer #baftasLogoNoMask {margin:280px 0px 0px 20px; height:135px; width:114px; background:url(/entertainment/images/film/baftasLogoNoMask.jpg) 0 0 no-repeat;} #OrangeBaftas #contentContainer #referrerLogo {float: right; margin:80px 0 0 0;} #OrangeBaftas.OrangeRisingStarAward #contentContainer #baftasLogo {margin:275px 0px 0px 20px;} #OrangeBaftas contentContainer #OrangeBaftas.baftas { } #OrangeBaftas.OrangeRisingStarAward { } #OrangeBaftas.waparazzi { } #OrangeBaftas.baftas .baftaLink {padding:3px 4px 9px 11px; display:block; position:static; height:auto; background:url(/entertainment/images/generic/buttonBaftaLink.gif) left bottom no-repeat;} #OrangeBaftas.baftas .baftaLink a {text-decoration:none; color:#666;} #OrangeBaftas.baftas .baftaLink a:hover {text-decoration:none; color:#FF6600;} #OrangeBaftas.waparazzi ul.interviews li a{padding:0 0 0 13px; color:#444444 !important; text-decoration:none; background:url(/entertainment/images/generic/leftNavArrowOrange.gif) left top no-repeat;} #OrangeBaftas.waparazzi ul.interviews li.selected a{padding:0 0 0 13px; color:#FF6600 !important; text-decoration:none; background:url(/entertainment/images/generic/leftNavArrowOrange.gif) left top no-repeat;} ul.interviews li a{padding:0 0 0 13px; color:#444444 !important; text-decoration:none; background:url(/entertainment/images/generic/leftNavArrowOrange.gif) left top no-repeat;} ul.interviews li.selected a{padding:0 0 0 13px; color:#FF6600 !important; text-decoration:none; background:url(/entertainment/images/generic/leftNavArrowOrange.gif) left top no-repeat;} /* PROMO COLUMN DOWNLOAD LINK */ #film #promoColumn #downloadLink a, #film #promoColumn #downloadLink a em {background:url(/entertainment/images/film/promoDownloadLinkTitle.gif) 0px 0px no-repeat;} /* ========= FIND FILM ========= */ #findFilm h4 {margin-top:15px;} /* ========= ORANGE WEDNESDAYS ========= */ #OrangeWednesdays span{visibility:visible !important;} /* HOME PAGE */ #OrangeWednesdays h4.orangeText{color:#FF6600;} /* CINEMA AND FILM FINDER*/ #OrangeWednesdays #filmFinderArea {padding:0 0 25px 0; margin:10px 0 0px 0; float:left; width:100%; } #OrangeWednesdays form#filmFinder ul#filmSelector, #OrangeWednesdays #filmFinderArea ul#filmSelectorText {margin:0; padding:0;} #OrangeWednesdays form#filmFinder ul#filmSelector li, #OrangeWednesdays #filmFinderArea ul#filmSelectorText li {float:left; padding:0 0px 8px 0; width:112px; } #OrangeWednesdays form#filmFinder ul#filmSelector input#film_name, #OrangeWednesdays form#filmFinder ul#filmSelector input#cinema_postcode {width:112px;} #OrangeWednesdays #cinemaFilmResults{margin:0px;padding:0px; width:390px;} #OrangeWednesdays #cinemaFilmHeader{background:url(/entertainment/images/film/_orangeWednesdays/cinemaFilmHeader.gif) left top no-repeat;} #OrangeWednesdays #cinemaFilmMid{ background:url(/entertainment/images/film/_orangeWednesdays/cinemaFilmMid.gif) left top repeat-y; padding-left:14px;} #OrangeWednesdays #cinemaFilmFooter{background:url(/entertainment/images/film/_orangeWednesdays/cinemaFilmFooter.gif) left top no-repeat;} #OrangeWednesdays #cinemaFilmText1{display:inline; margin:0px;padding:0px;} #OrangeWednesdays #cinemaFilmText2{display:inline;margin-left:6px;} #OrangeWednesdays .dynamicTextBlack{color:#000000; font-weight:bold; font-size:11px; display:inline; position:relative; top:-4px;} #OrangeWednesdays .dynamicTextBlackUpper{color:#000000; font-weight:bold; font-size:11px; display:inline; position:relative; top:-4px;text-transform:uppercase;} #OrangeWednesdays .cinemaBorder{border-bottom:1px dashed #BFBFBF;width:362px;padding-bottom:4px;} #OrangeWednesdays .cinemaBorderFilmReview{border-bottom:1px dashed #BFBFBF;width:362px;padding:7px 0 7px 0;clear:both;} /* PAGINATION */ #OrangeWednesdays ul.pagination{ width:362px; text-align:right; margin-right:10px; padding-top:7px;} #OrangeWednesdays ul.paginationleft{ width:48%; text-align:left; padding-top:7px; float:left;} #OrangeWednesdays ul.paginationright{ width:45%; text-align:right; padding-top:7px; float:left;} #OrangeWednesdays ul.pagination li, #OrangeWednesdays ul.paginationleft li, #OrangeWednesdays ul.paginationright li {display:inline; padding:0px 0px 0px 0; color:#666666;} #OrangeWednesdays ul.pagination li a, #OrangeWednesdays ul.paginationleft a, #OrangeWednesdays ul.paginationright a, #OrangeWednesdays ul.pagination li.first a {color:#666666;} #OrangeWednesdays ul.pagination li a.active, #OrangeWednesdays ul.paginationleft li.active, #OrangeWednesdays ul.paginationright li a.active, #OrangeWednesdays ul.pagination li.first a.active {color:#FF6600 !important;} #OrangeWednesdays ul.pagination li.first, #OrangeWednesdays ul.paginationleft li.first, #OrangeWednesdays ul.paginationright li.first{padding:0 0px 8px 12px; background:url(/entertainment/images/film/_orangeWednesdays/paginationBullet.gif) 0px 5px no-repeat; } #OrangeWednesdays ul.pagination li.next, #OrangeWednesdays ul.paginationright li.next{padding:0 0px 8px 5px;} /* CINEMA DETAILS */ #OrangeWednesdays .cinemaDetails{margin-top:18px; width:362px;} #OrangeWednesdays h5.cinemaDetailsTitle{margin:0; color:#FF6600; display:inline;} #OrangeWednesdays .cinemaDetailsText{color:#000000; font-weight:bold; font-size:11px; display:inline;margin-left:5px; position:static;} #OrangeWednesdays .cinemaDetailsContainer{border-bottom:1px dashed #BFBFBF; width:362px;padding:4px 0px 18px 0px;} #OrangeWednesdays .cinemaDetailsContainerBott{border:none;} #OrangeWednesdays .cinemaDetails1, #OrangeWednesdays .cinemaDetails2, #OrangeWednesdays .cinemaDetails3{width:32%; float:left;margin-right:4px;} #OrangeWednesdays .cinemaDetails3 li{font-style:italic;} /* REVIEW A FILM */ #OrangeWednesdays #reviewSelectArea {padding:0 0 25px 0; margin:10px 0 30px 0; float:left; width:100%;} #OrangeWednesdays #reviewSelectArea ul#reviewSelector {float:left; width:200px;} #OrangeWednesdays #reviewSelectArea ul#reviewSelector li {float:left; padding:0 8px 8px 0;} #OrangeWednesdays input#filmTitle{width:142px;} #OrangeWednesdays #winnerBoxHeader, #OrangeWednesdays #winnerBoxHeader em{background:url(/entertainment/images/film/_orangeWednesdays/winnerBoxHeader.gif) left top no-repeat; height:34px; width:390px;} #OrangeWednesdays #winnerBoxMid{margin:0px; background:url(/entertainment/images/film/_orangeWednesdays/cinemaFilmMid.gif) left top repeat-y; padding-left:14px; width:390px;} #OrangeWednesdays #winnerBoxFooter{background:url(/entertainment/images/film/_orangeWednesdays/cinemaFilmFooter.gif) left top no-repeat;} #OrangeWednesdays #winnerBoxMid .reviewContainer{padding:20px 0 10px 0; margin:0 28px 0 0px; border-bottom:1px dashed #BFBFBF;} * html #OrangeWednesdays #winnerBoxMid .reviewContainer{padding:20px 0 10px 0; width:345px; border-bottom:1px dashed #BFBFBF;} #OrangeWednesdays #winnerBoxMid .winnerBox{width:362px;padding-top:20px;} #OrangeWednesdays #winnerBoxMid .reviewContainer p{margin:0px 0px 8px 0px;} #OrangeWednesdays #winnerBoxMid .winnerBox p{margin:10px 0px 8px 0px;} #OrangeWednesdays #winnerBoxMid .reviewContainer .userName, #OrangeWednesdays #winnerBoxMid .winnerBox .userName{color:#666666;font-weight:normal;display:inline;margin:0px 10px 0px 0px;} #OrangeWednesdays #winnerBoxMid .userIcon {width:49px; float:left;} #OrangeWednesdays #winnerBoxMid .userText, #OrangeWednesdays #winnerBoxMid .userTextOrange{font-weight:bold;padding-top:25px;padding-bottom:0px;} #OrangeWednesdays #winnerBoxMid .userTextOrange{color:#FF6600;padding-top:30px;} #OrangeWednesdays #winnerBoxMid .userTextReview{font-weight:bold;padding-top:25px;padding-bottom:10px;} #OrangeWednesdays #winnerBoxMid .userTextReview .userName{margin-left:5px;} #OrangeWednesdays #winnerBoxMid ul.pagination{ width:362px; text-align:right; margin-right:10px; padding-top:10px;} #OrangeWednesdays #reviewBoxHeaderWhite { height:9px; width:390px; margin:0px;padding:0px; background: url(/entertainment/images/film/_orangeWednesdays/boxtop.gif) left bottom no-repeat; line-height:0px; } #OrangeWednesdays ul#reviewBoxHeader{height:50px; width:390px; margin:0px;} #OrangeWednesdays #reviewBoxHeader li{float:left; display:inline;} #OrangeWednesdays #reviewBoxHeader li#li_review{ width:117px;} #OrangeWednesdays #reviewBoxHeader li#li_readreview{ width:117px;} #OrangeWednesdays #reviewBoxHeader li#li_find{ width:109px;} #OrangeWednesdays #reviewBoxHeader li#li_remind{ width:164px;} #OrangeWednesdays #reviewBoxHeader li#li_review a#reviewThisFilm, #OrangeWednesdays #reviewBoxHeader li#li_review a#reviewThisFilm em{background:url(/entertainment/images/film/_orangeWednesdays/reviewThisFilm.gif) left top no-repeat; height:50px; width:117px;} #OrangeWednesdays #reviewBoxHeader li#li_review a#reviewThisFilm:hover, #OrangeWednesdays #reviewBoxHeader li#li_review a#reviewThisFilm:hover em{background-position:0px -50px;} #OrangeWednesdays #reviewBoxHeader li#li_readreview a#readReviews, #OrangeWednesdays #reviewBoxHeader li#li_readreview a#readReviews em{background:url(/entertainment/images/film/_orangeWednesdays/readReviews.gif) left top no-repeat; height:50px; width:117px;} #OrangeWednesdays #reviewBoxHeader li#li_readreview a#readReviews:hover, #OrangeWednesdays #reviewBoxHeader li#li_readreview a#readReviews:hover em{background-position:0px -50px;} #OrangeWednesdays #reviewBoxHeader li#li_find a#findACinema, #OrangeWednesdays #reviewBoxHeader li#li_find a#findACinema em{background:url(/entertainment/images/film/_orangeWednesdays/findACinema.gif) left top no-repeat; height:50px; width:109px;} #OrangeWednesdays #reviewBoxHeader li#li_find a#findACinema:hover, #OrangeWednesdays #reviewBoxHeader li#li_find a#findACinema:hover em{background-position:0px -50px;} #OrangeWednesdays #reviewBoxHeader li#li_remind a#remindMe, #OrangeWednesdays #reviewBoxHeader li#li_remind a#remindMe em{background:url(/entertainment/images/film/_orangeWednesdays/remindMeOnWeds.gif) left top no-repeat; height:50px; width:164px;} #OrangeWednesdays #reviewBoxHeader li#li_remind a#remindMe:hover, #OrangeWednesdays #reviewBoxHeader li#li_remind a#remindMe:hover em{background-position:0px -50px;} #OrangeWednesdays #allreviewscontainer { height:386px; width:390px; background: url(/entertainment/images/film/_orangeWednesdays/allreviewsBox.jpg) left bottom no-repeat; display:block; padding-top:40px; } #OrangeWednesdays #allreviewscontainer .header { display:block; position:relative; top:25px; left:25px; } #OrangeWednesdays #allreviewscontainer #films { display:block; position:relative; top:40px; left:20px; } #OrangeWednesdays #allreviewscontainer .greyfilmbox { display:block; background-color:#f4f4f4; padding:3px 5px 3px 5px; margin:0; width:88%; margin-bottom: 10px; } #OrangeWednesdays #pagination { margin-top:-60px; margin-left:310px; } /* REVIEW A FILM - ENTER YOUR REVIEW */ #OrangeWednesdays .borderContainer .borderTop{border-top:1px dashed #BFBFBF;padding:5px 0 5px 0;} #OrangeWednesdays .borderContainer .borderTop a#reviewTerms{margin-left:27px;} #OrangeWednesdays form .reviewInfo {float:left; padding-left:105px; width:250px;} #OrangeWednesdays .winnerBox .formFieldRow{ clear:both;width:362px;} #OrangeWednesdays .winnerBox .formFieldRow label{ display:block; float:left; width:105px;} #OrangeWednesdays .winnerBox .formFieldRow label#choosechar{padding-top:14px;} #OrangeWednesdays .winnerBox .formFieldRow input{display:block; float:left;} #OrangeWednesdays .winnerBox .formFieldRow a{display:block; float:left;} #OrangeWednesdays .winnerBox .formFieldRow ul.choosecharacter{margin:0px;padding:0px;} #OrangeWednesdays .winnerBox .formFieldRow ul.choosecharacter li{float:left; display:inline;} #OrangeWednesdays .winnerBox .formFieldRow ul.choosecharacter li input{display:inline; width:auto; float:left;margin:0 22px 0 15px;padding:0px; border:0px;} * html #OrangeWednesdays .winnerBox .formFieldRow ul.choosecharacter li input{display:inline; width:auto; float:left;margin:0 20px 0 10px;padding:0px; border:0px;} #OrangeWednesdays .winnerBox textarea{border:2px solid #cccccc; font-size:12px; width:358px; height:80px; overflow:hidden;margin:-8px 0 -5px 0;} /* REVIEW A FILM - THANKS */ #OrangeWednesdays .borderContainer{padding:14px 0 20px 0;margin:0px;width:362px;} #OrangeWednesdays .borderContainer .borderTopBottom{border-top:1px dashed #BFBFBF;border-bottom:1px dashed #BFBFBF;padding:5px 0 5px 0;} #OrangeWednesdays .borderContainer .borderTopBottom input{border:0px;} #OrangeWednesdays .borderContainer .borderTopBottom span{position:relative; top:-2px;} #OrangeWednesdays form#orangeWednesdaysForm{padding-bottom:10px;} #OrangeWednesdays form#orangeWednesdaysForm div#reviewSignupText{margin-left:5px;} #OrangeWednesdays form#orangeWednesdaysForm input#reviewSignupCheckbox{float:left;} /* COMIC STRIPS ARCHIVE */ #OrangeWednesdays .singleColumnImageNoPadding ul#comicStripsArchive {margin:0; padding:0;} #OrangeWednesdays .singleColumnImageNoPadding ul#comicStripsArchive li {width:136px;} #OrangeWednesdays .singleColumnImageNoPadding ul#comicStripsArchive a img{margin:3px 0 3px 0 !important;} #OrangeWednesdays #monthSelect{width:125px; margin:0 0 10px 5px;} /* FILM SEARCH */ #OrangeWednesdays .first {margin-top:0} #OrangeWednesdays ul.film-listing li>div {overflow:auto; background:url(images/generic/dottedLine.gif) left top repeat-x;} #OrangeWednesdays ul.film-listing img.rating {margin:10px;} * html #OrangeWednesdays ul.film-listing li {width:100%; overflow:visible;} #contentArea .title img {float:left; margin-right:10px;} /* TELL A FRIEND */ #OrangeWednesdays h3#yourDetails, #OrangeWednesdays h3#yourDetails em {height:18px; background:url(/entertainment/images/film/yourDetails.gif) no-repeat;} #contentArea h3#friendsEmail, #contentArea h3#friendsEmail em {height:14px; width:100px; background:url(/entertainment/images/film/titleFriendsEmail.gif) no-repeat;} /* form */ #OrangeWednesdays .formBoxTop {height:5px; background:url(/entertainment/images/film/formBoxTop.gif) left top no-repeat;} #OrangeWednesdays .formBoxbottom {padding:10px 20px; background:url(/entertainment/images/film/formBoxBottom.gif) left bottom no-repeat;} #OrangeWednesdays .formBg {background:url(/entertainment/images/film/formBoxBg.gif) left bottom repeat-y;} #OrangeWednesdays #tellAFriendForm {background:url(/entertainment/images/film/formTicketsBg.gif) 157px 0 no-repeat;} #OrangeWednesdays #tellAFriendForm .formFields {width:360px; w\idth:375px; padding:0; margin:0;} #OrangeWednesdays #tellAFriendForm label span {width:80px;} #OrangeWednesdays #tellAFriendForm select, #OrangeWednesdays #tellAFriendForm input {width:230px;} #OrangeWednesdays #tellAFriendForm .submitArea {padding-top:10px; background:url(/entertainment/images/film/dashed-line.gif) 0 0 no-repeat;} #OrangeWednesdays #tellAFriendForm .formFieldRow {padding:5px 0; margin-top:7px; width:360px; w\idth:375px; display:block;} * html #OrangeWednesdays #tellAFriendForm .formFieldRow {padding:3px 0;} #OrangeWednesdays #tellAFriendForm .formFieldRow select {display:inline;} #OrangeWednesdays #tellAFriendForm .submitButton, #OrangeWednesdays #tellAFriendForm .submitInput {float:left; margin-right:21px; position:relative;} /* submit button */ #OrangeWednesdays .submitButton {display:block; width:59px; height:21px; background:url(/entertainment/images/generic/buttonSubmit.gif) left top no-repeat;} #OrangeWednesdays a:hover.submitButton {background-position:0 -21px;} #OrangeWednesdays #tellAFriendForm .submitArea p {clear:none; float:left; width:230px; margin:0; padding:0;} /* ========= MOVIE OF THE MONTH ========= */ #movieOfTheMonth #contentArea .singleColumnImageWide img {position:relative; left:15px;} #movieOfTheMonth h4 {margin-top:15px;} /* ORANGE RECOMMENDS */ #OrangeRecommends .synopsis {padding:5px 0 20px 0;} #OrangeRecommends ul.filmList {margin-left:-7px;} * html #OrangeRecommends ul.filmList {float:left;} #OrangeRecommends ul.filmList img {padding:0; margin:0 0 -10px 0; display:block;} #OrangeRecommends ul.filmList h4 {padding:0 12px 0 3px; margin-top:15px;} #OrangeRecommends ul.filmList h4 {font-size:100%;} #OrangeRecommends ul.filmList h4.singleLine {padding-bottom:14px;} #OrangeRecommends ul.filmList p {margin:0; padding-left:3px; margin-top:4px;} #OrangeRecommends ul.filmList li {float:left; width:125px; margin-left:2px; margin-bottom:20px;} #OrangeRecommends ul.filmList p.singleLinePadding {padding-bottom:15px;} #OrangeRecommends ul.filmList p.doubleLinePadding {padding-bottom:28px;} #OrangeRecommends ul.filmList p.last a {display:block; background:url(/entertainment/images/generic/homeConstantFeaturesArrow.gif) right top no-repeat;} #OrangeRecommends ul.filmList p.last {display:block; background:url(/entertainment/images/generic/homeConstantFeaturesDotted.gif) left top no-repeat; margin-right:10px; padding:5px 0 5px 3px;} #OrangeRecommends .singleColumnImageWide {float:left; width:151px; margin:0 -12px; overflow:visible;} #OrangeRecommends .singleColumnImageWide img {position:relative; left:10px;} #OrangeRecommends .logoImage {float:left; margin-right:10px;} /* ========= TOP 10 FILMS ========= */ #top10Films .doubleColumn p {margin-bottom:0;}