/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline-color:-moz-use-text-color; outline-style:none; outline-width:0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* ************************************************** */ /* Start Home Columns */ /* ************************************************** */ form.landHome #bdy { background: #000 !important; } #home-content {width: 100%; height: auto; min-height: 400px; margin: 0 auto; float: left; padding-bottom: 50px;} #home-content h1.tv, #home-content h1.movies, #home-content h1.clips { margin: 15px 0 15px 0; text-indent: -999em; font-size: 14px; } #home-content h1 { cursor:pointer; } #home-content h1 a:hover { text-decoration: none; } #home-content .featured {width: 164px; margin-right: 44px; display: inline; float: left; } /* TV Shows Header */ #home-content h1.tv { background: url(i/headersSprite.png) no-repeat 0 0; width: 90px; } #home-content h1.tv:hover { background-position: -91px 0px; } /* Movies Header */ #home-content h1.movies{ background: url(i/headersSprite.png) no-repeat 0 -22px; width: 90px; } #home-content h1.movies:hover { background-position: -91px -22px; } /* Clips Header */ #home-content h1.clips{ background: url(i/headersSprite.png) no-repeat 0 -42px; width: 90px; } #home-content h1.clips:hover { background-position: -91px -42px; } #home-content .left {width: auto; float: left; } #home-content .right {float: right; width: 330px; } #home-content .right .med { padding-top: 12px; } #homepage-scroll { width: 100%; height: 327px; overflow: hidden; } #home-content .contentWrap { margin-top: 39px; } #home-content .tabs li a { text-align: center; font-size: 12px; } #home-content .tabs a span { padding: 5px 18px 5px 15px; } #home-content .first a span, #home-content .first a:hover span, #home-content .first a.active, #home-content .first a.active span { background-image: url('i/tabs/home/tabsAlt.png'); background-repeat: no-repeat; } /* Global First Tab */ #home-content .hottestWrap .tabs .first a { background:#515151; color: #fff; } #home-content .hottestWrap .tabs .first a span { background: url(i/tabs/home/tabsAlt.png) no-repeat 0 0; } #home-content .hottestWrap .tabs .first a:hover { background: #c50e10; } #home-content .hottestWrap .tabs .first a:hover span { background: url(i/tabs/home/tabsAlt.png) no-repeat 0 -45px; } #home-content .hottestWrap .tabs .first a.active { border-top: none; background: url(i/tabs/home/tabsAlt.png) no-repeat 100% -92px; border-bottom: none; color: #000 !important; } #home-content .hottestWrap .tabs .first a.active span { background: url(i/tabs/home/tabsAlt.png) no-repeat 0 -92px; } /* Global Last Tab */ #home-content .hottestWrap .tabs .last a { background:#515151; color: #fff; } #home-content .hottestWrap .tabs .last a span { background: url(i/tabs/home/tabsAlt2.png) no-repeat 100% 0; } #home-content .hottestWrap .tabs .last a:hover { background: #c50e10; } #home-content .hottestWrap .tabs .last a:hover span { background: url(i/tabs/home/tabsAlt2.png) no-repeat 100% -45px; } #home-content .hottestWrap .tabs .last a.active { border-top: none; background: url(i/tabs/home/tabsAlt2.png) no-repeat 0 -92px; color: #000 !important } #home-content .hottestWrap .tabs .last a.active span { background: url(i/tabs/home/tabsAlt2.png) no-repeat 100% -92px; } #home-content .tabs li { width: 95px; } #home-content .tabs li a span { width: 68px; } #home-content .tabs .first { width: 36px; } #home-content .tabs .first a span { width: 45px; padding: 5px 18px; } #home-content .tabs .first a.active span { padding: 6px 18px 5px 18px; } #home-content .tabs .last { width: 54px; } #home-content .tabs .last a span { /*width: 44px;*/ padding: 5px 20px; } #home-content .tabs .last a.active span { padding: 5px 20px; } /* ************************************************** */ /* Start Global Tabs Styles */ /* ************************************************** */ .tabbed_box h4, ul.tabs li a { color:#fff !important; } #tabbed_box_1, #tabbed_box_2 {margin: 0px auto 0px auto;width:100%;} .tabbed_box h4 { letter-spacing:-1px;margin-bottom:10px;} .tabbed_box h4 small {color:#e3e9ec;font-weight:normal;font-size:9px;text-transform:uppercase;position:relative;top:-4px;left:6px;letter-spacing:0px;} .tabbed_area {padding:0;width: 100%; } ul.tabs li a, ul.tabs li a.active span, ul.tabs li a span { float: left; } ul.tabs {margin:0px; padding:0px;z-index: 5; position: absolute; } ul.tabs li {list-style:none;display:inline; } ul.tabs li a {background:#515151; text-decoration:none;font-size:13px;font-weight:bold; display: block; margin-right: 1px; cursor: pointer; /*border-top: 1px solid #dadada;*/ } ul.tabs li a:hover {background:#c50e10; text-decoration:none;} ul.tabs li a.active {background:#fff; border-top: 1px solid #d0d0d0; } ul.tabs li a.active span {display:block; padding: 5px 14px 6px 12px; color:#2d2d2d;} ul.tabs li a.active:hover {background:#fff; } ul.tabs li a span { padding: 6px 14px 6px 12px; display:block; } ul.tabs li.last a, ul.tabs li.first a { background:#515151; } ul.tabs li.first a:hover, ul.tabs li.last a:hover { background: #c50e10; } ul.tabs li.first a.active, ul.tabs li.last a.active { border-top: none; } /* Global First Tab */ ul.tabs li.first a span { background: url(i/tabs/first/tabs.gif) no-repeat 0 0; padding: 6px 14px 6px 12px; } ul.tabs li.first a:hover span { background: url(i/tabs/first/tabs.gif) no-repeat 0 -31px; } ul.tabs li.first a.active { background: url(i/tabs/first/tabs.gif) no-repeat 100% -61px; } ul.tabs li.first a.active span { background: url(i/tabs/first/tabs.gif) no-repeat 0 -61px; padding:6px 14px 6px 12px; } /* Global Last Tab */ ul.tabs li.last a span { background: url(i/tabs/last/tabs.gif) no-repeat 100% 0; padding: 6px 14px 6px 12px; } ul.tabs li.last a:hover span { background: url(i/tabs/last/tabs.gif) no-repeat 100% -31px; } ul.tabs li.last a.active { background: url(i/tabs/last/tabs.gif) no-repeat 0 -61px; } ul.tabs li.last a.active span { background: url(i/tabs/last/tabs.gif) no-repeat 100% -61px; padding: 6px 14px 6px 12px; } /* Global Solo Tab */ ul.tabs li.solo a.active { border-right: 1px solid #dadada; border-left: 1px solid #dadada; } /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Global Wrapper Styles */ /* ************************************************** */ /* Rounded Corners - Content Wrapper */ .contentWrap {z-index: 1; background: #fff;position: relative; border: 1px solid #dadada; width: 100%; margin-top:27px; } .contentWrap.tabs { margin-top: 27px; } /* Round All Corners */ .contentWrap.wrapAll { background: url(i/WrapAllBg.gif) repeat-x 0 0; margin-top:10px; padding: 10px; width: 100%; } .contentWrap.wrapAll h1 { margin:0 0 5px 0; } .contentWrap.wrapAll h1.join, .contentWrap.wrapAll h1.join.sorry { margin: 15px 0 0 0; } .contentWrap.wrapAll h1.join.sorry { padding:0 5px 5px 60px; } /* Search Content Wrapper */ .contentWrap.search a.all { margin: 0 0 0 19px; position: relative; } .contentWrap.search { background: none; padding-bottom: 10px; margin-top: 10px; } /* Top 10 Hottest (Side-Nav) */ div.hottestWrap .contentWrap { width: auto; } div.hottestWrap #Top10.contentWrap { width: 99.4%; } #outer_mw, #outer_lc, #outer_tvchannels, #outer_moviechannels, #outer_related, #main.home #Suggest { display:none; } /* Playlist Functionality in Top Hottest (Side-Nav) */ .hottest li { position: relative; } .hottest a.favorite, .video a.favorite, .favorite { background:url(i/buttonsSprite.png) no-repeat -590px 0; height: 25px; width: 22px; } .hottest a.favorite:hover { background:url(i/buttonsSprite.png) no-repeat -611px 0; } .hottest a.favorite { left: 90%; top: 10px; position: absolute;} .video a.favorite { top: -4px; left: 137px; display: block} /*.hottest a.add, .video a.add { background-position: -606px 0}*/ .hottest a.added, .video a.added{ background-position: -609px -25px } .hottest a.favorite.loading { background: url(i/ajax-loader_small.gif) no-repeat center; cursor: progress; display: block} .hottest .price-text { font-size: 12px; color: #CF1E14; font-weight: bold; display: block; float: left; width: 50%;} /* Can't find what you are looking for? - Call Out */ #Suggest { background: #fff; margin-bottom: 10px; } div.hottestWrap #Suggest.contentWrap { width: 92.4% } a.favorite { cursor: pointer; } /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Global Content Styles */ /* ************************************************** */ .content, .content div.inner, .contentWrap div.inner, .content_inner, .content img.poster, .content img.cdArt { float: left; } .content div.inner h3.watch, .content a.play { color: #fff; } .content, .content div.inner, .contentWrap div.inner { width: 97%; } /* Not sure if this is used anymore? - Leave just in case */ .content_inner { padding: 0 0 0 20px; margin-top: 21px; } .content div.inner h3.watch { overflow: hidden; margin: 10px 0; background: #b91b33; font-size: 13px; padding:5px 0 5px 2%;width:96%; } .content img.poster, .content img.cdArt {padding:0 16px 5px 5px; text-align: left; width: 175px; height: 240px; } .content img.cdArt { width: 174px; height: 174px; } .content a.play {position: absolute; left: 65px; top: 65px; display: block; background: #999; padding: 5px; } /* Pagination */ .content .pagination { text-align: right; font-size: 80%; margin: 10px 0 20px 0; padding-right: 20px; height: 30px; clear: both; } .content .pagination a.active { font-weight: bold; color: #000; font-size: 97%; text-decoration: underline; background: #fff;} .content #misc.pagination {border-top:1px solid #D0D0D0;clear:left;display:block;float:right;font-size:80%;height:15px;margin:10px 4% 10px 0;padding:15px 0 0;text-align:right;width:97%; } .content #results.pagination, #misc.pagination { clear:both;margin:0 17px 15px;padding:10px 0 0; height: 7px;} /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start My Account Tabbed Menu Styles */ /* ************************************************** */ #myAccount .contentWrap #tabbed_box_1 {margin:0 auto; padding:0 4px; width: auto;} #myAccount .contentWrap #tabbed_box_1 .contentWrap { margin-top: 27px; margin-bottom: 12px; width: 99.5%; float: left } #myAccount .contentWrap { background: #fff url(i/editBgTall_long.gif) repeat-x 0 107px; float: left; padding: 0 0 10px 0; width: 100%; } #myAccount #myChannels.contentWrap { background-position: 0 97px; } #myAccount .contentWrap h1 { margin:10px 0 0 10px; } #myAccount .contentWrap p.edit { margin: 10px 15px 25px 10px; } #myAccount .contentWrap .contentWrap, #myAccount .hottestWrap .contentWrap { background: #fff; } #myAccount .content .inner {margin-top: 10px; padding: 0 0 0 10px; width: auto; position:static; } #myAccount .content .inner p { float: none; } #myAccount .content .inner p.hide { display: none; } #myAccount .content div.highlight { text-align: center; padding: 5px 10px 7px 10px; margin-bottom: 15px; background: #e1e1e1; margin-right: 10px; } #myAccount .content div.highlight.rjsError { padding-bottom: 10px !important; font-weight: normal !important; } #myAccount .content div.highlight.rjsError.success { background: #DCEADA; padding-bottom: 7px !important; } #myAccount .content div.highlight p, #myAccount .content div.errorCustom p { padding-right: 0 !important; margin-bottom: 0 !important; font-size: 11px; font-weight: normal !important; text-align: center; } myAccount .content div.highlight p a, #myAccount .content div.errorCustom p a { color: #000; } #myAccount .content div.highlight.rjsError span { font-weight: bold; } #myAccount .content div.highlight a:hover { text-decoration: underline; color: #000 !important; } #myAccount .contentWrap #tabbed_box_1 .contentWrap .inner { margin-top: 21px; } #myAccount .contentWrap #tabbed_box_1 .contentWrap .inner p{ padding: 0 12px 0 0; } #myAccount .contentWrap.personalInfo { background-position: 0 90px; } #myAccount .contentWrap.personalInfo .questionLinks { position: relative; top: 8px; margin-left: 10px; } /* ************************************************************ */ /* Updated Design for Edit Personal Info ~ Updated on 6/22/11 - Brandon Wolvin */ /* ************************************************************ */ #myAccount .contentWrap.personalInfo label { margin-bottom: 10px; width: auto; } #myAccount .contentWrap.personalInfo fieldset { padding-bottom: 20px; } #myAccount .contentWrap.personalInfo fieldset > div label:first-child { width: 145px; } #myAccount .contentWrap.personalInfo .checkBoxes { margin-left: 127px; } #myAccount .contentWrap.personalInfo .checkBoxes label { font-size: 11px; width: auto; } #myAccount .contentWrap.personalInfo .edit-link { background: url("i/register/edit-arrow-bg.gif") no-repeat 100% -2px; padding-right: 10px; padding:0 10px 0 8px; position: relative; top: 4px; display: inline-block; } #myAccount .contentWrap.personalInfo .edit-link a { font-size: 11px; text-decoration: underline; position: relative; top: -5px; text-transform: capitalize; } #myAccount .contentWrap.personalInfo #changePassword label { width: 100px; } #myAccount .contentWrap.personalInfo .form-row { overflow: hidden; } #myAccount .contentWrap.personalInfo #edit-personal-info label:first-child { width: 120px; } #myAccount .contentWrap.personalInfo #edit-dob label, #myAccount .contentWrap.personalInfo #edit-change-address label, #myAccount .contentWrap.personalInfo #edit-postal-code label { min-width: 150px; } /* ************************************************** */ /* End */ /* ************************************************** */ /* Adjust Tabs for Grey BG */ #myAccount ul.tabs li.last a span { background-image: url(i/tabs/last/greyTabs.gif); } #myAccount ul.tabs li.first a span { background-image: url(i/tabs/first/greyTabs.gif); } #myAccount ul.tabs li.first a.active { border-top: none; background: url(i/tabs/first/greyTabs.gif) no-repeat 100% -61px; } #myAccount ul.tabs li.first a.active span { background: url(i/tabs/first/greyTabs.gif) no-repeat 0 -61px; padding:6px 14px 6px 12px; } #myAccount ul.tabs li.last a.active { border-top: none; background: url(i/tabs/last/greyTabs.gif) no-repeat 0 -61px; } #myAccount ul.tabs li.last a.active span { background: url(i/tabs/last/greyTabs.gif) no-repeat 100% -61px; padding: 6px 14px 6px 12px; } /* Personal Info Section - Tabbed Menu with Form Styles */ /* ************************************************** */ #myAccount .contentWrap #tabbed_box_1 .contentWrap.edit { width: 99.6%; float: left; } #myAccount fieldset { border: none; padding: 10px 0 0 0; } #myAccount fieldset label.agree { width: auto; text-align: left; padding: 2px 0 0 0; } #myAccount fieldset p.note.day { float: left; width: auto; } /*#myAccount fieldset .radioWrap { margin: 0 0 8px 0; }*/ #myAccount fieldset .checkBoxes { margin-left: 150px; } #myAccount fieldset .checkBoxes input { width: auto; } #myAccount fieldset .checkBoxes label { width: 205px !important; line-height: 12px; } #myAccount fieldset input.year { margin-right: 5px; } #myAccount input.save, #myAccount a.save { margin: 0 0 0 138px; } #myAccount .buttonWrap input, #myAccount .buttonWrap a { margin-right: 10px; cursor: pointer; } /* Edit Personal Info */ #myAccount .innerWrap p.note { float: left;} #myAccount .alias { margin-left: 18px; } #myAccount .password-meter, #myAccount .validation-error { /*margin-left: 150px;*/ width: 213px; } #myAccount .option label { margin-bottom: 5px; } /* Video Highlights and Your Channels*/ #highlights.contentWrap { background-position: 0 -59px; } #myAccount #landing.contentWrap.channelList { margin-top:0; float: left; } #highlights .tabbed_area { margin-top: 20px; } #highlights h2{ margin:8px 0 5px 10px; } #highlights h2.video-title {margin: 0; } #highlights .video-wrap { padding: 0 18px; } #highlights .channel-wrap, #highlights .channel-wrap img { width:118px; } /* Change Password */ #myAccount fieldset#password p.note { width: 155px; } /* My Avatar */ #myAccount .upload { padding-left: 25px; width: 250px; } #myAccount ul.avatarSelect { list-style-type: none; } #myAccount ul.avatarSelect li { margin: 0 25px 15px 0; display: inline; float: left; } #myAccount ul.avatarSelect li img { width: 79px; height: 79px; display: block; border: 1px solid #000; } #myAccount .terms { margin-bottom: 10px; overflow-x:hidden; overflow-y:auto; } #myAccount .terms h2 { float: none; } #myAccount input.uploadImage { margin-bottom: 5px; } #myAccount .upload #termsConditions { width: 97%; margin-bottom: 5px; } /* ************************************************** */ /* End */ /* My Channels Side nav */ #myAccount .hottestWrap .contentWrap, .triedToWatchWrap .contentWrap { width: 92.5%; padding:10px; } #myAccount #myChannels.contentWrap .channel-wrap { height:50px;margin-right:35px;width:66px; overflow: hidden; } #myAccount #myChannels.contentWrap img { height: 37px; width: 66px; } #myAccount .hottestWrap h2 { margin-top: 0; } #myChannels.contentWrap .rjsError.success, #myChannels.contentWrap .rjsError { margin-right: 10px; } /* You Have # Channels */ #YourChannels .channel-wrap { width: 123px; } #myAccount #your_channels.inner { margin-top:21px; padding:0 0 0 10px; width:100%; } #YourChannels .channel-wrap img { width: 116px; } /* My Rogers Accounts */ #myAccount h1.join.sorry { margin-top:0; } #myAccount .accounts { margin-bottom: 15px; } #myAccount .accounts .textWrap { float: none; margin-bottom: 10px; } #myAccount .accounts ul { margin-top:10px; } /* Update Account and Cable Numbers */ .update { border-top: 1px solid #dadada; margin-top: 15px; clear: both; padding-top: 15px; } #myAccount .update fieldset { padding: 0; margin:0; } #myAccount .community .contentWrap { background: none; width: auto; padding: 10px 13px; } #myAccount .community .contentWrap #tabbed_box_1 .contentWrap { width: 93%; } #myAccount .community .radioWrap { margin: 15px 0 0 0; } #myAccount .community .wrapRadio { line-height: 8px; margin-top: 0;} #myAccount .community .radioWrap, #myAccount .community .radioWrap label { font-size: 13px; line-height: 14px; padding-bottom: 5px; } #myAccount .community .enterNickname input { margin: 0 10px; border:1px solid #9D9D9D; width: 129px; height: auto; } #myAccount .community input.save { margin-left: 0; background-position: -343px -362px !important; width: 47px; height: 21px; } #myAccount .community input.cancel { background-position: -277px -362px; width: 63px; height: 21px; } #myAccount .community .wrapRadio { background: none; border: none; } /* ************************************************** */ /* End */ /* ************************************************** */ /* Galaxy Adjustments */ .tablet #myAccount #myChannels.contentWrap { margin-bottom: 25px; } /* Needed so channels wrap does not bump into footer */ /* ************************************************** */ /* Start Main Menu Styles */ /* ************************************************** */ #MainNav { margin: 0; padding: 0; z-index: 1; height: 39px; position: absolute; left: -12px; top: -14px; } #MainNav .menu, #MainNav .menu li, #MainNav .menu a { height: 100%; } #MainNav .menu li { float: left; position: relative; display: inline; z-index: 3; } #MainNav .menu li span { visibility: hidden; font-weight: normal; } #MainNav .menu li a { background: url(i/store/mainMenuSprite-new.png) no-repeat 0 0; display: block; z-index: 4;} #MainNav .menu li a:hover { text-decoration: none; } #MainNav #home, #MainNav #Channels, #MainNav #tv, #MainNav #Movies, #MainNav #clip, #MainNav #whatshot, #MainNav #store { padding-top: 6px !important; } #MainNav #home.active, #MainNav #Channels.active, #MainNav #tv.active, #MainNav #Movies.active, #MainNav #clip.active, #MainNav #whatshot.active, #MainNav #store.active { padding-top: 0px !important; } /* Home */ #MainNav #home { width: 63px; margin-right: 11px; } #MainNav #home a { background-position: 0 0; } #MainNav #home a:hover { background-position: 0 -86px; } #MainNav #home.active a { background-position: 0 -36px; } /* Channels */ #MainNav #Channels { width: 104px; margin-right: 13px; } #MainNav #Channels a { background-position: -74px 0; } #MainNav #Channels a:hover { background-position: -74px -86px; } #MainNav #Channels.active a { background-position: -74px -36px; } /* TV Shows */ #MainNav #tv { width: 116px; margin-right: 13px; } #MainNav #tv a { background-position: -190px 0;} #MainNav #tv.active a { background-position: -190px -36px; } /* Movies*/ #MainNav #Movies { width: 91px; margin-right: 12px; } #MainNav #Movies a { background-position: -319px 0px; } #MainNav #Movies.active a { background-position: -319px -36px !important; } /* Clips*/ #MainNav #clip { width: 78px; margin-right: 14px; } #MainNav #clip a{ background-position: -422px 0; } #MainNav ul.menu li#clip.active a { background-position: -422px -36px; } /* Whats Hot */ #MainNav #whatshot { width: 117px; margin-right: 14px; } #MainNav #whatshot a{ background-position: -513px 0; } #MainNav #whatshot a:hover { background-position: -514px -86px; } #MainNav #whatshot.active a { background-position: -513px -36px; } /* Genres */ #MainNav #store { width: 103px; } #MainNav #store a{ background-position: -643px 0;} #MainNav #store.active a { background-position: -643px -36px; } /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Main Nav Tray Docks */ /* ************************************************** */ #tvDock, #moviesDock, #clipsDock, #storeDock { display: none; color: #000; width: auto; position: absolute !important; top:21px; height: auto; z-index: 50000; margin-top: 9px; background: #fff; } #tvDock { left: 179px; } #moviesDock { left: 308px; } #clipsDock { left: 411px; } #storeDock { left: 634px; } #channelsDock, #whatshotDock, #genresDock { display: none !important; } .m { padding: 10px 35px 5px 15px; width: auto; height: auto; background: #fff url(i/docks/dockBg.gif) repeat-x left bottom; position: relative; } .m ul li { margin-bottom: 10px; } .m ul li, .m ul li a { font-size: 13px; color: #000; } #channelsDock div, #tvDock div, #moviesDock div, #clipsDock div, #whatshotDock div, #genresDock div { float: left; } /* Navigation Highlight Tabs */ #tvTab, #moviesTab, #clipsTab, #storeTab { background: url(i/store/mainMenuSprite-new.png) no-repeat 0 0; height: 48px; position: absolute; z-index: 10000; display: none; } #tvTab, #moviesTab, #clipsTab { top:-12px; } #storeTab { top:-11px; } #channelTab, #hotTab, #genresTab {display: none!important; } #tvTab { left:179px; width: 117px; background-position: -190px -82px; } #moviesTab { left:308px; width: 91px; background-position: -319px -82px; } #clipsTab { left:411px; width: 78px; background-position: -422px -82px; } #storeTab { left:634px; width: 103px; background-position: -643px -82px; } .m .bl, .m .br, .m .tr, .m .l, .m .r, .m .b { position: absolute; display: block; } .m .l, .m .r { bottom: 5px; width: 11px; } .m .l { background: transparent url(i/docks/Left.png) repeat-y 0 0; left: -5px; right: auto; top:0; } .m .r { background: transparent url(i/docks/right.png) repeat-y 0 0; right: -11px; left: auto; top:1px; } .m .b { background:transparent url(i/docks/Bottom.png) repeat-x scroll 0 -4px; bottom:-10px;height:10px;left:6px;right:4px;top:auto;width:auto; } .m .bl, .m .br { width: 12px; height: 11px; } .m .bl { background: transparent url(i/docks/bottomLeft.png) no-repeat 0 0; left: -6px; bottom: -6px; } .m .br { background: transparent url(i/docks/bottomRight.png) no-repeat 0 0; right: -8px; bottom: -6px; } .m .tr { background: transparent url(i/docks/topRight.png) no-repeat 0 0; right: 0px; top: 0px; width: 4px; height: 2px; } .cc-content { display: none; position: absolute; left: 0; top: 0; width: 140px; padding: 10px; z-index: 15; background: #000; color: #fff; font-size: 80%;} #rentals-dock { width: 300px; } #storeDock .m { padding: 10px 15px 5px; } #rentals-dock #featured-rentals { margin-bottom: 25px; } #rentals-dock .alpha { width: 125px; } #rentals-dock .alpha li { float: left; display: inline; margin: 0 10px 8px 0; } #rentals-dock .alpha li, #rentals-dock .alpha a { font-size: 11px; } #rentals-dock .cta-link { color:#303030; font-size: 12px; font-weight: bold; } /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Search Box Styles */ /* ************************************************** */ #searchbox { width: 206px; position: absolute; right: 0; top: -6px; } #searchbox-inner { position: relative; width: 206px; } #searchbox-inner #wrap { width: 175px; height: 22px; background: url(i/searchboxBg.gif) repeat-x 0 0; border-left: 1px solid #afafaf; border-bottom: 1px solid #afafaf; border-right: 1px solid #000; float: left; } #searchbox-inner #wrap input.btn { padding: 0 5px; float: right; } #searchbox-inner #wrap input.search { width: 143px; color: #999999; font-size: 90%; padding: 0 0 0 7px; border: 0 !important; background: none; margin:3px 0 0 0; } /* Search Suggest */ #suggest {margin: 3px 0 0 0;width: 225px;z-index: 2600;position: absolute; left: 0; top:0; border: solid 1px #000; background: #f3f3f3 url(i/searchsuggestBg.gif) repeat-x left bottom; display: block;} #suggest div { padding: 10px 0 8px 10px; font-size: 11px; height: 18px; width: 215px; } #suggest span { width: 15px; height: 15px; margin-right: 8px; float: left; } #suggest p { overflow: hidden; width: 205px; height: 18px; padding-right: 5px; } #suggest div:hover { cursor: pointer; } #suggest div.selected{background: #e1e1e1; color: #000;} /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Drop Down Menu Styles */ /* ************************************************** */ #panel .side-nav a:focus {outline: none; color: #fff;} #panel .side-nav a:hover { color: #fff; } #panel {background: #f6f5f5;height: auto;display: none;float: left;width: 170px;padding: 10px 10px 20px 10px;margin: 0;z-index: 10; font-size: 90%; margin: 0 0 15px 0;} #panel ul li { padding: 3px 0; } .slide {margin: 0;padding: 0;color: #000;} .btn-slide {text-indent: -999em; display: block; float: right; width: 33px; height: 32px; background: url(i/icons/panelUp.gif) no-repeat 0 0;} .btn-slide.active {background: url(i/icons/panelDown.gif) no-repeat 0 0;} /*End Drop Down Menu Styles */ /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Main Container Styles */ /* ************************************************** */ #wrapper, #bdy, #headerWrap, #header, .leaderboardWrap, .nowPlaying, .inner { position: relative; } #main, #headerWrap, .innerWrap { width: 100%;} #wrapper { width: 957px; margin: 0 auto; height: 100%; } #bdy { overflow: hidden; min-height: 450px; } #main { background: #fff; float: left; overflow: hidden; min-height: 500px; padding-bottom: 20px; } .inner { width: 957px; margin: 0 auto; } .outerWrap { z-index: 6000; } /* ************************************************** */ /* End*/ /* ************************************************** */ /* ************************************************** */ /* Start Header Styles */ /* ************************************************** */ #headerWrap { z-index: 10; background: url('i/store/top-red-repeat.gif') repeat-x left bottom; margin-bottom: 1px; padding-bottom:29px;} #header { height: 157px; width: 957px; margin: 0 auto; } /* Leaderboard Ad */ .leaderboardWrap { width: 957px; margin: 0 auto; z-index: 200; } div.leaderboard { height: 90px; width: 728px; position: absolute; right: 0; top: 4px; z-index: 200; } div.leaderboard, #header div.leaderboard div div iframe { z-index: 200; } /* Header Util Links */ #header ul.util { margin-top: 104px; } #header ul.util li { height: 13px; float: left; color: #fff; font-size: 12px; font-weight: bold; padding-right: 10px; margin-right: 10px; display: inline; background: url(i/util_bg.gif) repeat-y right top; } #header ul.util li.loggedIn { margin-right: 45px; background: none; } #header ul.util li.last { background: none; } #header ul.util li.signOut { padding-right: 118px; border-right: none; } #header ul.util li a { color: #f2f2f2; font-size: 12px; } #header ul.util li a.active, #header ul.util li a:hover { text-decoration: underline; } #header ul.util li a.active { color: #e7a51b; background: none; } /* Video/Clip Title Wrapper */ .titleWrap h1 { float: left; overflow: hidden; height: 30px; max-width: 650px; } .titleWrap a, .titleWrap img { margin-top: 3px; float: left; margin-right: 5px; display: inline; } .titleWrap img { margin-left: 15px; } /* Channel Show Selector Wrapper */ #channel-header { margin: 0 0 3px 0; overflow: hidden; height: 49px; } #channel-header #inner { padding-top: 4px; float: left; } #channel-header #inner .imgWrap, div.imgWrap { height: 40px; float: left; margin-right: 10px; background: transparent; width: 80px;} #channel-header #inner .imgWrap { float: left; width: 80px; } #channel-header #inner .imgWrap img { float: right; /*width: 80px;*/} #channel-header #inner #selector { height: 23px; display: block; padding: 10px 0 10px 0; float: left } #channel-header #inner #selector select { width: 269px; height: 23px; float: left; margin-right: 1px; } /* Channel Skin BG Style */ .channelSkin {position:absolute;text-align:center;top:0; left: 0; width: 100%; overflow: hidden; height: 350px; } .channelSkin img { text-align: center; } /* Now Playing Bar */ .nowPlaying { height: 37px; background: url(i/nowPlayingBG.gif) repeat-x 0 0; } .nowPlaying span.logo, .nowPlaying h1 {margin: 0; padding: 0; background:url(i/headersSprite.png) no-repeat 0 0; display: block; text-indent: -999em; position: absolute; } .nowPlaying h1 { background-position: 0 -260px; width: 394px; height: 23px; top: 8px; left: 0; } .nowPlaying span.logo { background-position: 0 -289px; height: 26px; width: 120px; right: 34px; top: 4px; } /* Sponsorship Spot - (Future Release) */ /*.nowPlaying .sponsorship { position: absolute; left: 404px; top: 0; display: block; width: auto;} .nowPlaying .sponsorship p { margin: 12px 10px 0 0; color: #fff; } .nowPlaying .sponsorship p, .nowPlaying .sponsorship img { float: left; }*/ /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Title Bar Styles */ /* ************************************************** */ .sub a, .sub p, .sub a:hover, .sub h2 span, .titlebar, .main h2 span, .aux p, .aux a, .aux h4, .aux a:hover, span.info { color: #fff; } .sub a:hover, .aux a, .sub.movies a { text-decoration: underline; } .titlebar { font-size: 14px; font-weight: bold; width: 814px; } .titlebar img { width: 80px; height: 40px; font-size: 10px; text-align: center; } .titlebar.crackle { width: 812px; } /* Main Title Bar */ .main { margin: 13px 0 10px 0; } .main h2 { color: #e4a31e; text-transform: uppercase; font-size: 18px; margin:0; font-weight: normal;} .main h2 span { text-transform: none; } /* Sub Title Bar */ .sub a, .sub p { font-size: 14px; font-weight: bold; float: left; width: auto; margin-left: 10px; } .sub h4, .sub a, .sub img { float: left; } .sub h4, .sub p { margin-top: 10px; } .sub a.btn { margin-top: 11px; } .sub h2 { color: #e4a31e; text-transform: uppercase; font-size: 15px; margin:0;} .sub h2 span { text-transform: capitalize; } .sub a{ margin: 10px 0 0 10px; } .sub p { margin-bottom: 0!important; } /* Movies Title Bar */ .sub.movies {margin-bottom: 20px; } /* Channels Sub Bar */ #channelSub { padding-top: 6px; } #channelSub a.titleInfo { margin-top: 0;} /* Aux Title Bar */ .aux { margin-bottom: 20px; overflow: hidden; padding-top: 6px; } .aux p, .aux a, .aux h4 { float: left; margin:0; padding: 0 10px 0 0; font-size: 14px; font-weight: bold; } .aux h4 span.title { color: #e4a31e; text-transform: uppercase; } .show h4, #musicVideo h4 { color: #e4a31e; padding:0 10px 0 0;} /* Music Title Bar */ .music { vertical-align: middle; margin: 0 0 3px 0; } #musicVideo { margin-bottom: 20px; vertical-align: top; } #show.titlebar { margin-bottom: 20px; } #show.titlebar a.rating { margin-left: 0; } /* Social Icons */ .socialIcons { width: 52px; height:22px; display: inline; float: left; margin-top: 6px; } .socialIcons a { background:url(i/iconSprite.png) no-repeat 0 0; width: 22px !important; height: 22px !important; padding: 0 !important; display: block; margin:0; } /*.socialIcons a.favorite { display: none }*/ .socialIcons a.favorite.add, .socialIcons a.favorite:hover { background-position: -235px -62px !important; position: static; display: block} .socialIcons a.favorite.added,.socialIcons a.favorite.added:hover { background-position: -235px -93px !important; position: static; display: block } .socialIcons a.favorite.loading { background: #a91815 url(i/ajax-loader_small_alt.gif) no-repeat center; display: block } .socialIcons a.share { background-position: -263px -62px; position: static; } .sub .socialIcons { margin-top: 6px; } span.info { background: #000; text-align: center; padding: 5px; margin-left: 15px; font-size: 12px; } #rate-it { width: 157px; font-size: 14px; margin-right: 13px; padding-left: 0; margin-left: 10px; } #rate-it span { padding-top: 2px !important; display: inline-block; } .titlebar p, .titlebar a, .titlebar h4 { padding-top: 2px; } /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Multi-Col Layout Styles */ /* ************************************************** */ .column, #two-col, #two-col #side-nav, #two-col #right, #two-col #right #rightGutter, #two-col #right #Spotlight.contentWrap, #two-col #right div.genre, #three-col #side-nav, #three-col #middle, #three-col #middle ul.pagination, #three-col #middle .find.byChannel div { float: left; } #two-col #side-nav #inner, #two-col #right #rightGutter { padding: 0; } #two-col #right .content_inner, #three-col .footer { clear:both; } #two-col, #two-col #side-nav, #two-col #right, #two-col #right div.genre, #three-col #side-nav, #three-col #middle .search ol li { display: inline; } #three-col #middle, .column { overflow: hidden;} .column { padding-right: 2%; overflow: hidden;} /* Two-Col Styles */ /* ************************************************** */ #two-col { width: 957px; margin: 0 0 0 0; padding: 14px 0 35px 0;} #two-col #side-nav { width: 177px; margin: 0 31px 0 0; height: 100%; min-height: 500px; padding: 0 0 20px 0; } /* What's Hot Styles */ #side-nav #inner ol { list-style-position:outside;list-style-type:decimal;padding:0 0 0 25px;width:155px;} #side-nav #inner ol li { font-size: 95%; padding-top: 8px; margin-left: 5px;} /* Right Column */ #two-col #right { width: 736px; background: #fff; padding: 0; margin: 0 13px 0 0; position: relative; height: auto; } #two-col #right .content { width: 100%; } #two-col #right h1 { position: relative; margin: 0 20px 10px 0; } #two-col #right div.hottestWrap h1 { color:#000000; font-size:16px; font-weight:bold; line-height:21px; margin:0 0 12px 5px; } #two-col #right div.select-show { position: absolute; left: 375px; top:10px; padding: 5px 10px; width: 375px; background: #ccc; font-size: 80%; } #two-col #right .dates { font-size: 80%; font-weight: bold; text-decoration: underline; margin-bottom: 10px; } #two-col #right #rightGutter { width: 200px; } #two-col #right #rightGutter ul { margin-bottom: 20px; } /* Genre Page Styles */ #two-col #right #Spotlight.contentWrap { background: none; } #two-col #right div.genre { width: 175px; margin-right: 80px; } #two-col #right #Spotlight.contentWrap .content_inner { clear:none; } /* Video Landing Page Styles */ /* TV Shows Specific Styles */ .videoLanding #two-col #right { width: 608px; } .videoLanding .content .video-wrap { padding-right: 37px; } .videoLanding .hottestWrap { margin-bottom: 25px; padding-bottom: 10px;} .videoLanding #comments, .videoLanding #comments .comment-signed-out { width: 565px; } .videoLanding .showComments { position: absolute; right: 0; top: 45px; color: #010000; font-size: 12px; } .videoLanding .hottestWrap .empty { width: 297px; height: 185px; background: url('i/MyPlaylistEmptyBg.gif') no-repeat 0 0; margin: 0; } .videoLanding .hottestWrap .empty p { padding: 56px 0 0 33px; width: 235px; font-size: 14px; color: #000; font-weight: bold; line-height: 21px; } .videoLanding .hottestWrap p.empty a { text-decoration: underline; } .videoLanding #comments .errors { display: block; } .videoLanding .hottestWrap #Top10.contentWrap { width: 99.4%; background: #fff; padding: 0; margin:0; max-height: 530px; overflow-y: auto; } .videoLanding .hottestWrap #Top10.contentWrap .content { } /* Movies Specific Styles */ .videoLanding .fullMovie div.video-wrap { padding: 0; margin-right:245px; } /* Three-Col Styles */ /* ************************************************** */ #three-col { width: 957px; position: relative; margin: 10px 0 0 0; padding: 0 0 35px 0; } #three-col #side-nav { width: 176px; } #three-col #side-nav.flip { width: 210px; float: right; } #three-col #side-nav.flip .inner { padding: 10px 0 10px 10px; } #three-col #middle { width: 433px; margin: 0 12px 0 12px; padding: 0 5px; display: inline; } /* Search Page Styles */ /* ************************************************** */ #three-col #middle h1 { margin-bottom: 5px; } #three-col #middle h1.latest { width: 275px; } /* Search Pagination Styles (A-Z) */ #three-col #middle ul.pagination {width: 100%; border-bottom: 1px solid #d0d0d0; margin-bottom: 15px; } #three-col #middle ul.pagination li { display: inline; float: left; padding: 5px 0 5px 7px; font-size: 10px; } #three-col #middle ul.pagination li a { color: #343434; font-size: 10px; } #three-col #middle ul.pagination li.all { padding: 5px; margin-right: 4px; border-right: 1px solid #d0d0d0; } #three-col #middle ul.pagination li.all a { color: #000; font-weight: bold; font-size: 11px; text-transform: uppercase; } /* Search List Repeater Styles */ #three-col #middle h1.letter {border-bottom: 1px solid #d0d0d0; width: 96%; padding-left: 4.3%; float: left; line-height: 32px; margin:0 0 10px 0;} #three-col #middle h3.title { padding-left: 19px; line-height: 36px; font-size: 14px;} #three-col #middle h3.title span { font-weight: normal; font-size: 13px !important; } #three-col #middle ul.search {width: 90%; float: left; margin: 5px 0 0 20px; } #three-col #middle ul.search li { height:auto; min-height:40px; height: 40px; position:relative; vertical-align:top; width:100%; margin-bottom: 30px } #three-col #middle ul.search li span.icon { float: left; margin: 0 10px 20px 0; } #three-col #middle ul.search li h3 { float: left; position: relative; width: 90%; overflow:hidden; } #three-col #middle ul.search li h3 span { position: absolute; right:0; top:3px; text-indent: -999em; } #three-col #middle ul.search li p a { font-size: 11px; margin-left: 1px; } #three-col #middle select { color: #000; border: 1px solid #9d9d9d; font-size: 12px; } /* Unique Search Page Divider (Find by Channel, Genre...) */ #three-col #middle .divide, .divide { border-bottom: 1px solid #d0d0d0; margin: 10px 0 20px 0;} #three-col #middle .search .divide { padding: 10px 0; } #three-col #middle .divide .inner, .divide .inner { padding: 0 20px 0 15px; width: auto; margin:0; } #three-col #middle .divide img { float: left; height: 70px; margin: 0 15px 10px 10px; } #three-col #middle .divide p { margin: 10px 0 0 0; } /* Clips Search Results */ #three-col #middle #clips .toolbar { border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; padding: 15px 0 10px; } #three-col #middle #clips h3 { height: auto; } #three-col #middle #clips .video-wrap { padding: 0 17px; } #three-col #middle #clips .paginationWrap { width: 96%; margin: 0 2%; margin-top: 10px; padding-top: 10px; border-top: 1px solid #d0d0d0; } /* Genres Search Results */ .genres .toolbar { border-bottom: none; margin: 0 0 0 0; } .genres .toolbar .toolbarWrap { padding-right: 10px; } .genres .contentWrap.wrapAll { background: none; padding: 0 0 10px 0; } /* Sub Genres Search Results */ #subGenres { width: 400px; margin-top: 5px; } #subGenres ul li { width: 180px; font-size: 12px; margin-bottom: 5px; } /* Find By... */ #three-col #middle .find { margin-bottom: 15px; } #three-col #middle .find.hoverFix { padding-bottom: 23px; } /* Find By Channel */ #three-col #middle .find.byChannel { padding: 20px 35px 25px 20px; border-bottom: 1px solid #d0d0d0; float: left; } #three-col #middle .find.byChannel div.channelInfo { width: 232px; margin-left: 20px; } #three-col #right, .videoGutter { width: 301px; padding: 0; float: right; } /* Side Nav Section Styles */ /* ************************************************** */ div.section { margin-bottom: 35px; width: 100%; } div.section h2, div.genericSection h2 { margin-bottom: 15px; } div.section ul li, div.section ul li a { font-size: 13px; font-weight: bold; color: #2d2d2d; margin-bottom: 14px; cursor: pointer;} div.section ul li a span, div.genericSection ul li a span { font-weight: normal; } div.section ul li a:hover { text-decoration: underline;} /* Side Generic Styles */ div.genericSection { margin-bottom: 35px; width: 100%; } div.genericSection ul li, div.genericSection ul li a, div.genericSection .social p { font-size: 13px; font-weight: bold; color: #343434; margin-bottom: 16px; cursor: pointer; background: none;} div.genericSection ul li a:hover { text-decoration: underline;} div.genericSection ul li a.active, div.section ul li a.active, div.section ul.alpha li a.active { color: #d01c15; } div.genericSection ul li a.active:hover, div.section ul li a.active:hover, div.section ul.alpha li a.active:hover { text-decoration: none; } #ProfileSide.genericSection { border-bottom: 1px solid #d0d0d0; margin-bottom: 20px; padding-bottom: 5px; width: 86%; } #ProfileSide ul li a span {font-weight: bold} /* Find By Title Styles */ div.section.title { float: left; } div.section.title h2 { margin-bottom: 3px; } div.section ul.alpha { width: 162px; } div.section ul.alpha li { display: inline; margin: 12px 6px 0 0; float: left} div.section ul.alpha li a { float: left; margin-bottom: 0; } /* Find By Channel Styles */ div.section .channel-scroll { width: 175px; height: 362px; max-height: 362px; background: url(i/jumpToChannelBg.png) no-repeat 0 0; position: relative;} div.section .channelInner { width: 100%; overflow: auto; height: 100%; position: relative; } div.section .channel-scroll ul { width: 100%; height: 100%; } div.section .channel-scroll ul li { width: 78px; height: 44px; border-right: 1px solid #d5d5d5; display: inline; float: left; margin-bottom: 0; padding: 0px 0 1px 0px; } div.section .channel-scroll ul li a { border-right: none; border-bottom: 1px solid #d5d5d5; margin-bottom: 0; } div.section .channel-scroll ul li a { width: 100%; height: 100%; float: left; } /* Start Channel Hover Styles */ div.section .channel-scroll ul li a:hover { background: url(i/smallChannelHover.png) no-repeat 0 0; } div.section .channel-scroll ul li a img { margin: 5% 8%; } /* Start Current Channel Styles */ div.section .channel-scroll ul li div.scrollWrap.current { border:1px solid #7c7c7c;float:left;height:98%;width:98%; } div.section .channel-scroll ul li div.scrollWrap.current a { border-bottom: none !important; } /* Find By Genres Styles */ div.section.genres, div.section.genres input.btn, div.section.genres select { float: left; } div.section.genres select, select.search { height: 23px; width: 160px; color: #000; border: 1px solid #9d9d9d; font-size: 12px; vertical-align: top;display: block; } div.section.genres input.btn { margin-left: 1px; } /* What's Hot This Week Styles */ div.section.hot { text-align: center; } #side-nav #inner ol.whatsHot { list-style-type:none; padding:0; } #side-nav #inner ol.whatsHot li { clear:both; vertical-align: middle; font-weight: bold; width: 155px; overflow: hidden; width: 167px; line-height: 21px; max-height: 42px; margin-left: 0!important; } #side-nav #inner ol.whatsHot li.first { max-height: 42px; } /*#side-nav #inner ol.whatsHot li.first a { font-size: 18px; }*/ #side-nav #inner ol.whatsHot li span.number { display:block;float:left;margin-right:5px;text-align:right;width:20px; } #side-nav #inner ol.whatsHot li a { color: #2d2d2d; display: block; float: left; width: 140px; } /* My Account */ div.section.account img.avatar, div.genericSection img.avatar { margin: 10px 0; } div.section.account a.change, div.genericSection a.change { color: #343434; font-size: 11px; font-weight: bold; } /* Filter By Channel */ #filterChannel div.section ul.links { margin-bottom: 10px; } /* About Us */ div.genericSection .social p { margin-bottom: 5px !important; } div.genericSection .social img { margin-bottom: 15px; } /* Social Media Icons */ .socialMedia { margin-top: 45px !important; } .socialCallout { border:1px solid #DADADA;margin-bottom:10px !important;overflow:hidden;padding:0 0 5px;text-align:center;width:72% !important; } .socialCallout h1 { font-size:12px; padding: 5px; margin-top: 0 !important; margin-left: 0 !important; margin-bottom: 5px !important; background: #e1e1e1; } .socialCallout div a { margin-top: 5px; margin-bottom: 8px; display: inline; padding-bottom: 5px;} /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Footer Styles */ /* ************************************************** */ #footer a, #footer p, #footer ul.utilLinks li a { color: #bbbbbb; font-weight: bold; } #footer-wrap { margin: 0; padding: 0 0 20px 0; color: #fff; width: 100%; background: #000; float: left;} #footer, #footer ul.utilLinks li a:hover { color: #fff; } #footer { margin: 0 auto; width: 957px; padding: 0; background: #000; position: relative; } #footer h1 { background:url(i/headersSprite.png) no-repeat 0 -96px; padding:0; text-indent: -9999em; margin-top: 12px; width: 290px;} #footer p { font-size: 70%; line-height: 19px; } #footer .copyright a, #footer ul.utilLinks, #footer .social { margin-top: 20px; } #footer p a { float: none !important; text-align: left !important; } /* Footer Bottom Util Links */ #footer ul.utilLinks { width: 180px; padding-right: 25px; } #footer ul.utilLinks li { font-size: 70%; line-height: 21px; } #footer ul.utilLinks li a:hover { text-decoration: underline; } #footer ul.utilLinks.last { width: 175px; margin-right: 12px !important; } #footer .social { float: left; display: inline; } .facebook { margin-right: 20px; } /* Footer Copyright */ #footer .copyright { float: right; margin-top: 21px; } #footer .copyright a { } #footer .copyright div { margin-bottom: 15px; } #footer a.rogersLogo { background:url(i/headersSprite.png) no-repeat 0 -289px; height: 26px; width: 120px; display: block; margin: 0 0 15px 0; position: relative; left: 220px;} .push {height: 0.8em;} /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Video Wrap Repeater Styles */ /* ************************************************** */ .video-wrap ul li, .video-wrap ul li .util, .video .util, .video, .video2, .channel-wrap ul li, div.thumb, div.thumbAlt { position: relative; } .video-wrap, .video-wrap ul li, .video-wrap img, .video-wrap h2.video-title, .video-wrap p, .video .content ul, .channel-wrap, .channel-wrap ul li, .video, .video2, .video-wrap ul li h3 { float: left; } .video-wrap h2.video-title .video-wrap h2.video-title a, .video-wrap p a, .video-wrap p, .video-wrap ul li h3 { color: #2d2d2d; } .video-wrap h2.video-title span, .video-wrap ul li h3 { font-weight: normal; } .video, .video2, .video .content ul, span.icon, .video-wrap p { padding: 0; } .video-wrap { width: 165px; padding: 0; height: 245px; } .video-wrap ul li { padding-bottom: 10px; font-size: 90%; } /* Utilities Wrapper */ .video-wrap ul li .util, .video .util {width: 164px; margin: 2px 0 0 0; height: 20px; overflow: hidden; } .video-wrap ul li .util a.favorite {display: inline} .video-wrap ul li .util a { display: inline; margin-right: 2px; } /* Icons/CC/HD... */ .video-wrap img {height: 84px; width: 150px; padding: 0 0 3px 0 } span.icon { margin: 0 3px 0 0; background:url(i/iconSprite.png) no-repeat 0 0; display: block; vertical-align: top; width: 14px; height: 18px; } span.tv { background-position: -17px 0; } span.movie { background-position: -36px 0; } span.sportingevent { background:none; } /* Video title (Bold) */ .video-wrap ul li h2 { color: #275299; } .video-wrap h2.video-title, .video-wrap h2.video-title span { font-size: 14px; } .video-wrap h2.video-title { font-weight: bold; max-width: 150px; padding: 0 5px 0 0; margin: 0; overflow: hidden; display: block; max-height: 38px; min-height: 18px; line-height: 18px; } /* Video title (Normal) */ .video-wrap h2.video-title span { visibility:visible;} .video-wrap ul li h3 { font-size: 95%; } .video-wrap p { font-size: 11px; width: 100%; display: block; line-height: 16px; margin: 0; clear: left; } .video-wrap p span, .video-wrap p a span { font-weight: bold; } /* Entitlement */ .entitlement { cursor: pointer; height:16px; width:15px; float: left; margin-top: 1px; margin-left: 3px; padding-left: 3px; border-left: 1px solid #c1c1c1; } .entitlement.premium {background:url(i/iconSprite.png) no-repeat 6px 0;} .entitlement.notPremium { /* background: transparent */ display: none; } /* Play Hover */ .video a.play {position: absolute; left:0; top:0; width: 150px; height: 84px; text-indent: -999em; display: block; background: url(i/arrow_hover.png) no-repeat 0 0; filter:alpha(opacity=0);-moz-opacity:0.0;-khtml-opacity: 0.0;opacity: 0.0; } .video a.play:hover, .video a.play:active, .video a.play:focus {filter:alpha(opacity=70);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;} .video-wrap a.all { margin-top: 47px; } .content .video-wrap { padding-right: 13px; } .video .content ul { margin: 0; width: 100%; } div.channel, div.thumb, div.thumbAlt { overflow: hidden/* Overflow hidden is needed for the tooltips to correctly calculate position. This rule has no visual effects on the thumbnail in FF 2-3.5, IE 6-8, Opera 9.6-10, Safar 4, or Chrome 4*/} div.thumb, div.thumbAlt{ width: 150px; } /* List View Styles */ #listView a, a.channelsList { color: #343434; } #listView.video-wrap, p.channelListView { margin-bottom: 15px; } #listView.video-wrap { width: 40%; height: 115px; } #listView a { line-height: 18px; } p.channelListView { display: inline;float: left !important;margin-right: 20px;overflow: hidden;width: 162px; } a.channelsList {font-size:12px;line-height:18px; } /* Channels Wrapper */ .channel-wrap { overflow: hidden; width: 124px; height: 70px; margin: 0 16px 15px 0; display: inline; } .channel-wrap img {width: 126px; height: 70px; color: #000; } .channel span.preview { background: #9e0b0f; display: block; position: absolute; right: 0; top: 55px; font-size: 90%; z-index: 50; width: 75px; height: 20px; color: #fff; padding: 2px 0; text-align: center; } /* Full Music Video */ .video-wrap.fullMusic { margin-right: 300px; } /* Full Movie */ .fullMovie { clear: both; } .fullMovie div.video-wrap { margin-right: 325px; } .fullMovie img.poster { margin-bottom: 20px; } /* Free View Text */ span.promo-overlay { padding: 0 5px; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 11px; background: #c1120d;} .video span.promo-overlay { position: absolute; left: 0; top: 0; } #listView .video span.promo-overlay { margin-left: 2px; position: static; margin-top: 1px; } .hottestWrap span.promo-overlay { margin-top: 3px; margin-right: 30px; display: inline-block; font-size: 11px !important; } .iconGroup { overflow: hidden; float: left;} .iconGroup li { float: left; display: inline; padding-bottom: 0; } .iconGroup li.entitle { border-right: none; } .video ul.rated { clear: both; margin-top: 3px; } /* ************************************************** */ /* End*/ /* ************************************************** */ /* ************************************************** */ /* Start Video Toolbar Styles */ /* ************************************************** */ .toolbar, .toolbar .toolbarWrap div, .toolbar .toolbarWrap div p, .toolbar .next, #sub.toolbarWrap, #sub.toolbarWrap div, .toolbar .toolbarWrap div.layout p, .toolbar .toolbarWrap div.layout a, .toolbar .toolbarWrap .seasons select { float: left; } .addEpisode.loading span{display:none} .toolbar .toolbarWrap div a.addEpisode.loading {background: url(i/ajax-loader_small.gif) no-repeat left center; padding-left: 18px; cursor: progress} .toolbar .toolbarWrap div a.addEpisode.loading:hover{text-decoration: none} .toolbar .toolbarWrap div a.addedEpisode{cursor: default !important} .toolbar .toolbarWrap div .addedEpisode:hover{text-decoration: none} .toolbar .toolbarWrap div, #sub.toolbarWrap div { font-size: 11px; color: #343434; } #sub.toolbarWrap div, .toolbar .toolbarWrap div { text-transform: uppercase; } .toolbar { width: 100%; margin: 0 0 0 0; border-bottom: 1px solid #f3f3f3; padding: 15px 0 10px 0; position: relative; } .toolbar .toolbarWrap { padding-right: 20px; overflow: hidden; } .toolbar .toolbarWrap div { margin-left:6px;padding:0 0 2px 10px; display: inline; border-left: 1px solid #e4e4e4; } .toolbar .toolbarWrap div p, .toolbar .toolbarWrap div a { font-size: 11px; } .toolbar .toolbarWrap div p { margin-bottom: 0; line-height: 14px; color: #050908; padding-right: 10px; } .toolbar .toolbarWrap div a { padding: 0 4px; display: inline; line-height: 14px; cursor:pointer; } .toolbar .toolbarWrap div a.active { font-weight: bold; color: #050908; } .toolbar select { margin: 0 0 8px 0; } .toolbar .next { width: auto; display: block; margin-left: 20px; } /* Toolbar Sub Menu */ #sub.toolbarWrap { padding: 0 0 0 16px; } #sub.toolbarWrap div { margin: 0 15px 0 0;padding:0 21px 2px 0; display: inline; border-right: 1px solid #e4e4e4; } /* Layout Filter */ .toolbar .toolbarWrap .layout { float: right; border-left: none; } .toolbar .toolbarWrap .layout p { color: #050908; } .toolbar .toolbarWrap .layout a { background: url(i/layoutSprite.gif) no-repeat 0 0; height: 12px; display: inline; padding:0; } .toolbar .toolbarWrap .layout .grid { width: 20px; background-position: 0 0; margin: 2px 8px 0 4px; } .toolbar .toolbarWrap .layout a.active.grid { background-position: 0 -15px; } .toolbar .toolbarWrap .layout a.list { width: 17px; background-position: -28px 0; margin-top:2px; } .toolbar .toolbarWrap .layout .active.list { background-position: -28px -15px; } /* Seasons Filter */ .toolbar .toolbarWrap .seasons select, #clips .toolbar .toolbarWrap .seasons select { color: #000; border: 1px solid #9d9d9d; font-size: 12px; vertical-align: top;display: block; margin: 0; } #clips .toolbar .toolbarWrap .seasons select { position: absolute; left:19px; top: 12px; } /* Clip Search Toolbar */ .clipSearch .contentWrap .toolbar, .contentWrap.search .toolbar { margin-bottom: 21px; border-bottom: 1px solid #d0d0d0;} /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Player Styles */ /* ************************************************** */ #player-outer-wrap, #player, .overlay .more .video, .dimMain { position: relative; } #player-outer-wrap { width: 100%; overflow: hidden; clear: both; } #player-wrap { /*background: #000;*/ width: 768px; margin:0 auto 34px auto; z-index: 1000; min-height: 457px; } #player-wrap .controls { position: absolute; left: 0; bottom: 0; background: #000; padding: 10px 0; color: #000; display: block; width: 712px; border: 1px solid #ccc; } #player-wrap .controls span.nav { display: block; width: auto; } #player-wrap.shrink { margin: 0; } .player {background: #000; width: 615px; z-index: 999; } .player, .pdkHolder, #player { z-index: 1; } #subpage-scroll { background: none; overflow: hidden !important; min-height: 399px; height: 399px; width: 614px; padding-top: 5px; margin-top: 5px; z-index: 1000; } #subpage-scroll.full { width: 100%; } #detail-scroll { background: none !important; overflow: hidden !important; min-height: 455px; height: 455px; width: 100%; padding-top: 15px; } /* Start Video End Overlay Styles */ .overlay { height: 400px; position: absolute; left: 0; top:0; display: none; zoom: 1; z-index:2; } .overlay a, .overlay a:hover, .overlay p, .overlay h2 { color: #fff; } .overlay h2 { margin: 20px 0 10px 0; } .overlay .innerWrap { margin-bottom: 40px; padding-left: 15px; margin-top: 20px; } .resize { width: 615px; height:345px; float: left;} .overlay .more { zoom: 1; margin-left:10px; } #videoOverlay { background:transparent url(i/videoEndOverlay.png) repeat-x scroll left top; height:345px; padding:28px 0 0 40px; width:575px; } /* Modifications for Crackle and Global Assets */ /* Crackle and Global Video Assets */ #player-wrap.crackle, #player-wrap.global { width: 768px; min-height: 432px; height: 432px; } #player-wrap.crackle object, #player-wrap.global object { visibility: visible !important; }/* Needed for Mac FF Issue */ #player-wrap.crackle .tandemAd, #player-wrap.global .tandemAd { display: none !important; } /* Hide Tandem Ad for Crackle and Global Assets */ /* Crackle and Global End of Video Overlay States */ .crackle-overlay, .global-overlay { background:transparent url(i/videoEndOverlay.png) repeat-x scroll left top; height:432px; padding:28px 0 0 0; width:768px; left: 94px; } .crackle-overlay #videoOverlay, .global-overlay #videoOverlay { background: transparent; padding-left: 105px; position: relative; padding-top: 48px; } .crackle-overlay .watchAgain, .crackle-overlay .feedback, .global-overlay .watchAgain, .global-overlay .feedback { float: left; } .crackle-overlay .watchAgain, .global-overlay .watchAgain { margin: 0 0 75px 70px; } .crackle-overlay h2, .global-overlay h2 { clear: both; } .crackle-overlay .more ul li, .global-overlay .more ul li { width: 174px !important; } .crackle-overlay .more .prev, .crackle-overlay .more .next, .global-overlay .more .prev, .global-overlay .more .next { top: 245px; } .crackle-overlay .more .prev, .global-overlay .more .prev { left: 95px; background-position: 10px 14px; } .crackle-overlay .more .next, .global-overlay .more .next { background-position: 0 14px; right: 26px; } /* Dim the Lights */ #lightDimmer, #lightDimmerTop, #lightDimmerFoot { width: 100%; position: absolute; z-index: 100; background:#000; display: none; } #lightDimmerTop, #lightDimmer, #lightDimmerFoot { left: 0; top: 0; } .register-page #lightDimmer{z-index:0} #lightDimmerTop { height: 186px } #lightDimmer { padding-bottom: 65px; } #lightDimmerFoot { height: 106px } .dimLight p, .dimLight a { color: #a1a1a1 !important; } .dimLight p.dimLight, .dimLight a.dimLight { color: #fff } .dimLight h4 { color: #d7d7d7 !important; } .dimLight h4.dimLight { color: #E4A31E !important } .imgWrap img.dimLight, #selector select.dimLight, .titlebar h4.dimLight, .titlebar p.dimLight, .titlebar a.dimLight, .rated.dimLight, #rate-it span.dimLight, #detail-summary-outer.dimLight, #rentals-head-wrap.dimLight, #rental-head.dimLight { filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; cursor: default !important; } .tandemAd.dimLight { filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; } .channelSkin.dimLight { filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1; cursor:default; } #lightDimmer.dimLight, #lightDimmerTop.dimLight, #lightDimmerRental.dimLight, #lightDimmerFoot.dimLight { display: block; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } /* Watch Video Again/Feedback Links */ a.watchAgain, a.feedback { background:url(i/iconSprite.png) no-repeat 0 0; color:#BBBBBB;display:block;font-size:16px; font-weight: bold; height:68px;line-height:78px;padding-left:101px;width:125px; } a.watchAgain { background-position: 0 -31px; margin-bottom: 20px; } a.feedback { background-position: 0 -108px; } a.watchAgain:hover, a.feedback:hover { color:#BBBBBB; } /* Return to Programming Text */ h2.return { color: #e7e5e5; display: none; font-weight: normal; font-size: 14px; margin: 0 0 10px 0; /*line-height: 32px;*/} h2.return span { font-weight: bold; color: #fff; } /* Sign in before watching videos Message */ .playerMessage { height: 100%; } .playerMessage.promo p, .playerMessage.promoHome p { display: block; font-size: 15px; font-weight: bold;width: 70%; margin: 0 auto; color: #fff; line-height: 24px; text-align: center;} .playerMessage p a { color: #fff; text-decoration: underline} .playerMessage.Video .message{ width: 72%; margin: 0 auto; color: #fff; line-height: 24px; text-align: center;} .playerMessage.Video .message p {color: #fff; display: block; font-size: 15px; font-weight: bold; line-height: 21px;} .playerMessage.Video .message p a { color: #fff; text-decoration: underline} .playerMessage.Video .message em { font-style: italic } .playerMessage.Video .message h3 {font-size: 20px; font-weight: bold; color: #fff; margin: 0 0 10px 0} .playerMessage.promo, .playerMessage.promoHome { min-height: 249px; } /* Home Page Promo Message */ .playerMessage.promoHome { width: 35%; margin: 0 auto; padding: 100px 0 0 0; } .playerMessage.promoHome p { width: 100%; } /* Video Player Message */ .playerMessage.Video { width: 768px; border: 1px solid #2D2C2C; background:transparent url(i/custom-player-bg.jpg) no-repeat scroll 0 0; padding: 150px 0 0 0; min-height: 307px; } #player-wrap.crackle .playerMessage.Video { background:transparent url(i/crackle_static_bg.gif) no-repeat scroll 0 0; padding: 0; height: 432px; width: 768px; } #player-wrap.crackle .playerMessage.Video .message { padding-top: 100px; } /* Sub Page Promo Message */ .playerMessage.promo { width: 65%; margin: 0 auto; padding: 125px 0 0 0; } .playerMessage.promo p { width: 100%; } /* Detail Page Promo Message */ .playerMessage.promoDetail { width: 55%; margin: 0 auto; padding: 125px 0 0 0; } .playerMessage.promoDetail p { width: 100%; } /* CanWest Messaging */ #player-wrap.CanWestWrap { min-height: 214px; } #canWest.playerMessage { position: relative;height: 400px; z-index: 3 } .hoverOverlayWrap { background: transparent url(i/canWestHoverBg.png) repeat-x scroll left top; position: absolute; bottom: 30px; left: 0; height: 120px; width: 100%; z-index: 5 } .hoverOverlayInner { text-align: center;position: absolute; bottom: 20px; height: 100px; width: 100%; left:0; } .hoverOverlayInner a { color: #fff; font-weight: bold; font-size: 97%; z-index: 6; } .hoverOverlayInner a:hover { text-decoration: underline; color: #fff; } .hoverOverlayInner img { margin-right: 10px; } #canWest.playerMessage p { margin-bottom: 0px; height: 75px; } .ad { margin-bottom: 10px; z-index: 10; } .ad iframe, .ad { overflow: hidden; } /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Tooltip Syles */ /* ************************************************** */ .info_hover, .assetInfo_hover , .infoAlt_hover, .contentInfo_hover, .ratingsInfo_hover, .matchInfo_hover, .event_hover { position: absolute; margin-top: -10px; z-index: 1010; } .info_hover { width: 265px; } .assetInfo_hover { width: 465px; margin-left: 150px; } .contentInfo_hover { width: 300px; } .ratingsInfo_hover { width: 350px; } .matchInfo_hover { width: 162px; } .ratingsInfo_hover .info-content, .matchInfo_hover .info-content { padding: 0; } .matchInfo_hover .info-content { border: 1px solid #000; left: 0; } .ratingsInfo_hover .info-content table.ratings td.rating { width: 55px; } .infoAlt_hover { width: 465px; margin-left: 200px; top: 20px; z-index: 1000;} .infoAlt_hover.info_hover_leftTop {margin-left:-210px} .infoAlt_hover.info_hover_rightBottom {margin-top:11px; margin-left: -20px} .info_hover .pointer, .assetInfo_hover .pointer, .infoAlt_hover .pointer, .contentInfo_hover .pointer, .ratingsInfo_hover .pointer, .event_hover .pointer {background-image:url(i/tooltips/pointer.png);background-position:0 0;background-repeat:no-repeat;height:15px;position:absolute;width:13px;z-index:600; } .matchInfo_hover.info_hover_leftTop .pointer, .event_hover.info_hover_rightTop .pointer {background-image:url(i/tooltips/pointer_alt.png);background-position:0 0 !important;background-repeat:no-repeat;height:7px;position:absolute;width:11px;z-index:600; bottom: -5px; } .matchInfo_hover.info_hover_leftTop .pointer { left: 139px; } .event_hover.info_hover_rightTop .pointer { left: 55%; } .event_hover .info-content { padding: 5px; } .matchInfo_hover .info-content h3 { background: #a91916; color: #fff; font-size: 14px; padding: 5px 0 5px 8px; text-transform: uppercase; } .matchInfo_hover .info-content p { border-top: none; padding: 0 0 10px 10px; width: 142px; } .matchInfo_hover .info-v-right, .matchInfo_hover .info-v-left, .matchInfo_hover .info-top, .matchInfo_hover .info-h, .matchInfo_hover .info-top-left, .matchInfo_hover .info-top-right, .matchInfo_hover .info-bottom-left, .matchInfo_hover .info-bottom-right { display: none; } /* Start Box Side Syles */ /*********************************************************************/ .info-v-right, .info-v-left { background-image:url(i/tooltips/shw-right-left.png);background-repeat:repeat-y; position:absolute; } .info-h, .info-top { background-image:url(i/tooltips/shw-top-btm.png);background-repeat:repeat-x; background-position:0 0; position:absolute; } .info-top-left, .info-top-right, .info-bottom-left, .info-bottom-right {background-image:url(i/tooltips/shw-corners.png);background-position:0 0;background-repeat:no-repeat;left:0;position:absolute;top: 0} .info-top-left, .info-bottom-left { height:11px; width:10px; } .info-top-right, .info-bottom-right { height:11px; width:13px; } .info-h { background-position:0 -8px; bottom:-10px; height:10px; left:7px; position:absolute; right:6px; } .info-top { height:3px; left:7px; position:absolute; right:6px; top:-4px;} .info-v-right { width:9px; bottom:7px;left:auto;right:-10px;top:7px; background-position:-14px 0; } .info-v-left { width:4px; bottom:7px;right:auto;left:-4px;top:7px; background-position: 0 0; } /* Start Corner Syles */ /*********************************************************************/ .info-top-left { background-position:0 0; left:-3px;right:auto;top:-4px; } .info-top-right { background-position:-9px 0; left:auto; right:-7px; top:-4px; } .info-bottom-right { background-position:-9px -10px; bottom:-4px; left:auto; right:-7px; top:auto; } .info-bottom-left { background-position: 0 -10px; bottom:-4px; left:-3px; top:auto; } /* Start Specific Corner Styles */ /* tooltip positioned right width pointer pointing left */ .info_hover_right .pointer { background-position:0 -16px; top:50%; left: -1px; } /* tooltip positioned right with pointer pointing down */ .info_hover_rightTop .pointer, .info_hover_leftTop .pointer { background-position:-10px 0; bottom:-12px; left: 52%; } .infoAlt_hover.info_hover_rightTop .pointer { background-position:-10px 0; bottom:-12px; left: 5%; } /* tooltip positioned right with pointer pointing up */ .info_hover_rightBottom .pointer, .info_hover_leftBottom .pointer { background-position:0 -34px; top:-11px; left: 52%; } .assetInfo_hover.info_hover_leftBottom .pointer { background-position:0 -34px; top:-11px; left: 15%; } /* tooltip positioned left with pointer pointing right */ .info_hover_left .pointer { background-position:-13px -16px; top:52%; right: -20px; } .infoAlt_hover.info_hover_leftTop .pointer { left: 435px; } /* Start Content Syles */ /*********************************************************************/ .info-content { background:#FFFFFF none repeat-x scroll left top;border:1px solid #BABABA;left:10px;position:relative;text-align:left; /*overflow:hidden*/} .info-content-inner { padding: 10px; } .info-content-inner { padding: 10px; } .info-content .loading { margin: 2% auto 0 auto; width: 100px; height: 100px; background: transparent url(i/ajax-loader.gif) no-repeat 0 0; z-index: 10000; } .info-content-wrapper { font-size: 68%; background: none; z-index: 10000; color: #434343; padding: 0; overflow: hidden; } .info-content-wrapper span { color: #000; } .info-content-wrapper span.available { margin: 5px 0 10px 0; color: #dc2b2e; font-size: 11px; display: block; clear: both; } .info-content h3 { font-size: 13px; color: #2d2d2d; font-weight:bold; margin-bottom: 8px; line-height: 16px; max-height: 32px; overflow: hidden; } .info-content h3.border { border-bottom:1px solid #BABABA; padding-bottom: 10px; } .info-content p { overflow: hidden; font-size: 100%; line-height: 16px; width: 100%; margin:10px 0 0 0; clear: both; padding: 10px 0 0 0; border-top:1px solid #BABABA; color:#2d2d2d; } .info-content p.available { margin-top: 10px; padding: 0; border-top: none; } .info-content ul { margin:5px 0 0 0;padding:0 0 0 0;list-style-type: none; } .info-content ul li { line-height: 16px; font-size: 11px; } .info-content ol { list-style-position:outside;list-style-type:decimal;margin-left:20px; margin-top: 10px; } .info-content ol li { font-weight: normal; font-size: 11px; margin-bottom: 5px; } .info-content img { float: left; margin: 0 15px 40px 0; } .info-content table tr td { font-size: 10px; } .info-content h2 { text-transform: uppercase; font-size: 12px; font-weight: bold; margin: 0 0 5px 0; padding: 0; color: #c1120d; } .info-content .userRating { position: relative; } .info-content .userRating ul.rated { position: absolute; left: 90px; top: -1px; } .assetInfo_hover .userRating ul.rated { left: 90px; } .sec-code p { margin-bottom: 10px !important; } /* Start Flip Side Styles */ /*********************************************************************/ .info_hover_left .info-v-left, .info_hover_leftTop .info-v-left, .info_hover_leftBottom .info-v-left, .info_hover_left .info-v-right, .info_hover_leftTop .info-v-right, .info_hover_leftBottom .info-v-right { background-image:url(i/tooltips/flip/shw-right-left.png);background-repeat:repeat-y; position:absolute; } .info_hover_left .info-v-left, .info_hover_leftTop .info-v-left, .info_hover_leftBottom .info-v-left { width:9px; bottom:7px;right:auto;left:-7px;top:7px; background-position:0 0; } .info_hover_left .info-v-right, .info_hover_leftTop .info-v-right, .info_hover_leftBottom .info-v-right { width:4px; bottom:7px;left:auto;right:-5px;top:7px; background-position: -17px 0;} /* Start Flip Corner Styles */ /*********************************************************************/ .info_hover_left .info-top-left, .info_hover_leftTop .info-top-left, .info_hover_leftBottom .info-top-left,.info_hover_left .info-top-right, .info_hover_leftTop .info-top-right, .info_hover_leftBottom .info-top-right,.info_hover_left .info-bottom-left, .info_hover_leftBottom .info-bottom-left, .info_hover_leftTop .info-bottom-left, .info_hover_left .info-bottom-right, .info_hover_leftBottom .info-bottom-right, .info_hover_leftTop .info-bottom-right { background-image:url(i/tooltips/flip/shw-corners.png);background-repeat:no-repeat;position:absolute; } .info_hover_left .info-top-left, .info_hover_leftTop .info-top-left, .info_hover_leftBottom .info-top-left { background-position:0 0; left:-7px;right:auto;top:-4px; } .info_hover_left .info-top-right, .info_hover_leftTop .info-top-right, .info_hover_leftBottom .info-top-right { background-position:-9px 0; right:-3px; top:-4px; } .info_hover_left .info-bottom-left, .info_hover_leftBottom .info-bottom-left, .info_hover_leftTop .info-bottom-left { background-position:0 -10px; bottom:-4px; left:-7px; right:auto; top:auto; } .info_hover_left .info-bottom-right, .info_hover_leftBottom .info-bottom-right, .info_hover_leftTop .info-bottom-right { background-position:-9px -10px;bottom:-4px;left:auto;right:-3px;top:auto;} .info_hover_left .info-h, .info_hover_leftTop .info-h, .info_hover_leftBottom .info-h, .info_hover_left .info-top, .info_hover_leftTop .info-top, .info_hover_leftBottom .info-top { left: 3px; right: 10px } /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Carousel Lite Styles */ /* ************************************************** */ .carousel {margin:0;padding:0;position:relative; } .carousel a { cursor: pointer; } #footer .channel { padding:0;height: 77px !important; margin-left: 78px;} #footer .channel, #footer .channel ul { height: 92px; } #footer .channel ul li { float: left; width: 124px !important; margin-right: 40px; height: 77px !important } .more, .more ul li { float: left; } .more img { border: 1px solid #fff; margin: 0 10px; padding: 0; } .more .play { margin: 0 10px; } .moreVideos, .moreVideos ul { height: 87px; overflow: hidden; } #footer .prev, #footer .next{ background: #000 url(i/iconSprite.png) no-repeat 0 0; width: 22px; border: none; position: absolute; z-index: 100; cursor: pointer; top:40px; height: 60px; display: block; zoom: 1; } .more .prev, .more .next { border: none; z-index: 10; display: block; position: absolute; height: 87px; width: 17px; cursor: pointer; } #footer .prev { background-position: -57px 30px; left:53px } #footer .next { background-position: -78px 30px; right: 55px; } .more .prev { background: transparent url(i/icons/prevAlt.png) no-repeat 10px 10px; left:36px; top:260px; } .more .next { background: transparent url(i/icons/nextAlt.png) no-repeat -2px 10px; right:52px; top:260px; } /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Weekly Buzz Module */ /* ************************************************** */ div.weeklybuzz { width: 748px; height: 45px; position: relative; } div.weeklybuzz span.control { width: 104px; height: 100%; background: transparent; position: absolute; right:0; top: 0; z-index: 1;} div.weeklybuzz div.slider { width: 104px; height: 45px; text-align: center; display: block; float: left; background: #515151; border-right: 1px solid #fff; border-top: 1px solid #cfcfcf; cursor: pointer; } div.weeklybuzz div.slider:hover { background: #c1120d; } div.weeklybuzz div.slider a { display: block; margin-top: 15px; font-size: 15px; font-weight: bold; color: #fff; } div.weeklybuzz div.slider a:hover { text-decoration: none; } /* First Day */ div.weeklybuzz div.slider.first, div.weeklybuzz div.slider.last { background: #515151 url(i/tabs/whatshot/tabsBg.gif) no-repeat 0 0; border-top: none; padding-bottom: 1px } div.weeklybuzz div.slider.first a, div.weeklybuzz div.slider.last a, div.weeklybuzz div.slider.last.active a, div.weeklybuzz div.slider.first.active a { margin-top: 16px; } div.weeklybuzz div.slider.first:hover { background-position: 0 -92px ; } div.weeklybuzz div.slider.last:hover { background-position: 100% -234px; } /* Today */ div.weeklybuzz div.slider.last { background-position: 100% -142px; padding-right: 4px !important; } /* Active */ div.weeklybuzz div.slider.active { background: #fff; } div.weeklybuzz div.slider.first.active { background: #fff url(i/tabs/whatshot/tabsBg.gif) no-repeat 0 -46px; } div.weeklybuzz div.slider.last.active { background: #fff url(i/tabs/whatshot/tabsBg.gif) no-repeat 100% -188px; } div.weeklybuzz div.slider.active a { color: #515151; } #buzz.contentWrap, .whatsHot .contentWrap { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Promo Spot Module */ /* ************************************************** */ div.promoWrap { background:#FFFFFF none repeat scroll 0 0; padding:10px 0px 0 0px; width:294px; float: left; /*margin-right: 13px;*/ } div.promoWrap li { padding:10px 0px 0 0px; } div.promoWrap img { width:294px; border: solid 4px #E1E1E1; } /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Top 10 Hottest Module */ /* ************************************************** */ div.hottestWrap, div.triedToWatchWrap { background:#E1E1E1 none repeat scroll 0 0; padding:10px 4px 0 4px; width:294px; float: left; /*margin-right: 13px;*/ } div.hottestWrap a { color: #000; } div.hottestWrap h1.hottest { background: url(i/headersSprite.png) no-repeat -250px -127px; width: 90px; margin: 10px 0 10px 5px; line-height: 18px; text-indent: -9999em; display: block } div.hottestWrap h1.hottest:hover { background-position: -350px -127px; } div.hottestWrap h1.whatsHot { width: 279px; margin: 10px 0 10px 5px; line-height: 18px; display:block; overflow: hidden; } div.hottestWrap a.more { margin: 10px 5px 0 0; } /* Global First Tab */ div.hottestWrap ul.tabs li.first a { background:#515151; color: #fff; } div.hottestWrap ul.tabs li.first a span { background: url(i/tabs/first/tabsAlt.gif) no-repeat 0 0; } div.hottestWrap ul.tabs li.first a:hover { background: #c50e10; } div.hottestWrap ul.tabs li.first a:hover span { background: url(i/tabs/first/tabsAlt.gif) no-repeat 0 -31px; } div.hottestWrap ul.tabs li.first a.active { border-top: none; background: url(i/tabs/first/tabsAlt.gif) no-repeat 100% -61px; border-bottom: none; color: #000 !important; } div.hottestWrap ul.tabs li.first a.active span { background: url(i/tabs/first/tabsAlt.gif) no-repeat 0 -61px; /*padding-top: 8px;*/ } /* Global Last Tab */ div.hottestWrap ul.tabs li.last a { background:#515151; color: #fff; } div.hottestWrap ul.tabs li.last a span { background: url(i/tabs/last/tabsAlt.gif) no-repeat 100% 0; } div.hottestWrap ul.tabs li.last a:hover { background: #c50e10; } div.hottestWrap ul.tabs li.last a:hover span { background: url(i/tabs/last/tabsAlt.gif) no-repeat 100% -31px; } div.hottestWrap ul.tabs li.last a.active { border-top: none; background: url(i/tabs/last/tabsAlt.gif) no-repeat 0 -61px; color: #000 !important } div.hottestWrap ul.tabs li.last a.active span { background: url(i/tabs/last/tabsAlt.gif) no-repeat 100% -61px; /*padding-top: 8px; */ } /* Line Top 10 Hottest with Programming Paragraph (Edit Requested) */ #program.hottestWrap { margin: 10px 0 0 0; float: right; } /* Start Top 10 Number styles */ div.hottestWrap ol.hottest li { overflow: hidden; border-top: 1px solid #dadada; padding: 5px 0;} div.hottestWrap ol.hottest li span.number, ol.whatshot li span.number {font-size: 115%; font-weight: bold; color: #2d2d2d; display: block; width: 28px; float: left; text-align: right; margin-top:8px;} div.hottestWrap ol.hottest li a.title, div.hottestWrap ol.hottest li a.sub { display:block;float:left;font-size:80%;font-weight:bold;line-height:16px;margin-top:5px;width:50%; color: #343434; height: 16px; overflow: hidden; } div.hottestWrap ol.hottest li a.sub { display:block;float:left;font-size:68%;font-weight:normal;margin:0 0 0 1px;padding:0; background: none; height: 14px; overflow: hidden; } div.hottestWrap ol.hottest li img { width: 60px; height: 34px; margin: 3px 0 5px 0; padding: 0 10px; float: left; } /* Start Tried To Watch styles */ div.triedToWatchWrap ol.triedToWatch li { overflow: hidden; padding: 5px 0;} div.triedToWatchWrap ol.triedToWatch li span.number {font-size: 115%; font-weight: bold; color: #2d2d2d; display: block; width: 28px; float: left; text-align: right; margin-top:8px;} div.triedToWatchWrap ol.triedToWatch li a.title, div.triedToWatchWrap ol.hottest li a.sub { display:block;float:left;font-size:80%;font-weight:bold;line-height:16px;margin-top:5px;width:50%; color: #343434; height: 16px; overflow: hidden; } div.triedToWatchWrap ol.triedToWatch li a.sub { display:block;float:left;font-size:68%;font-weight:normal;margin:0 0 0 1px;padding:0; background: none; height: 14px; overflow: hidden; } div.triedToWatchWrap ol.triedToWatch li img { width: 60px; height: 34px; margin: 3px 0; padding: 0 10px; float: left; } div.triedToWatchWrap h1 { color: #000; font-size: 16px; font-weight: bold; line-height:21px; margin:0 0 0 5px; } /* Genres Page Styles */ .search div.hottestWrap { padding-bottom: 10px; padding-top: 10px; margin-bottom: 34px; } div.hottestWrap h1 { color: #000; font-size: 16px; font-weight: bold; line-height:21px; margin:0 0 12px 5px; } div.triedToWatchWrap h1 { margin:0 0 0 5px; } /* Generic Page Styles */ div.hottestWrap .contentWrap#ratings { margin-top: 27px; margin-bottom: 20px; padding: 0; } div.hottestWrap a.contentRatings { background: url(i/headersSprite.png) no-repeat -3px -152px; width: 204px; margin: 0 0 12px 5px; line-height: 18px; text-indent: -9999em; display: block } div.hottestWrap a.contentRatings:hover { background-position: -223px -152px; } div.hottestWrap a.contentProvider { background: url(i/headersSprite.png) no-repeat -3px -179px; width: 214px; margin: 0 0 12px 5px; line-height: 18px; text-indent: -9999em; display: block } div.hottestWrap a.contentProvider:hover { background-position: -225px -179px; } table.ratings { width: 100%; } table.ratings td { padding: 11px; color: #2f2f2f; font-size: 11px; border-bottom: 1px solid #cfcfcf; } table.ratings td.rating { text-align: right; font-weight: bold; width: 65px; } /* Start specific rating styles */ table.ratings td.nr { border-right: 12px solid #e3eade; } table.ratings td.tv-y { border-right: 12px solid #8dc73f; } table.ratings td.tv-17 { border-right: 12px solid #68ae3e; } table.ratings td.tv-g { border-right: 12px solid #40993b; } table.ratings td.tv-pg { border-right: 12px solid #007932; } table.ratings td.pg-13 { border-right: 12px solid #ffe701; } table.ratings td.tv-14 { border-right: 12px solid #f8931d; } table.ratings td.ma { border-right: 12px solid #f15a23; } table.ratings td.r { border-right: 12px solid #ee1b2e; } table.ratings td.nc-17 { border-right: 12px solid #c30e1f; } table.ratings td.adult { border-right: 12px solid #940310; } table.ratings tr.last td { border-bottom: none; } /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Pagination Styles */ /* ************************************************** */ .paginationWrap { margin: 5px 0; clear: left; zoom: 1; } .paginationWrap ul { float: right; } .paginationWrap ul li { margin:0; } .pagination ul li a, .paginationul li input { font-size: 13px; font-weight: bold; padding: 0; visibility: visible;} .pagination a.first span, .pagination a.previous span, .pagination a.next span, .pagination a.last span { visibility: hidden; } .pagination a.first, .pagination a.previous, .pagination a.next, .pagination a.last, .pagination input { background-image:url(i/iconSprite.png); background-position: no-repeat; padding: 0; color: #fff; } .pagination a.first, .pagination a.previous, .pagination a.next, .pagination a.last { height: 14px; margin-top: 4px; } .pagination a.first { background-position: -236px -213px; text-align: left; width: 13px; } .pagination a.previous { background-position: -253px -213px; width:9px; } .pagination a.next { background-position: -268px -213px; width: 9px; } .pagination a.last { background-position: -280px -213px; width: 13px; } .pagination a.pages, div.pagination a.pagecount { padding-left: 0; } .paginationWrap ul li span, div.paginationWrap ul li a.number { margin-top: 3px; } .pagination input { background-position: 100% 0; border: none !important; color: #303030; font-weight:bold; width: 40px; text-align: center; height: 23px; line-height: 21px; } /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Page Optimizer Styles */ /* ************************************************** */ .optimize .wrap { float: left; border: 1px solid #dadada; width: 97%; margin-bottom:20px; position: relative; } .slide { display: none; } .optimize .wrap .inner { padding: 8px 15px 0 15px; width: 95%; } .optimize .wrap .inner h1{ float: left; margin-right: 25px; display: inline; } .optimize .wrap .inner span.question { font-size: 18px; color: #000; font-weight: bold; line-height: 24px; } .optimize .panel { width: 500px; padding: 0 15px; background: none; margin: 14px 0; background: #fff; border: 1px solid #dadada; overflow: hidden;} .optimize h3 { margin: 10px 0; } .optimize .panel img { float: left; margin: 0 20px 15px 0; } /*.optimize .panel a.question,*/ .optimize .panel p.question { font-weight: bold; font-size: 16px; color: #000; width: auto; float: left; margin: 7px 0 10px 0; } .wrap.fail { background-color: #e7e7e7; margin-bottom: 0; } .wrap.fail .panel, .wrap.success .panel { padding: 10px; } .optimize .panel span.fail, .optimize .panel span.pass { margin: 0 0 0 10px; float: right; display: inline; } .optimize .panel span.pass { margin-top: 10px; } .optimize .panel ol li { font-size: 12px; } /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start Global Ads */ /* ************************************************** */ .promoAd, .tandemAd { height: 250px; width: 300px; position: absolute; right: 0; z-index: 2; overflow:hidden; } .promoAd { top: 60px; } .tandemAd { top: 45px; } .tandemAd p, .promoAd p { color: #fff; margin: 0; } .tandemAd img { height: 250px; width: 300px; } div.med { height: 250px; width: 300px; margin: 0 13px 34px 0; } .tandemAd iframe, .promoAd iframe { overflow: hidden; } /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start My Account Modules */ /* ************************************************** */ /* Welcome Message */ #successMessage #successClose { float: right; font-size: 75%; } .welcomeClose { background: url(i/iconSprite.png) no-repeat 0 -198px; padding-left: 11px; font-size: 12px; } #successMessage .inner { padding-right: 10px; width: auto; } #successMessage .inner p, #successMessage .inner h2, #myRogersAccount .inner p, #myRogersAccount .inner h2, #myRogersAccount .inner ul { float: none; } #verifyNotice.textWrap { background: #d0d0d0 !important;} #verifyNotice.textWrap .textWrap_inner { padding: 4px; float: left; } #verifyNotice.textWrap .textWrap { margin-top: 0; width: 99.5%;} #verifyNotice.textWrap .textWrap_inner .textWrap_inner { padding: 10px; } /* Edit Personal info */ #personalInfo .validation-error, #Password .validation-error, #changePassword .validation-error, #Password .password-meter { margin-left: 150px; } #changePassword label { width: 100px; } #changePassword select { width: 265px; } #changePassword .validation-error { margin-left: 105px; } #dateSyntax p { float: left !important; display: inline; } #dateSyntax p.day { margin: 0 38px 0 35px; } #dateSyntax p.month { margin-right: 25px; } /* Recent Activity */ .activityWrap { border-top: 1px solid #dadada; padding: 2px; } .activity, .yttw {padding: 12px 0 12px 10px; position: relative; } .activity.hover { background: #fff0d1; cursor: pointer; } .activity p { margin-bottom: 0; line-height: 22px; font-size: 12px; } .activity a { font-weight: bold; color: #000; } .activity a.close, .yttw a.close { position: absolute; top: 8px; right: 8px; cursor: pointer; } /* You tried to Watch */ .yttw {padding: 12px 0 12px 0; position: relative; } .yttw h2 { border-bottom: 1px solid #dadada; padding: 0 0 5px 10px; margin-bottom:12px; } .yttw .video-wrap { height: auto; margin-left: 10px; } .yttw input.watchNow { margin-top: 10px; } /* Video Highlights */ #highlights .toolbar { width: 100%; } #highlights .toolbar .toolbarWrap {padding-right:20px; } #highlights .toolbar .toolbarWrap div { padding-left: 0;} #highlights .toolbar .toolbarWrap div.layout { padding-left: 15px; margin-left: 9px } #highlights #listView.video-wrap { width: 39%; height: 100px; } #highlights .content { width: 100%; } #highlights .content div.inner { margin-top: 21px; } /*My Channels Home */ #myChannelsHome .inner { margin-top: 10px; } #myChannelsHome .inner p, #myChannelsHome .inner h2 { float: none; } /*My Channels Side Nav */ #myChannels { min-height: 145px; } #moreChannels { margin: 4px 0 0 4px; padding: 8px 0 0 0; display: none; } #moreChannels_content a.getRogersTV { margin: 5px 0 10px 0; } #moreChannels_content h2 { margin-top: 10px; clear: both; } #myAccount .option span.bottom { display: none; } #myAccount #middle .option { width: 385px !important; } #middle .option .optionHeader { background: transparent; } #myAccount #middle .optionHeader label { margin: 0; } #myAccount #option1 input.text, #myAccount #option2 input.text, #myAccount #option3 input.text { width: 125px; } #myAccount #option1 .group, #myAccount #option2 .group, #myAccount #option3 .group { margin-bottom: 5px; } #myAccount #option1 .group ul { padding-top: 0; } #myAccount #option1 p, #myAccount #option2 p, #myAccount #option3 p { margin: 0 10px 5px 0; } #myAccount #option2 label, #myAccount #option1 label, #myAccount #option3 label { display: block; float: none; padding: 0; line-height: 14px; } #myAccount #option3 p.note { width: 100px !important; } #myAccount #option3 label { width: 140px; } #myAccount #option1 .group ul.questionLinks, #myAccount #option2 .group ul.questionLinks, #myAccount #option3 .group ul.questionLinks, #myAccount #option1 p.later, #myAccount #option2 p.later, #myAccount #option3 p.later { display: none; } #myAccount #option1 .form-row, #myAccount #option2 .form-row, #myAccount #option3 .form-row { height: auto; margin-bottom: 5px;} #myAccount .med, #myAccount .promo { margin-bottom: 20px; } #myAccount .promo { width: 100%; } #myAccount .promo img { border: 4px solid #e1e1e1; width: 294px; display: block; } /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Start ThickBox Module Styles */ /* ************************************************** */ .thikBox { height: 100%; margin-top: 10px; padding-bottom: 50px; } .thikBox p { font-size: 12px; margin-bottom: 10px; line-height: 16px; text-align: left; } .thikBox .optionsWrap { width: auto; height: 100%; float: left; margin: 0 0 10px 0; padding-bottom: 20px; } .thikBox .column_l, .thikBox .column_r, .thikBox .column_lF { float: left; padding: 0 15px 0 0; background:#fff; height: 100%; overflow: hidden; } .thikBox .column_l { width: 320px; margin-right: 20px; padding-right: 20px; border-right: 1px solid #d1d1d1; } .thikBox .column_r { width: 310px; } .thikBox .column_full { width: 92%; padding: 15px; background:#fff; height: 100%; } .thikBox .column_lF { width: 400px; } #join.thikBox ul.questionLinks { clear: both; margin:0 0 0 12px; } .thikBox fieldset { border: none; margin: 0; padding:0; display: block; } .thikBox fieldset label.invalid { width: 75%; } .thikBox fieldset input.continue { margin-left: 0 !important; } .thikBox a.joinRogers { margin: 10px 0 20px 0; } /* Branded Intercept - First Visit */ #colorbox.welcome iframe { overflow-x: hidden !important; overflow-y: hidden !important; } #Welcome { padding-bottom: 0; margin: 0; overflow: hidden } #SupportPanel { background: #f9dfe0; padding: 12px 0 0 12px; margin-top: 5px; clear: both; font-weight: bold; height: 120px; overflow: hidden; position: relative; width: 100%; } #SupportPanel a.btn { padding-bottom: 10px; } #SupportPanel ul.arrowLinks { list-style-image:url("i/icons/updateArrow.gif"); margin: 10px 0 0 15px; } #SupportPanel ul.arrowLinks li {margin: 0 0 5px 0; } #SupportPanel ul li span { color: #dc2b2e; font-size: 11px; } #Welcome .noModem { padding-bottom: 0; text-align: center; } #Welcome .noModem .regstepone { width: 530px; border-bottom: 1px solid #ececec; margin: 0 0 10px 12px; height: auto; } #Welcome .noModem .regstepone h1 { font-size: 27px; } #Welcome .noModem .regstepone ul { margin: 30px 0 0 0; width:550px; } #Welcome .noModem .regstepone li { font-size: 14px; margin-bottom: 20px; } #Welcome .noModem .regstepone ul .types { color:#AE2519;font-weight:bold;padding-right:22px;text-align:right;width:200px;} #Welcome .noModem .regstepone ul .descrip { width: 300px; line-height: 18px; } #Welcome .noModem .regstepone ul .last { margin-top: 10px; } .verifyAccountInfo { border-top: 1px solid #c1c1c1; padding-top: 10px;} .verifyAccountInfo h1 { font-size: 18px; font-weight: normal; color: #343434; margin-bottom: 12px; padding-bottom: 10px; } .thikBox .error { background-color: #e1e1e1; padding: 12px 0; width: 100%; } .thikBox .error h2, .thikBox .error p { padding-left: 12px; } .thikBox .error .image { padding-right: 12px; margin-left: 12px; } a.btn, input.btn { background:url(i/buttonsSprite.png) no-repeat 0 0; cursor:pointer; text-indent: -9999em; z-index: 25;} /* Image Replacement */ .thikBox a.myAccount { background-position: 0 -722px; display: block; height: 31px; margin: 0 0 10px 0; padding: 0; text-indent: -9999px; width: 232px; } .thikBox input.verifyAccount { background-position: -232px -722px; height: 35px; margin: 0 0 0 6px; padding: 0; text-indent: -9999px; width: 245px; } .thikBox input.sendNow { background-position: -76px -641px; height: 27px; margin: 0 0 0 6px; padding: 0; text-indent: -9999px; width: 55px; } .thikBox input.watchVideos { background-position: 0 -754px; height: 37px; margin: 4px 0 0 0; padding: 0; text-indent: -9999px; width: 255px; } .verifyAccountInfo ol { list-style: decimal outside; margin: 0 0 10px 25px; } .verifyAccountInfo ol li { font-size: 12px; margin: 0 0 6px 0; } .verifyAccountInfo .leftcol { float: left; width: 165px; padding-top: 10px; } .verifyAccountInfo .rightcol { float: right; width: 450px; } #Welcome ul.arrowLinks li a { text-transform: none; color: #4e4e4e; } #Welcome.thikBox .optionsWrap { margin: 0; padding: 0 0 10px 0; height: 100px; } #Welcome.thikBox .column_l { width: 270px; padding: 10px; min-height: 80px !important; height: 80px; border: 1px solid #dadada; margin-right: 9px; } .welcome { float:left;margin:10px 30px 0 0;padding:0;width:450px;} .welcome h1 { margin-bottom: 10px; } #Welcome h1 { font-size: 26px; } .gutter { background: #f3f3f3; padding: 10px; color: #656565; width: 215px; float: left; margin-top: 20px; font-size: 12px; line-height: 18px;} .gutter a span { color: #656565; } .formText { padding-top: 5px; width: 500px; margin-left: 15px; width: 500px; } .formText fieldset { background: #efefef; padding: 10px; border: 1px solid #eeeeee; margin-bottom: 15px;} .formText fieldset label { color: #2a2a2a; font-size: 11px; width:90px !important; padding:0; line-height: 12px;} .formText fieldset input { width: 85px !important; margin: 0; } .formText fieldset p.example { line-height: 14px; } .formText fieldset ul { margin: 5px 0 0 30px } #Welcome .buttonWrap { padding-left: 232px; margin-bottom: 15px; width: 450px; } #Welcome .buttonWrap p { line-height: 27px !important; } .noModem .regFoot { border-top: 1px solid #ececec; padding: 10px 0 0 0; margin-left: 15px; } #colorbox.welcome { top: 50%; left: 50%; } #colorbox.welcome #cboxLoadedContent {clear:none; margin-top: 35px; margin-left: 10px; } #SupportPanel h1 { margin-bottom: 5px; } .notCustomer { clear: both; } .notCustomer p, .notCustomer ul li a { margin-bottom: 0; } /* Rogers Modem Modal Styles */ #Welcome .rogersCustomer { border-bottom: 1px solid #ccc; clear: both; display: block; margin-bottom: 10px; padding-bottom: 10px; width: 100%; } #Welcome .leftcol { float: left; width: 165px; } #Welcome .rightcol { float: right; width: 390px; } #Welcome .rightcol ul.howTooltip { float: left; margin-left: 10px; } #Welcome ul.howTooltip li span.questions { background: url('i/iconSprite.png') no-repeat -232px -31px; display: block; float: left; height: 14px; width: 12px; padding-right: 4px; } #Welcome .rightcol input.btn { float: none; clear: both; } #Welcome span.smalltext { font-size: 10px; margin-bottom: 3px; } #Welcome span.smalltext a { color: #2d2d2d; text-decoration: underline; } fieldset label.zip {width: 110px; padding: 7px 0 0 0;} fieldset input.zip {width: 100px;} p.example { color: #343434; font-size: 11px; padding: 6px 0 0 8px; display: block; float: left; } input.autoValidate, a.autoValidate, .thikBox input.autoValidate, .thikBox a.autoValidate { background-position: -448px -397px; width: 115px; height: 25px; display: block; } input.verify, a.verify, .thikBox input.verify, .thikBox a.verify { background-position: -562px -396px; width: 69px; height: 25px; display: block; } /* ************************************************************ */ /* Sign In Modal ~ Updated on 6/14/11 - Brandon Wolvin */ /* ************************************************************ */ #SignIn { padding-top: 5px; } #SignIn > div { float: left; width: 275px; } #SignIn > .register-col { background: url("i/login/login-bg.gif") no-repeat scroll 121px 0 transparent;margin: 0 0 0 6px;min-height: 200px;padding-right: 45px;width: 115px;} #SignIn > .register-col p { line-height: 18px; } #SignIn > .register-col a { font-weight: bold; text-decoration: underline; } #SignIn h2 {margin: 0 0 10px 0; font-size: 18px;} #Login .form-row label, #Login input.text, #forgot-password label, #forgot-password input.text { display: block; float: none; } #Login .form-row { margin-top: 8px; } #Login .form-row.first-child { margin-top: 0; } #Login label, #forgot-password label { font-size: 14px; font-weight: bold; margin-bottom: 5px; width: 100%; } #Login input.text, #forgot-password input.text { margin: 0; width: 98%; } #Login { border: none; padding: 0; margin-bottom: 10px;} #Login .radioWrap { margin:3px 0 5px 10px; } #Login .radioWrap label { width: auto; line-height: 14px; margin: 0 5px; font-size: 11px; vertical-align: middle; } #SignIn .errors { margin-bottom: 10px; } #SignIn .validation-error, #Login .validation-error { float: none; margin-bottom: 10px; } #Login .login-util-links { margin: 8px 0; } #Login .login-util-links div { float: right; position: relative;} #Login .login-util-links div:first-child { float: left; } #Login .login-util-links div:first-child label { color: #343434; display: inline-block; float: none; font-size: 70%; line-height: 12px; overflow: visible; padding: 4px 0 0 18px; font-weight: normal;} #Login .login-util-links div:first-child input { background: none repeat scroll 0 0 transparent;float: none;left: -4px;position: absolute;top: 0; width: auto; padding: 0; } #Login .login-util-links .forgot-pass { background: url("i/icons/arrow.gif") no-repeat scroll left 66% transparent;display: inline-block;font-size: 70%;margin: 3px 0 0 0; padding: 0 0 0 10px; } #Login input.signIn { float: none; margin-left: 0; display: block; } #SignIn .disabled > div, #SignIn .loginJoin { float: none; } #SignIn #Login, #SignIn #Login, .step3 #forgot-password { width: 266px; } #SignIn .loginJoin { width: 350px; padding-bottom: 40px; margin-left: -165px;} #forgot-password .form-row { margin-bottom: 8px; } /* ************************************************************ */ /* Thank You New User Page ~ Updated on 6/16/11 - Brandon Wolvin */ /* ************************************************************ */ #join.contentWrap.verify-user { background-position: 0 0; padding: 25px 0 50px 35px; width: auto; } #join.contentWrap.verify-user p { margin-bottom: 20px; } #join.contentWrap.verify-user h2 { line-height: 0.8; font-size: 20px; margin-bottom: 25px; } #join.contentWrap.verify-user h3 { font-size: 18px; margin-bottom: 15px; } #join.contentWrap.verify-user #Login { width: 410px; } /* Entitlement Pop Ups */ #join .inner { padding: 10px; width: auto; margin-top: 0; } #join fieldset .option .inner { width:280px !important; } #join .column_l, #join .column_r { min-height: 250px; margin-top: 10px; } #join a.subscribe { margin-bottom: 10px; } #join img.join { margin-right: 20px; } #join.thikBox .option { padding: 0; margin-top:10px; } #join.thikBox .option.open { margin-top:10px; } #join fieldset input.numberField { margin-bottom: 3px; margin-left: 0; } #join.thikBox .option div.formEle input.btn {margin-top:0; clear: both; } #join.thikBox .option .validation-error { width: 94%; } /* ************************************************** */ /* End */ /* ************************************************** */ .alertBar { padding: 5px 0; background: #e4a31e; border: 1px solid #000; color: #000; text-align: center; font-size: 15px; } .alertBar a { text-decoration: underline; } /* ************************************************** */ /* Start Social Media Links */ /* ************************************************** */ .social p { margin-bottom: 10px; } #shareVideo .contentWrap { padding: 25px 15px; width: 92%; margin-bottom: 10px; } #shareVideo .contentWrap .content { margin: 0 16px 0 0; float: none; } #shareVideo .videoWrap { padding: 3px; background: #eaeaea; margin-bottom: 20px; } #shareVideo .videoWrap img { width: 60px; height: 40px; margin-right: 6px; } #shareVideo .videoWrap img, #shareVideo .videoWrap div { float: left; display: inline; } #shareVideo .videoWrap h2, #shareVideo .videoWrap p, #shareVideo fieldset label { color: #343434; } #shareVideo .videoWrap h2 { font-size: 14px; line-height: 14px; margin: 6px 0 0 0; padding: 0;} #shareVideo .videoWrap div { width: 370px; } #shareVideo fieldset { clear: both; } .community fieldset .formRow { overflow: hidden; margin-bottom: 5px; } #shareVideo fieldset label { width: 95px; text-align: right; font-size: 14px; } #shareVideo fieldset input.text { width: 232px; margin-bottom: 0;} #shareVideo fieldset p.note { margin-left: 100px; clear:left; } #shareVideo fieldset textarea { width: 281px; height: 67px; font-family: Arial; } #shareVideo fieldset .radioWrap { margin-left: 100px; } #shareVideo fieldset .radioWrap label { font-size: 10px; } #shareVideo fieldset .buttonWrap { padding-left: 100px; margin-top: 10px; display: block; } #shareVideo .postVideo { width: 366px; margin: 40px 0 0 65px; } #shareVideo .postVideo li { display: inline; float: left; margin-bottom: 10px; width: 183px; } #shareVideo .postVideo li a { background:transparent url(i/socialSprite.png) no-repeat scroll 0 0;cursor:pointer;display:inline-block;height:35px;margin:0;padding-left:40px;width:143px;} #shareVideo .postVideo li a:hover { text-decoration: underline; } #shareVideo .postVideo li.facebook a { background-position: 0 0;} #shareVideo .postVideo li.twitter a { background-position: 0 -178px; } #shareVideo .postVideo li.myspace a { background-position: 0 -48px; } #shareVideo .postVideo li.digg a { background-position: 0 -224px; } #shareVideo .postVideo li.winLive a { background-position: 0 -91px; } #shareVideo .postVideo li.yahoo a { background-position: 0 -266px; } #shareVideo .postVideo li.reddit a { background-position: 0 -133px; } #shareVideo .postVideo li.delicious a { background-position: 0 -309px; } #shareVideo .postVideo a { margin-left: 40px; font-size: 14px; line-height: 32px; } #shareVideo .postVideo a:hover { text-decoration: none; } #shareVideo .arrowLinks { margin-top: 50px; } #reportComment fieldset { margin-top: 20px; } #reportComment .radioWrap { margin-left: 0; } #reportComment .radioWrap label, #reportComment p { font-size: 14px; } #reportComment .buttonWrap { margin-top: 20px; } .statusAlert { zoom: 1; z-index: 10000; display: none; width: 223px; height: 103px; border-right: 1px solid #c5c7c6; border-top: 1px solid #c5c7c6; position: fixed; right: 10px; bottom: 10px; background: url(i/statusSprite.png) repeat-x 0 -111px; } .statusAlert .leftShdw, .statusAlert .bottomShdw, .statusAlertInner { position: absolute; background: url(i/statusSprite.png) repeat-x 0 0; } .statusAlertInner { background-position: -8px -11px; margin-top: 11px; height: 100px; width: 100%; display: block; } .statusAlert .leftShdw { bottom:-1px; height:auto; left:-8px; top:0; width:8px; } .status { width: 165px; height: 54px; overflow: hidden; position: absolute; left: 48px; top: 25px; } .status h2, .status p { font-weight: bold; color: #343434; } .status h2 { font-size: 16px; margin-bottom: 0; } .status p { font-size: 13px; } /* Use on elements that contain floated items --------------------------------------------- */ .group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } * html .group { /* ie 6 */ height:1%; } *:first-child+html .group { /* ie 7 */ min-height:1px; } /* Holiday Card Updates */ /*#main.holiday-card { background: url("i/holiday/holiday-card-repeat.gif") repeat-x scroll 0 0 #edfcff; } */ #main .holiday-card-wrap { background: url("i/holiday/2011/holidayCard_htmlBG.jpg") no-repeat scroll 50% 0 transparent; padding-top: 20px; } #main.holiday-card a.player-wrap { cursor: pointer; } #main.holiday-card { padding: 0; } #main.holiday-card #player { width: 957px; height: 802px; margin: -20px auto 0 auto; z-index: 5; } .chrome-error { position: fixed; left: 0; top: -75px; background: url("i/chrome_error.png") repeat-x scroll 0 0; height: 74px; width: 100%; z-index: 9999; } .chrome-error.visible { top: 0px;-webkit-transition-property: top;-webkit-transition-duration: .5s;-moz-transition-timing-function: ease-in;} .chrome-error.close { top: -75px;-webkit-transition-property: top;-webkit-transition-duration: .25s;-moz-transition-timing-function: ease-out;} .chrome-error div { position: relative; padding-top: 5px; } .chrome-error p { font-size: 14px; color: #303030; text-align: center; margin: 5px 0; } .chrome-error .close { position: absolute; right: 10px; top: 10px; width: 22px; height: 22px; display: block; background: url("i/chrome_close.png") no-repeat scroll 0 0; } .chrome-error .close:hover { background-position: 0 100%; } /* Unused /* /* #three-col.generic #middle.full { width: 80%; margin-right: 0; } #three-col.generic #right { width: 214px; padding: 0; float: right; } */ /* ************************************************** */ /* Generic Page Wrapper Styles */ /* ************************************************** */ #three-col.generic #middle { display:inline;float:left;margin:0 0 20px 38px;padding:0;width:743px; } #three-col.generic #right p a, #two-col.generic #right p a { text-decoration: underline; } #two-col.generic #right h1 { margin-bottom: 5px; } #generic.contentWrap { width: 95% !important; padding: 2%; } /* Generic Rounded Corner Box for Text content */ .textWrap { width: 99%; background: #fff; float: left; overflow:hidden; border: 1px solid #dadada; margin: 10px 0 0 0; } .textWrap_inner { padding: 10px; } #main.generic .inner { padding: 16px 10px; } #main.generic .inner div.contentWrap { margin-bottom: 20px; } #main.generic .inner div.contentWrap .inner { width: auto; } /* ************************************************** */ /* End */ /* ************************************************** */ /* ************************************************** */ /* Generic About/Help Page Styles */ /* ************************************************** */ /*What is Rogers On Demand Online */ #WhatisRogers ul { margin:0 0 10px 15px; padding:0; list-style-type:disc; } #WhatisRogers ul li ul { margin-left: 30px; list-style-type:circle; margin-top: 3px; } /* Programming Page Styles */ #programming {width: 422px; } #programming #LineUp.contentWrap { float: left; width: 100%; background: none; padding:0; } #programming .inner {padding: 10px 5px 5px 5px; width: 100%; } #programming .channel-wrap {margin-right: 16px; } #programming ul.arrowLinks, #two-col #right #faq ul.arrowLinks.browse { padding-right: 10px; float: right; } /* News Page Styles */ #middle.news h1, #middle.news ul li { margin-bottom: 20px; } #middle.news p img { padding: 0 15px 15px 0; } #middle.news div ul li { margin-top: 0; } .inner.press, .inner.news { padding-top:20px; padding-left: 10px; min-height: 350px; } .inner.news ul.tertiary { float: right; border-right: none;width: auto; } .inner.news ul.tertiary li { display: inline; float: left; } .inner.news ul.tertiary li a { font-size: 12px; } .press p, .press h2, .news p, .news h2 { float: none; } .news h2, .press h2, h2.news { margin: 5px 0; width: 57%; } .latest { overflow: hidden; } .news ul.furtherInfo { margin-right: 40px; float: left; } .news ul li span { font-weight: bold; } /* Article Styles */ .article { border-bottom: 1px solid #dadada; clear: both; margin-bottom: 20px; padding-bottom: 10px; width: 100%; } .article p { margin-bottom: 5px; } .article a.headline { font-weight: bold; font-size: 14px; display: block; margin-bottom: 5px; } /* Who Can Join Page Styles */ .join .tableWrap { border: 1px solid #dadada; float: left; } .join table { background: #fff url(i/join/joinHeaderSprite2.png) no-repeat -1px 0; padding: 0; margin: 0 auto; } .join table thead th { padding: 6px 13px 10px 15px; color: #fff; font-weight: bold; text-align: center; font-size: 14px; vertical-align: top; } .join table thead th h1 { display: block; color: #fff; font-size: 18px; text-align: left; width: 172px; } .join table thead th.tv, .join table thead th.other { border-right: 1px solid #fff; } .join table thead th span { display: block; } .join table thead th.tv span, .join table thead th.none span { margin-top: 8px; } .join table thead th.other span { margin-top: 6px; } .join table tr td { text-align: left; font-size: 13px; vertical-align: top; color: #343434; } .join table tr td.pad { padding-right: 1px; } .join table tr td img.check { width: 24px; height: 20px; margin: auto; display: block; } .join table tr.summary td { padding: 10px; border-right: 1px solid #dadada; } .join table tr.summary h3 { margin: 10px 0; } .join table tr.summary td img { width: 154px; height: 25px; margin: 10px auto; display: block; } .join table tr.summary td.none { border-right: none; background: #f0f0f0;} /* FAQ page Styles */ #two-col #right #faq h2.head, #faq select, #faq input { float: left; } #faq.contentWrap, #Answers .contentWrap { padding: 0; width: 99%; } #faq select, #faq input, #Answers .contentWrap { margin-top: 10px; } #two-col #right #faq h2.head { margin: 10px 10px 0 10px; } #faq.contentWrap .column { width: 345px; } #Answers .contentWrap { width: 100%; background: none; } #two-col #right #faq h1 { margin: 10px 0 5px 10px; } /* FAQ Question Wrapper */ #faqQ { width: 100%; height:100%; padding-bottom: 10px; } #faqQ .column { width: 350px; } #faqQ ol { margin: 10px 0 0 15px; } #faqQ ol li, #faqQ ol li a { font-weight: bold; font-size: 13px; color: #343434 } #faqQ ol li { list-style-type:decimal; list-style-position: outside; margin: 0 0 10px 30px; line-height: 18px; } #faq a.all { margin: 0 18px 10px 0; float: right; } #faqQ h2 { border-bottom: 1px solid #dadada; padding: 15px 0 10px 3%; width: 97%; margin-bottom:0 } #faqQ p { width: 98.5%; background: #e1e1e1; margin: 0; padding: 0 0 10px 1.5%; } /* FAQ Answer Wrapper */ .answer { padding: 10px 20px 10px 20px; } .answer ul, .answer ol { margin: 0 0 10px 40px; } .answer ol li { font-size: 12px; } .answer ul li { list-style-type: disc; } .answer h2.number { float: left; margin-right: 5px; } .answer table { width: 400px; margin-bottom: 10px; } .answer th { font-size: 13px; text-align: left; } .answer td { font-size: 13px; padding-right: 10px; } /* Partnership Page Styles */ #partnership div.span8 { padding-bottom: 45px; } #partnership div.innerWrap { margin: 20px 0; } #partnership div.innerWrap.last { padding-bottom: 50px; } /* Help Overview Styles */ .help div.overviewWrap, .help div.overview { float: left; } .help div.overview .contentWrap .inner, .help div.overview a.btn, .help div.overview .contentWrap p { margin-top: 10px; } .help div.overview .contentWrap ul.bullet { padding-left: 30px; } .help div.overviewWrap { width: 47%; margin-bottom: 10px; } .help div.overviewWrap.browseFAQ { margin-right: 33px; } .help div.overview { width:100%; } .help div.overview h1 { font-size: 15px; line-height: 24px; margin-left: 10px !important; } .help div.overview .contentWrap { padding: 10px 0 10px 10px; float: left; min-height: 192px; } .help div.overview .contentWrap p, .help div.overview .contentWrap ul { padding-left: 15px; } .help div.overview .contentWrap p { padding-bottom: 5px; width: 90%; } .help div.overview .contentWrap select { margin-left: 15px; width: 250px; } .help div.overview img, .help div.overview a.btn { margin-left: 20px; } /* Ratings Page Styles */ .ratingsPage { width: 750px; } .ratingsPage .contentWrap { float: left; padding: 2% !important; } .ratingsPage .contentWrap table { border: 1px solid #cfcfcf; width: 65%; } /*Privacy Page Styles */ #privacy ol { list-style-type:decimal; margin-left: 15px; } #privacy ol li { font-size:13px; text-align: left; margin-bottom: 10px;} #privacy ol li ul li { margin-bottom: 2px; } /* SiteMap Page Styles */ #sitemap .contentWrap {float: left; padding: 0; } #sitemap .contentWrap h1 {margin: 5px 0 10px 10px; } #sitemap .contentWrap.wrapAll { width: 99%; height: 100%; } #sitemap .innerWrap { margin: 0 0 20px 0; } #sitemap ul { padding: 10px 0 10px 10px; margin-right: 10px; } #sitemap ul li a, #sitemap ol li a { font-size: 12px; } #sitemap ol { margin-left: 5px; padding: 15px 0 10px 0; list-style-type: none; } #sitemap a.generic { margin: 0 20px 10px 0; display: inline; } #sitemap .column { overflow: visible; padding: 0; } #sitemap .column.category { width: 465px; display: inline; margin-right: 20px; display: inline; } #sitemap .column.category.Genres { width: 100%; } #sitemap .column.category.Genres ul { width: 200px; } #sitemap .column.category.clips { width: 164px; } #sitemap .column.category.about { width: 450px; } #sitemap .column.category.hot { width: 280px; margin-right: 0 } #sitemap .column.category.hot ol li { overflow: hidden; margin-bottom: 5px; } #sitemap .column.category.hot ol li span { float: left; margin-right: 10px; font-weight: bold; } #sitemap .column.category.hot ol li a { display:block;height:23px;line-height:24px;overflow:hidden;width:80%; float: left; } #sitemap .column.category.about ul li a { font-weight: bold; } #sitemap .column.subcategory { width: 225px; } #sitemap .column.subcategory.tv { border-right: 1px solid #DADADA; } #sitemap .column.subcategory h3 { width: 98%; border-bottom: 1px solid #DADADA; padding: 5px 0 5px 4%; } #sitemap .column.Last { padding: 0px; margin:0px; } #sitemap .column.subcategory.tv ul, #sitemap .column.subcategory.movies ul { width:95px; margin-right: 5px; } /* Contact Page Styles */ fieldset#contact .validation-error { margin-left: 150px; width: 213px; } fieldset#contact select { width:234px; } fieldset#contact select.invalid { margin-bottom: 20px !important; } /* ************************************************** */ /* End */ /* ************************************************** */ fieldset.newsletter input.btn { margin: 10px 0 0 150px; } fieldset#unsubscribe { margin: 0; padding:0; border: 0; } fieldset#unsubscribe input.cancel { margin-left: 10px; } fieldset#unsubscribe textarea { width: 350px; height: 100px; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;} #cboxOverlay{position:fixed; width:98%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:98%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} img#cboxPhoto { height:100%; } /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url('i/transparentBg.png') repeat 0 0;} #colorbox{ margin-top:32px; } #cboxMiddleLeft, #cboxMiddleRight { width: 12px; position: absolute; height: auto; float: none !important; background: url(i/thickbox/tb_shdw_left_right.png) repeat-y} #cboxTopCenter, #cboxBottomCenter { height: 35px; position: absolute; background: url(i/thickbox/tb_shdw_top_btm.png) repeat-x;} #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight {width: 22px; height: 19px; position: absolute; background: url(i/thickbox/tb_shdw_crners.png) no-repeat; } #cboxMiddleLeft {background-position:-36px 0;left:-12px; top:9px; width:12px; bottom: 80px;height: auto !important} #cboxMiddleRight{background-position:0 0; right:12px; top:9px; width:12px; bottom: 80px;height: auto !important} #cboxTopCenter {background-position:0 -26px; left:8px;right:32px;top:-20px; width:auto !important;} #cboxBottomCenter{ background-position:0 0;bottom:36px;left:8px;right:32px;width:auto !important;} #cboxTopLeft{ background-position:0 0; left:-14px;top:-10px;} #cboxTopRight{ background-position:-22px 0; top: -10px; right: 10px} #cboxBottomLeft{ background-position:0 -19px;bottom:61px;left:-14px;} #cboxBottomRight{ background-position:-22px -19px;bottom:61px;right:10px;} #cboxContent{ background: #fff url(i/thickBoxBg.gif) repeat-x scroll 0 0;} #cboxLoadedContent{background:transparent; padding:1px;margin: 55px 0px 0 15px} #cboxLoadingGraphic{background:url(i/ajax-loader.gif) center center no-repeat;} #cboxLoadingOverlay{background:#fff;} #cboxTitle{ color: #000000;font-size: 19px;font-weight: bold; left: 15px;position: absolute;top: 30px;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{height:20px; position:absolute; top:-20px;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} #cboxClose{right: 5px;top: 4px; text-indent: -9999px;background: url(i/icons/whiteX.gif) no-repeat; width: 16px; height: 16px;} #cboxClose.hover{} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} #colorbox.login-modal #cboxLoadedContent { margin-top:23px; } #colorbox.login-modal .thikbox { padding-bottom: 0; } /* Unused */ /* ************************************************** */ /* Registration Form Styles */ /* ************************************************** */ joinRogers h1 { margin-top: 10px; margin-bottom: 10px; } h1.sub { margin:0 10px 10px 0 !important; font-size: 18px; } div.callOut { margin: 0 18px 15px 18px; float: left; } div.callOut h2 { font-size: 15px; margin-right: 10px; float: left; } div.callOut h2 span { color: #dc2b2e; } div.callOut p { font-size: 14px; clear: left; line-height: 21px; margin-bottom: 10px; } div.callOut .notCust { margin-left: 40px; } #join div.callOut .notCust ul { margin-top: 0; } /* ************************************************** */ /* Start Global Registration Steps */ /* ************************************************** */ ul.steps { width: 100%; height: 50px; margin-bottom: 20px; } ul.steps li { width: auto; position: relative; float: left; display: inline; border-bottom: 1px solid #dadada; font-size: 16px; color: #000; font-weight: bold; padding: 15px 0 0 100px } ul.steps li.step1, ul.steps li.step2, ul.steps li.step3 { background: url(i/join-steps-sprite-new.gif) no-repeat 0 0; height: 35px; } ul.steps li.active { color: #000; } ul.steps li.step1 { background-position: -1px -53px; width: 214px; } ul.steps li.step1.active { background-position: -1px -53px; } ul.steps li.step2 { background-position: -316px -1px; width: 243px; } ul.steps li.step2.active { background-position: -316px -53px;} ul.steps li.step3 { background-position: -661px -1px; width: 188px; color: #ababab; padding-left: 105px; } ul.steps li.step3.active { background-position: -661px -53px;} ul.steps li span.indicator { position: absolute; display: block; width: 37px; height: 18px; bottom: -7px; left: 150px; background: url(i/icons/indicatorArrow.gif) no-repeat 0 0; } #join.contentWrap.step1 li.step2 { color: #ababab; } #join.contentWrap.step2 li.step1 { background-position: -1px -1px; } #join.contentWrap.step3 li.step3 { p } /*Check SMS */ #join.contentWrap.checkSMS ul.steps li.step1 { background-position: 35px -536px; } /* Create Profile */ #join.contentWrap.create ul.steps li.step1 { background-position: 35px -163px; } #join.contentWrap.create ul.steps li.step2 { background-position: -290px -165px; } /* Verify Account Information */ #join.contentWrap.verify ul.steps li.step1 { background-position: 35px -105px; } #join.contentWrap.verify ul.steps li.step2 { background-position: -316px -105px; } #join.contentWrap.verify ul.steps li.step3 { background-position: -608px -105px; } /* Active States for steps 1 through 3 */ div.step1 ul.steps li.step1 { background-position: -1px -53px; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0;} #join.contentWrap.create ul.steps li.step1, #join.contentWrap.verify ul.steps li.step1 { background-position: -1px -1px; } div.step2 ul.steps li.step2, #join.contentWrap.create ul.steps li.step2 { background-position: -316px -53px; } div.step3 ul.steps li.step3, #join.contentWrap.verify ul.steps li.step3 { background-position: -659px -53px; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0;} /* ************************************************** */ /* Join Rogers On Demand Online (1st step) ~ Create Profile*/ /* ************************************************** */ #register.contentWrap, #verify.contentWrap { width: auto; margin: 0 auto; padding: 10px 10px 40px 10px; background: #fff; } #register.contentWrap span.required { margin: 3px 0 0 20px; font-weight: bold; } #register fieldset { margin: 20px 0 0 0; padding: 0; border: none; position: relative; display: block; } #register fieldset .register_inner { padding:0; float: left; } #register fieldset h2 { width: 65%; } #register fieldset label { width: 210px; text-align: right; margin-right: 15px; } #register fieldset label.check { width: auto; margin-right:10px; } #register fieldset input.text { margin-bottom: 10px; width: 254px; margin-right: 15px; } #register fieldset input.createAccount { margin: 5px 10px 10px 225px; } p.secure-server { background: url("i/icons/lock-icon.gif") no-repeat 0 0; margin: 0 10px 10px 225px; line-height: 21px; height: 19px; padding-left: 20px; font-weight: bold; } fieldset .noteWrap { width: 300px; float: left; } fieldset p.note, #register fieldset p.noteCheckAvail { font-style: normal; line-height: 14px; font-size: 11px; } fieldset p.note2, #myAccount fieldset p.note2 { font-style: normal; line-height: 14px; } fieldset p.note2 { margin-left: 185px; } #myAccount fieldset p.note2 { margin-left: 150px; margin-bottom: 0px; } #register fieldset p.noteCheckAvail { width: 150px; float: left; } #register fieldset select { width: 263px; } #register fieldset a.btn { margin-top: 5px; } #myAccount fieldset .option .inner { width: 325px !important; float: left; padding: 0 !important; margin:0; clear:none } #register ul.arrowLinks.view { padding: 0; margin-top: 10px; } #register .divide, #join .divide { padding: 5px 0 0 0 !important; } #register ul.arrowLinks { padding-left: 10px; } #register .radioWrap p { margin-top: 15px; } #middle .accountsContainer ul.arrowLinks { margin-top: 3px; padding-top: 0; } /* specificity to remove margin top in table */ /* Email */ #email { float: left; } /* Postal Code */ .PostalCode { padding-left: 15px; } .PostalCode input, #register fieldset .PostalCode .validation-error input, #register fieldset #userName input.checkAvailable { margin-left: 0; } .PostalCode .validation-error { max-width:103px; } /* Date of Birth */ #register #DateofBirth { overflow: hidden } #register fieldset #DateofBirth label.error { display: none; } #register fieldset p.note2.day { padding-left: 12px; } #register fieldset p.note.month { margin-left: 32px; } #register fieldset p.note.year { margin-left: 25px; margin-right:100px } #DateofBirth .validation-error input { margin-bottom: 10px; } #DateofBirth .validation-error input.year { margin-right: 0; } #join #DateofBirth ul.questionLinks { margin-top: 5px; } /* Alias/Display Name */ #register fieldset #Username .validation-error, #myAccount fieldset #Username .validation-error { max-width: 233px; } #register fieldset #Username .validation-error input, #myAccount fieldset #Username .validation-error input { margin-left: 0; width:225px; } #register fieldset #aliasCheck { width: 38%; float: left; } #register fieldset #aliasCheck p.congrats { margin-top: 10px; } #register fieldset input.alias { width: 208px; margin-left: 17px; } /* User Name */ #register fieldset #userName p.note { width: 150px; } p.congrats, p.alias { display: none; font-weight: bold; width: 220px; font-size: 11px; } p.congrats span, p.alias span { color: #dc2b2e; font-size: 11px; } p.congrats.valid, p.alias.valid { display: block } p.congrats span.avail { color: #197b30; } /* Password Protection */ .password-meter {width: 235px;} .password-meter span { color:#343434; font-weight: normal; display: block; font-size:11px; } .password-meter-message {text-align: right;font-weight: bold;color: #676767; font-size:11px;} .password-meter-bg, .password-meter-bar {height: 8px;} .password-meter-bg {top: 8px;background: #e0e0e0;} .password-meter-message-very-weak {color: #aa0033;} .password-meter-message-weak {color: #f5ac00;} .password-meter-message-good {color: #0d8836;} .password-meter-message-strong {color: #008000;} .password-meter-bg .password-meter-very-weak {background: #aa0033;width: 30px;} .password-meter-bg .password-meter-weak {background: #f5ac00;width: 60px;} .password-meter-bg .password-meter-good {background: #0d8836;width: 135px;} .password-meter-bg .password-meter-strong {background: #008000;width: 180px;} .password-meter-bg .password-meter-very-strong {background: #008000;width: 213px;} .password-meter {width: 235px;} /* Recaptcha */ #recaptcha { margin: 5px 0 0 0; } #recaptcha input,#recaptcha label { margin-top: 15px; } #recaptcha input.text { width: 125px !important; margin-right: 0 !important;} #recaptcha_image { margin:0 0 20px 0; } #recaptcha .captchaButtons { display: block; float: left; clear: right; width: 23px; height: 42px; margin: 6px 0 0 8px; } #recaptcha a.refresh { background: url(i/icons/recaptchaRefresh.gif) no-repeat left top; height: 15px; display: block; width: 23px; } #recaptcha a.audio { background: url(i/icons/captchaAudio.gif) no-repeat left top; height: 13px; display: block; width: 23px; } #recaptcha a.text { background: url(i/icons/captchaText.gif) no-repeat left top; height: 13px; display: block; width: 23px; } #recaptcha a.help { background: url(i/icons/captchaHelp.gif) no-repeat left top; height: 14px; display: block; width: 23px; } #recaptcha a.refresh:hover { text-decoration: none; } #recaptcha a.refresh span { font-size:10px;line-height:18px;padding-left:25px; } .recaptcha_is_showing_audio #recaptcha_image { padding: 12px 0 0 15px; height: 45px !important; width: 285px !important;} .recaptcha_is_showing_audio #recaptcha_image br { display: none; } #recaptcha_image a.recaptcha_audio_cant_hear_link { font-size: 11px; display: block; } /* Terms and Conditions */ #termsConditions { border: 1px solid #9D9D9D;height: 105px;margin-right: 0 !important;overflow-x: hidden;overflow-y: scroll;padding: 5px;width: 435px; } #apiTerms h1, #termsConditions h1 { font-size: 12px !important; margin: 0 0 5px 0 !important; padding: 0 !important; } #apiTerms h2, #termsConditions h2 { margin: 5px 0; } #apiTerms p, #apiTerms ul li, #apiTerms h2, #apiTerms ol li, #termsConditions p, #termsConditions ul li, #termsConditions h2, #termsConditions ol li { font-size: 11px !important; } #apiTerms ul.bullet, #termsConditions ul.bullet { padding-left: 20px;} #apiTerms p, #apiTerms ol li, #termsConditions p, #termsConditions ol li { margin-bottom: 5px; } fieldset#myProfile #terms .validation-error { max-width:440px; width:440px; } #terms .validation-error input { margin-right: 5px; } #terms p.invalid { clear: both; } .fieldWrap { width: 505px; overflow: auto; } #email.fieldWrap { padding-bottom: 5px; } /* Unique Validation Errors */ #register fieldset input.validation-error { margin-left: 0; width: 185px;} #register .validation-wrapper input.radio { width: 13px; height:13px; margin:0 5px 10px 0;} #register .validation-wrapper label { width:auto !important; text-align: left; font-size:11px; margin:0; } #register fieldset .grp1 { margin-top: 10px; } #register fieldset .grp2 { margin-top: 15px; } /* Radio Button and Checkbox Styles */ #register fieldset .radioWrap.check { padding: 3px 0 0 0 } #register fieldset .radioWrap.check label { width: auto; margin-right: 15px; } #register fieldset .radioWrap.step1 { margin: 0; padding: 10px 0; } #register fieldset .radioWrap.step1 input.check { margin: 2px 10px 5px 0; } #register fieldset .radioWrap.step1 label { width: 325px; text-align: left; } #register fieldset .radioWrap.radioBoxes { padding: 3px 0 0 0; margin: 0 0 5px 0; /*width: 220px;*/} #register fieldset #terms label.newsletter { text-align:left;width:450px !important } #register fieldset .radioWrap.checkBoxes label.unsubscribe { width: 400px !important; text-align: left; font-weight: normal; } /*#register fieldset .radioWrap.checkBoxes, fieldset .radioWrap.checkBoxes { margin: 0 0 0 225px; } */ #register fieldset .radioWrap.checkBoxes input, #register fieldset .radioWrap.checkBoxes label { width: auto; /*line-height: 21px;*/ } /* Loading Progress */ .Loading { width: 100px; height: 100px; background: transparent url(i/ajax-loader.gif) no-repeat 0 0; position: fixed; left: 48%; top: 42%; z-index: 9001; display: none; } .LoadingUnderlay {height: 100%; width: 100%; position: fixed; top: 0px; left: 0px; z-index:9000; display:none} /* Account Profile */ #profile { width: 22.3%; float: right; display: inline; } #profile .contentWrap { padding: 0; background: none; } #profile .profile_inner { padding: 10px; } #join.contentWrap.verify { min-height: 442px; } #join.contentWrap.verified { background-position: 0 0; padding-top: 20px; } #join.contentWrap.verified p.list-head { margin-bottom: 20px; } #join.contentWrap.verified h2 { margin-bottom: 15px; } #join.contentWrap.verified.step3 .button-wrap a { display: block; text-indent: -999em; width: 67px; height: 25px; background-position: -238px -324px !important; } /* ************************************************** */ /* End)*/ /* ************************************************** */ /* ************************************************** */ /* Join Rogers On Demand Online (2nd step) ~ Associate Account*/ /* ************************************************** */ #join.contentWrap { background: #fff url(i/registration_steps_bg.gif) repeat-x 0 51px; padding:0 0 0 0; width: 950px; margin-bottom: 10px !important; } #join.contentWrap .contentWrap.two { width: 95.2%; padding: 15px 7px 5px 12px; min-height: 135px; } /* Start White Columns */ .optionsWrap {height: 100%; padding-bottom: 5px; margin: 0 7px; width: auto; clear: both; } .optionsWrap #whiteCol_1, .optionsWrap #whiteCol_2 { float: left; overflow:hidden; } .optionsWrap #whiteCol_1 .contentWrap, .optionsWrap #whiteCol_2 .contentWrap, #whiteCol_3 .contentWrap { margin: 0; background: #fff; width: auto;} .optionsWrap #whiteCol_1 { width: 701px; margin-right: 6px; padding-bottom: 50px; } .optionsWrap #whiteCol_1 .contentWrap { padding: 20px 15px; } .optionsWrap #whiteCol_2 { width: 228px; } .optionsWrap #whiteCol_2 .contentWrap { padding: 25px 15px; } #whiteCol_3 { width: 448px; float: left; overflow: hidden; } #whiteCol_3 .contentWrap { padding: 10px 15px; } #verify.contentWrap .verifyInner { width: 701px; } p.register { font-size: 11px; width: 95%; padding-left: 1.9%; color: #282828; } .optionsWrap .contentWrap { background: #fff; padding: 15px 15px 0;} /* ************************************************************ */ /* Updated Step 2 Page - Associate Accounts ~ Updated on 6/23/11 - Brandon Wolvin */ /* ************************************************************ */ .regsteptwo .contentWrap { padding: 25px 0 75px 0; width: auto; } .regsteptwo .col { display: inline-block; width: 350px; vertical-align: top; position: relative; min-height: 350px; } .regsteptwo #rogers-customer { margin: 0 90px 0 70px; } .regsteptwo .col h2 { color: #AE2519; font-weight: bold; font-size: 18px; margin-bottom: 3px; } .regsteptwo .col h3 { font-size: 18px; margin-bottom: 20px; } .regsteptwo .col h3 a { text-decoration: underline; } .regsteptwo .col ul { list-style-type: disc; margin: 0 0 30px 15px; padding: 0; } .regsteptwo .col li { color: #000; font-size: 17px; margin-bottom: 8px; } .regsteptwo .col li span { font-weight: bold; } .reg-steps-foot { text-align: right; color: #7f7f7f; font-size: 11px; padding: 0 15px 15px 15px; } .reg-steps-foot a { float: left; font-size: 11px; color: #000; } .regsteptwo .col input[type="submit"] { background: url("i/register/step-2-buttons-sprite.gif") no-repeat -173px 0; width: 164px; height: 30px; display: block; border: none; outline: none; margin-left: 86px; } .regsteptwo #rogers-customer input[type="submit"] { background-position: 0 0; } .step3 #Login, #Login { width: 266px; } .back-to-step1 { background: url("i/register/go-backt-step1.png") no-repeat 0 0; width: 129px; height: 22px; border: none; outline: none; display: block; margin-top: 5px; } #myAccount .contentWrap.personalInfo fieldset#community-setup { padding-bottom: 0; } #myAccount .contentWrap.personalInfo fieldset#community-setup label { width: auto; } .help-topics { padding-top: 20px; } .help-topics > div { float: left; } .help-topics > div p { position: relative; top: 30px; } .help-topics > div a { text-decoration: underline; } .help-topics #rogers-live-support { margin-right: 20px; } label.invalid.forgot-pass-error { width: 97.1%; padding: 10px; border: none; } label.invalid.forgot-pass-error a { text-decoration: underline; } #termsConditions iframe { height: 11900px; width: 85%; } h2.profile-name span { text-transform: lowercase; } /* ************************************************** */ /* End */ /* ************************************************** */ /* View for when contest is added */ .contest.regstepone ul { margin: 30px 0 10px 50px; width: 500px; overflow: hidden; } .contest.regstepone .contentWrap { padding: 0 0 20px 0!important; margin-bottom: 0px !important; } .contest.regstepone ul li { font-size: 14px; line-height: 18px; float: left; display: inline; margin-bottom: 25px; } .contest.regstepone ul .types { color: #ae2519; font-weight: bold; width: 225px; text-align: right; padding-right: 22px; } .contest.regstepone ul .descrip { width: 250px; line-height: 18px;} .contest img.package, .contest h1 { display: block; } .contest .customer { border-top: 1px solid #ececec; width: 96%; margin: 0 0 0 15px; padding-top: 20px; clear: both; } .customer label { margin-left: 14px; font-size: 18px; font-weight: bold; line-height: 27px; } .customer .yesRed { margin: 0 10px 0 15px; } .regFoot { padding: 0 22px; } .regFoot p, .regFoot a { font-size: 11px; } .regFoot a { text-decoration: underline; } .regFoot p { color: #7f7f7f; margin-bottom: 5px; } .regstepone span.leftCorner { height:172px;left:-9px;position:absolute;top:-3px;width:17px;background:url(i/step1_top_left.gif) no-repeat 0 0; position: absolute; } .verifyCustomer .verifyInner h2 { font-size: 20px; margin: 0; line-height: 0.8; } .verifyCustomer .verifyInner h2.fltlft { font-size: 26px; margin: 0 12px 0 0; padding-top: 6px; } .verifyCustomer .verifyInner .headmargin { margin-bottom: 15px; } .verifyCustomer .verifyInner .headmargin p { width: 435px; margin-left: 15px; float: left; } .verifyCustomer .verifyInner p, .verifyCustomer .verifyInner li { font-size: 14px; } .verifyCustomer .verifyInner ul, .verifyCustomer .verifyInner ol { margin: 0 0 10px 35px; list-style-position: outside; } .verifyCustomer .verifyInner li { margin-bottom: 4px; } /* .verifyCustomer .verifyInner ul { list-style: disc; } */ .verifyCustomer .verifyInner ol { list-style: decimal; } .verifyCustomer .verifyInner a { text-decoration: underline; } .verificationError { border: 1px solid #dc4848; padding: 25px; width: 823px; } .verificationError span.errorHead { background-color: #fce2e2; margin: -25px 0 12px -25px; display: block; position: relative; padding: 10px 25px; width: 823px; font-size:18px; font-weight: bold; } .verificationError ul.bullet { margin-left: 0; padding-left: 15px; } #myAccount .verificationError, #myAccount .verificationError span.errorHead { width: 350px !important; } .labelhead { font-size: 20px; font-weight: bold; color:#000; } .optionHeader { width: 100%; padding: 13px 15px 7px 15px; margin: -15px 0 0 -15px; } .option .optionHeader .wrapRadio { margin-top: 5px; } .tablet .option .optionHeader .wrapRadio { margin-top: 0 !important; } .open .optionHeader { background: url('i/step2_verify_open.gif') repeat-x 0 0; padding: 19px 15px 25px 15px; } #middle .option { width: 385px; margin: 0 auto 10px auto; border: 1px solid #dedede; padding: 10px; } #middle .option .optionHeader { width: 385px; background-color: transparent; padding: 10px 10px 5px 10px; margin: -10px 0 0 -10px; } #middle .open .optionHeader { background-color: #e9e9e9; padding-bottom: 15px; } #middle .textWrap .greyBG .contentWrap { padding-bottom: 0; } #middle .open .option_inner { background-color: #f4f4f4; width: 385px; padding: 10px 10px 15px 10px; margin: -10px 0 0 -10px; display: block; } #middle .labelhead { font-size: 12px; font-weight: bold; color:#000; line-height: 1.1; width: 363px; float: right; } .verifyCustomer .verifyInner ul.howTooltip { display: block; float: right; margin: -4px 0 0 0; width: 360px; padding: 0; position: relative; list-style: none; } .verifyCustomer .verifyInner ul.bigger { width: 505px; } .verifyCustomer .verifyInner ul.padtop { margin: 10px 0 6px 10px; } .verifyCustomer .verifyInner ul.howTooltip li { margin: 0; padding: 0; font-size: 12px; line-height: 0.8; } ul.howTooltip { display: block; float: none;margin: 0 0 0 180px; width: auto; padding: 0; list-style: none; height: 14px; } .joinLater ul.howTooltip { margin: 3px 0 0 15px; padding: 0; float: left !important; } .joinLater ul.howTooltip li a { margin: 0; padding: 0; font-size: 10px; text-align: left; vertical-align: bottom; } .joinLater ul.howTooltip li { vertical-align: bottom; background: url('i/iconSprite.png') no-repeat -232px -43px; padding-left: 12px; } .joinLater ul.howTooltip li span.questions { display: inline-block; } .callOut .emailConfirmation { background-color: #efeeee; clear: both; display: block; margin: 20px 0; padding: 17px 25px; width: 815px; } .callOut .emailConfirmation h3 { color: #343434; font-size: 20px; font-weight: normal; margin: 0 0 12px 0; } .callOut .emailConfirmation p { color: #343434; font-size: 14px; margin: 0 0 12px 0; } .callOut h1.sub { font-size: 20px; margin: 0 0 40px 0; display: block; float: none; width: 100%; line-height: 1.2; } .callOut h2.sub { font-size: 18px; margin: 0 0 25px 0; display: block; float: none; width: 100%; line-height: 1.2; } #joinRogers { margin-top: 18px; } #joinRogers h1.head { font-size: 24px; margin-bottom: 7px; } .optionsWrap #verify { width: 875px; margin-left: 30px; } #join .callOut { margin-left: 37px; } #myAccount .option .optionHeader .wrapRadio { margin-top: 0; } .greyBG { background-color: #ebebeb; } .accountsContainer { background-color: #ebebeb; padding: 10px 6px 1px 6px; margin: 0 0 10px 0; } .accountsContainer table.accounts { background-color: #fff; border: 6px solid #FFF; border-left: 12px solid #FFF; border-right: 12px solid #FFF; width: 100%; } .accountsContainer table.accounts thead tr th { color: #666; padding: 0; font-size: 10px; font-weight: normal; text-align: left; } .accountsContainer table.accounts td { font-size: 18px; } .accountsContainer table.accounts tbody tr.border td { border-top: 1px solid #d8d8d8; padding-top: 12px; } .accountsContainer table.accounts tbody tr.first td { border-top: none; padding-top: 4px; } .accountsContainer table.accounts tbody tr td.small { font-size: 12px; margin: 0; padding: 0; } .accountsContainer table.accounts tbody tr td.accountNum { color: #c8031d; } .accountsContainer table.accounts tbody tr td div.error { border: 1px solid #dc4848; margin: 8px 0 10px 0; padding: 0; text-align: left; } .accountsContainer table.accounts tbody tr td div.error input.send { margin-left: 10px; } .accountsContainer table.accounts tbody tr td div.error h3 { background-color: #fce2e2; color: #000; margin: 0 0 6px 0; padding: 6px 10px; font-size:14px; font-weight: bold; text-align: left; } .accountsContainer table.accounts tbody tr td.small p { color: #000; line-height: 1.4; font-size:12px; padding: 0 10px; } .accountsContainer table.accounts tbody tr td div.error .enterCode { margin:0 0 10px 5px; } .accountsContainer table.accounts tbody tr td div.error .enterCode input { margin-left: 5px; } .accountsContainer table.accounts tbody tr td div.error .image { padding: 10px; } /* Start Options */ .option { background: #fff; padding: 15px 15px 0 15px; margin-bottom: 5px; width: auto !important; position: relative; zoom: 1;} .option.open { background: #fff; margin-bottom: 15px; padding: 15px; } .option.open div.formEle { display: block; } .option label { margin: 0 0 5px 0; font-weight: bold; color:#343434; font-size: 12px; width: auto; padding:0; display: inline; line-height: 21px; } .option .wrapRadio, .wrapRadio { height: 20px; float: left; margin: 0 10px 0 0; width: 12px; display: inline-block; } .option input.radio { background: none; margin: 0; padding: 0; display: inline; width: auto; } .option_inner { width: 90%; margin-left: 25px; padding: 0; } .option div.formEle { display: none; } .option div.formEle label { width: 145px; margin-right: 5px; } .option div.formEle input { margin-right: 5px; } .option div.formEle label, .postalCode label { font-weight: normal; padding: 3px 0 0 0; } .option div.formEle input.text, .postalCode input.text { margin: 0 5px 10px 5px; } .option div.formEle input.postal,.option div.formEle input.postal.invalid { width: 93px; } .option div.formEle input.Numberfield,.option div.formEle input.Numberfield.invalid { width: 156px; } .option div.formEle input.Numberfield, input.Numberfield { width: 150px; } .option div.formEle input.btn { margin: 10px 0 3px 0; float: none; } #myAccount div.formEle input.text { margin-left: 0px; } #myAccount div.formEle label { margin-bottom: 5px; margin-right: 5px; } .option span.bottom { background:url(i/step2_verify_bottom.gif) no-repeat 0 0; position:absolute; left: 0; bottom: -5px; width: 874px; height: 8px;} /* Join Step 1 */ #join.step1 h1 { width: auto; margin: 20px 0 0 27px; } #join.step1 .package { margin: 0px 25px 10px 0; } #join .open #option1, #join .open #option2, #join .open #option3 { padding: 5px 0; } p.later { font-size: 11px !important; color: #505050; float: left; padding-left: 10px; line-height: 24px;} p.later a { color: #000; text-decoration: underline;margin-left: 5px; } #join #option1 label, #join #option2 label, #join #option3 label { padding: 1px 0 0 0; line-height: 16px; width: 260px;} #join #option1 .questionLinks, #join #option3 .questionLinks { margin: 0; padding: 0; } #join #option1 p.info { margin-right: 14px; } #option1 input.text, #option2 input.text, #option3 input.text { width: 205px; margin-right: 15px; } #option1 .group, #option2 .group, #option3 .group { margin-bottom: 25px; overflow: hidden; padding-top: 5px;} #option1 input.btn, #option2 input.btn, #option3 input.btn { margin: 0 0 10px 0; float: left; } #join .open #option1 p.info, #join .open #option2 p.info, #join .open #option3 p.info { margin-bottom: 0; line-height: 16px; } #join #option1 p.note, #join #option2 p.note, #join #option3 p.note, #myAccount #option1 p.note, #myAccount #option2 p.note, #myAccount #option3 p.note { margin-right: 15px; } #option2 p.noMessage { margin: 10px 0; } #join #option2 .info { width: auto; } /* Join Step 3 */ #join #option3 .info { width: 480px; margin-right: 25px; } .option .validation-error { margin-bottom: 0; } #myProfile .validation-error { margin-bottom: 5px; } .option .form-row { margin-bottom: 10px; overflow: hidden; padding-bottom: 3px;} .joinLater .questionLinks { margin: 4px 0 0 20px; } .joinLater .questionLinks li { line-height: 10px; } /* Start Error Mesasges */ .option .validation-error { width: 463px; } fieldset#myProfile .validation-error { margin-left: 225px; width: 242px; display: inline; } fieldset#myProfile #terms .validation-error { margin-left: 0; } /* Start Fieldset Options */ #join fieldset { clear: left; padding: 0; border: none;} #join fieldset .option ul, #myAccount fieldset .option ul { padding-top: 5px; } fieldset#myProfile #terms, fieldset#myProfile .radioWrap { margin-left: 225px; } fieldset#myProfile #terms label { width: 450px !important; text-align: left; margin-bottom: 10px; font-weight: normal; } #join fieldset .option input.cableAcct, #myAccount fieldset .option input.cableAcct { width: 158px; } #myAccount fieldset .option input.submit { margin: 10px 0 5px 0; display: block; } /* ************************************************** */ /* End */ /* ************************************************** * /* ************************************************** */ /* Check Your Phone - Wireless Option Step*/ /* ************************************************** */ #join fieldset#SMS, #register fieldset#SMS { margin: 15px 0 33px 0; } #join fieldset#SMS input, #register fieldset#SMS input { margin: 0 5px 0 0; } /* ************************************************** */ /* End */ /* ************************************************** * /* ************************************************** */ /* Start Associated Pages */ /* ************************************************** */ #Associated { width: 725px; } #Associated ul.questionLinks { margin-top: 10px; } #Associated ul.floatList { padding-bottom: 15px; } /* Associated Pending Email */ #Associated .contentWrap { background: #eee; float: left; padding: 0 10px 10px 10px; } #Associated.pendingEmail .contentWrap .textWrap { width: 99.7%; margin: 10px 0 0 0; } #Associated .infoBox { width: 65%; float: left; overflow: hidden; margin-right: 50px; } #Associated.pendingEmail ul { width: 25%; float: left; margin-top: 5px; } #Associated p span { font-style: italic; } #Associated h2.account, h2.account { margin: 10px 0 5px 0; } #Associated h2 span, h2.account span { color: #dc2b2e; } /* Associated Already Verified */ #Associate .sorry, #join .sorry { width: 446px; float: left; } #Associate p { margin-bottom: 10px; font-size: 12px; } #Associate ul.floatList { margin-bottom: 10px; } #Associate fieldset#Login p { display: none; } #Associate ul.questionLinks, #join ul.questionLinks { margin-top: 15px; } #Associated.verified .optionsWrap { padding-bottom: 10px; } #Associated.verified .textWrap { min-height: 400px; margin:0; } /* Invalid Account Information */ #join.contentWrap.invalid { background-position: 0 -70px; } #join.invalid div.callOut { margin: 15px 18px; float: left; } /* ************************************************** */ /* End)*/ /* ************************************************** */ /* ************************************************** */ /* Forgot User/Password Pages */ /* ************************************************** */ #myAccount #personalInfo .inner, #myAccount #Password .inner { padding: 0 10px; float: none; } /* Reset Password */ #confirmation ul.floatList, #confirmation .radioWrap { display: none; } /* Resend Email Module */ #resendEmail { margin-top: 20px; } #resendEmail input, #resendEmail p{ float: left; margin-right: 5px; } #resendEmail p { padding-top: 4px; } /* Validation Errors */ fieldset#forgotUser .validation-error, fieldset#forgotPass .validation-error { width: 213px; margin-left: 150px; } /* New myProfile form styles */ fieldset#myProfile label { font-size: 13px; color: #343434; padding-top: 3px; font-weight: bold; } fieldset#myProfile label span { font-weight: normal; } fieldset#myProfile .checkBoxes label { font-size: 12px; padding-top: 0; } /* ************************************************** */ /* End */ /* ************************************************** */ a.termsPopup, a.termsPopup:link, a.termsPopup:visited, a.termsPopup:active, a.termsPopup:focus {color:#00f; text-decoration: underline} /* Galaxy Adjustments */ .tablet #myAccount .option .optionHeader .wrapRadio, .tablet #myAccount .community .wrapRadio { position: relative; top: -5px;} .verify-message span { float: right; } /* ************************************************************ */ /* Why Register Page ~ Added on 6/20/11 - Brandon Wolvin */ /* ************************************************************ */ #main.register-page { background: #000; float: none; margin: 0 auto; width: 957px; padding: 60px 0 20px 0; } .register-page > div { display: inline-block; vertical-align: top; width: 321px; } .register-page > div:first-child { width: 535px; margin-right: 65px; padding: 0; } .register-page > div:first-child h2 { color: #fff; font-size: 28px; margin-bottom: 10px; } .register-page > div:first-child h3 { font-size: 18px; color: #fff; margin-bottom: 0; } .register-page h4 { color: #f7c310; font-size: 21px; font-weight: bold; margin-bottom: 15px; text-transform: none; } .register-page ol { list-style-type:decimal; margin: 0 0 0 16px; padding: 0; } .register-page li { color: #fff; font-size: 14px; margin-bottom: 15px; } .register-page li span { color: #f7c310; font-weight: bold; } .register-page .head-group { margin-bottom: 35px; } .register-page .head-group p { color: #fff; font-size: 14px; } .register-page .button-wrap { margin-bottom: 40px; } .register-page .button-wrap a { background: url("i/register/register-no-lrg-btn.png") no-repeat 0 0; display: block; width: 317px; height: 65px; text-indent: -9999em; } .register-page .player-wrap { width: 485px; } .register-page #whyregister { z-index: 5000; position: relative; } .register-page .player-wrap .player { height: 303px; position: relative; width: auto; } .register-page .play-btn { background: url("i/register/register-video-play-btn.png") no-repeat 0 0; position: absolute; top: 98px; left: 200px; width: 81px; height: 73px; display: block; text-indent: -999em; } .register-page .caption { background: url("i/register/register-player-overlay.png") repeat-x 0 0; position: absolute; bottom: 24px; left: 0; width: 455px; height: 73px; padding: 20px 0 0 30px; } .register-page .caption h5 { margin: 0 0 10px 0; color: #fff; font-size: 24px; font-weight: bold; } .register-page .caption p { margin: 0; font-size: 16px; color: #fff; } .register-page .caption p span { font-weight: bold; } .register-page .player-util { color: #fff; font-size: 10px; padding-top: 10px; text-align: right; } .register-page .player-util a { color: #fff; float: left; font-size: 10px; text-decoration: underline; } /* ************************************************** */ /* Form Styles */ /* ************************************************** */ fieldset {padding: 1em; border:1px solid #bfbfbf; margin: 0 0 10px 0; } fieldset legend {padding: 0.2em 0.5em 0.2em 0; color:#000; font-weight: bold; font-size: 105%;} fieldset label{float: left;width: 145px; display: inline; font-size: 75%;text-align: left; margin-right: 5px; padding: 2px 0 0 0; line-height: 18px; } optgroup { font-style:normal;font-weight:bold;} fieldset select{width: 187px;margin-bottom: 10px;float: left; margin-right: 15px; font-size: 12px; } fieldset select.reminder { width: 195px; } fieldset textarea {width: 250px; height: 124px; text-align: left; font-family: Arial; margin-bottom: 0 5px 10px 0; float: left; height: 150px; } fieldset textarea, fieldset input.text{ font-size: 12px; border: 1px solid #9d9d9d; color: #000; } fieldset input{width: 225px; margin-bottom: 14px;float: left; /* margin-right: 20px; */ background: #f3f3f3; padding: 3px; } input.disabled { background: #c9c9c9 !important; } fieldset input.zip {width: 100px;} fieldset input.login { margin: 10px 0 0 105px; } fieldset input.check { border: none; width: auto; margin-right: 5px; background: none; border:none; } fieldset input.postal { width: 95px; margin-right: 7px;} fieldset input.submit, fieldset input.continue, fieldset input.signIn { margin: 5px 10px 10px 150px; } #account .continue{margin-top: 0px} fieldset input.radio { background: none; width: auto; } input.signIn { margin-bottom: 0 !important; } fieldset#ThankYou input.submit { margin: 15px 10px 10px 195px; } fieldset input.cancel { margin: 5px 0 0 0; } fieldset input.validate { width: auto; } /* DD/MM/YYYY Styles */ .placeholder::-webkit-input-placeholder { color: #000; } .placeholder:-moz-placeholder { color: #000; } fieldset input.datE { font-size: 12px; border: 1px solid #9d9d9d; margin-bottom: 0; } fieldset input.day, fieldset input.month { width: 44px; margin-right: 15px; } fieldset input.year { width: 78px; margin-right: 10px; } .dob { float: left; margin: 5px 0 0 0; } .dob .innerWrap { margin: 0 0 5px 150px; clear: both; float: left; } .dob ul { width: 100px; float: left; margin-top: 3px; } .dob p { float: left; } .dob p.day { margin-left: 12px; } .dob p.month { margin-left: 29px; } .dob p.year { margin-left: 30px; } .dob input { margin-bottom: 3px; margin-right: 5px; } fieldset br{clear: left;} /* clear floats */ fieldset p { line-height: 14px; margin: 0; } fieldset p.note { margin-bottom: 5px; } fieldset p.note span { font-size: 11px !important; } fieldset span.fieldNote { font-size: 10px; color: #343434; font-weight: normal; display: block; width: 90%; clear: both; margin-bottom: 10px;} /* Radio Button Styles */ .radioWrap { vertical-align: top; margin-left: 155px; padding-top:2px} fieldset#contact .radioWrap { margin: 10px 0 10px 150px; } .radioWrap label.special { width:185px !important; } .radioWrap label { float: left; padding: 0; margin: 0; width: auto !important; font-size: 11px; } .radioWrap input { margin: 0 5px 10px 0; width: 13px; height: 13px;} .radioWrap span.fieldNote { margin-left: 20px; margin-bottom: 3px; } .radioWrap input.text { width: 185px; margin-right: 15px } .radioWrap input.alias { width: 165px; } /* Error Validation Styles */ input.error, input.invalid, input.error, select.invalid { margin-bottom:1px !important; text-align: left; border: 1px solid #d11c15 !important; } .errors, .rjsError { display: none; color:#000; font-weight: bold; font-size: 12px; line-height: 18px; width: auto; padding: 10px; margin: 0 0 15px 0; background: #f9dfe0; } .rjsError a { text-decoration: underline } .rjsError a:hover, .rjsError a:focus { text-decoration: none; color: #444 } input[type="checkbox"].invalid { outline: 1px solid #d11c15 !important; border: none; padding: 0; } label.error { color:#DC2B2E;display:inline;float:left; width: 350px !important; font-size: 11px; padding:3px 0 5px;text-align: left; margin:0 0 10px 0; } label.valid { color: #2b993a; font-weight: bold; width: auto !important; } label.invalid { color:#000; font-weight: bold; font-size: 12px; line-height: 18px; width: 75%; padding: 5px 8px; margin: 0 0 15px 0; background: #f9dfe0; border: 1px solid #d11c15; display: block; } fieldset.options label.error { width: auto; margin:0; float: none; padding:0; clear: left; } #userName label.valid { display: none !important; } input.error { margin-bottom: 0 !important; padding: 3px;} .validation-wrapper{float:left; padding:3px 0 0 0; margin-bottom: 3px;} .validation-error { background: #f9dfe0; font-size: 80%; /*max-width:262px; min-width: 262px;*/ padding:15px 10px; margin-bottom: 20px; font-weight: bold; color: #000; float: left; } .validation-error input { margin-bottom: 10px; margin-right: 0; margin-left: 0 !important; border: 1px solid #d11c15 !important; } .validation-error p { font-size:11px !important;margin:0 !important; color: #000 !important; } input.validation-error { background: #f3f3f3; padding: 3px; margin-right: 20px; margin-bottom: 0; clear: none; } textarea.invalid { border: 2px solid #dc2b2e; } /* Saved Styles */ .rjsError.success { background: #dceada; } /* Login Page */ body.login { background: #fff; } body.login .inner { padding: 10% 0 0 0; } body.login fieldset { width: 50%; margin: 0 auto; } /* Registration */ fieldset.options p { margin-bottom: 10px; } fieldset.options input.submit { margin-left: 0; } /* Sign Up */ fieldset.signUp { border: none; padding: 0;} fieldset.signUp label { font-weight: bold; font-size: 13px; color: #343434; width: 100%; margin-bottom: 5px; text-align: left; } fieldset.signUp input.text { width: 300px; margin-bottom: 15px; } fieldset.signUp input.signIn { margin:0;}r fieldset.signUp ul { clear: none; margin: 5px 0 0 20px; } fieldset.signUp .radioWrap { margin: 0 0 5px 0; } fieldset.signUp .radioWrap label { width: auto; line-height: 20px; } /* Optional Marketing */ fieldset.ThankYou { margin-top:10px; width:97%; } fieldset.ThankYou .radioWrap { margin:10px 0 10px 20px; } fieldset.ThankYou label { margin-right: 40px; width: 390px; } fieldset.ThankYou input.submit { margin-left: 20px; } /*Start Inactive Fieldsets*/ .contentWrap.dim h2 { color: #656565; } .contentWrap.dim p, .contentWrap.dim ul li { color: #d7d7d7 } .contentWrap.dim input.select { background-position: -201px -362px; } /*Start Image Replacement Buttons */ .buttonWrap { width: 100%; margin-top: 15px; } input[type="button"] { cursor: pointer; } input.btn { background:url(i/buttonsSprite.png) no-repeat top left; cursor:pointer; border: none; text-indent: -9999em; } input.searchRed { background-position: 0 0; width: 25px; height: 23px } input.go { background-position: 0 -59px; width: 25px; height: 23px; } input.submit { background-position: -87px -209px; width: 70px; height: 23px; } input.signUp { background-position: -182px -287px; width: 72px; height: 25px; } input.cancel { background-position: -161px -324px; width: 70px; height: 23px; } input.login { background-position: 0 -324px; width: 65px; height: 25px; } input.continue { background-position: -66px -324px; width: 90px; height: 25px; } input.signIn { background-position: -238px -324px; width: 67px; height: 25px; margin-bottom: 5px; } input.resend { background-position: 0px -361px; width: 118px; height: 25px; margin: 0 0 5px 10px; } input.select { background-position: -123px -361px; width: 72px; height: 25px; margin-bottom: 5px; } input.autoValidate, a.autoValidate { background-position: -448px -397px; width: 115px; height: 25px; display: block; } input.createAccount{ background-position: -198px -578px; width: 132px; height: 25px; } input.joinRogers { background-position: 0px -472px; width: 265px; height: 25px; margin-bottom: 10px; } input.uploadImage { background-position: 0px -508px; width: 124px; height: 25px; } input.save, a.save { background-position: 0px -544px !important; width: 55px; height: 25px; } input.saveLarge { background-position: 0px -961px; width: 90px; height: 30px; } input.checkAvailable { background-position: -195px -432px; width: 111px; height: 17px; margin: 3px 0 0 15px; } input.subscribe { background-position: -280px -472px; width: 224px; height: 25px; } input.watchNow { background-position: -140px -506px; width: 107px; height: 25px; } input.getItNow { background-position: -262px -506px; width: 103px; height: 25px; } input.refreshEntitle { background-position: 0 -578px; width: 190px; height: 25px; } input.verify { background-position: -563px -396px; width: 68px; height: 25px; } input.sendNow { background-position: -448px -432px; width: 95px; height: 25px; } input.send { background-position: -76px -641px; width: 55px; height: 25px; margin-bottom: 5px; } input.resendSMS { background-position: -184px -544px; width: 76px; height: 25px; margin: 0 0 5px 10px; clear: both;} input.postComment { background-position: -300px -754px; height: 23px; margin-right: 7px; width: 118px; text-align: left; text-indent: -999em; } input.postCancel { background-position:-423px -754px;display:block;height:23px;width:66px; margin-right: 9px;} input.socialShare { background-position: -91px -544px; width: 85px; height: 25px; } input.socialCancel { background-position: -181px -960px; width: 88px; height: 35px; margin-left: 10px; } input.managePlaylist { background-position: -190px -923px; width: 210px; height: 35px; } input.yesRed { background-position: -53px -888px; width: 57px; height: 30px; } input.noRed { background-position: -115px -888px; width: 57px; height: 30px; } input.generic { background: #a91815; min-width: 100px; width: auto; text-align: center; padding: 3px; color: #fff; font-weight:bold; text-transform: uppercase; cursor: pointer; border: 1px solid #000; letter-spacing: 1px; } input.retry { background-position: -482px -961px; width: 74px; height: 30px; } input.close-window { background-position: -403px -923px; width: 151px; height: 30px; } input.tryAgain { background-position: -363px -961px; width: 115px; height: 30px; } .goBack, .goHome, .reportError, .retryError, .sendError {background:url(i/buttonsSprite.png) no-repeat top left; cursor:pointer; text-indent: -9999em; border: none; height: 24px; margin: 15px 5px 0 0; } /* ************************************************** */ /* End*/ /* ************************************************** */ .favorite .util-favorite, .favorite .util-favorite .buttons { overflow: hidden; } .favorite .util-favorite { position: relative; } .favorite .util-favorite p { margin: 0; } .favorite .util-favorite .buttons { float: right; width: 295px; margin-top: 22px; } .favorite .util-favorite .buttons a { float: left; display: inline; } .favorite .util-favorite .buttons a.removeExpiredVideos { margin-left: 7px; } .favorite .toolbar .toolbarWrap { float: left; } .favorite-wrap.group img{width: 150px; height: 84px} #myAccount .favorite .contentWrap { background: none; width: 100%; } .favorite-wrap { border-bottom: 1px solid #E0E0E0; margin: 0 35px 15px 0; overflow: hidden; padding: 0 0 15px; } .favorite-wrap li, .favorite-wrap .price-info li { display: inline; float: left; } .favorite-wrap .price ul .first { margin: 0; padding: 0; border: none; } .favorite .toolbar { border-bottom: 1px solid #e0e0e0; } .favorite-wrap .video { width: 193px; } .favorite-wrap .price { width: 90px;} .price-info li { border-left: 1px solid #c1c1c1; margin-left: 5px; padding-left: 5px; } .price-info .amount { color: #2d2d2d; font-size: 14px; } .price-info .entitlement { position: static; } .favorite-wrap .info { width: 188px; padding-right: 15px;} .favorite-wrap .info .video-wrap { height: auto; } .favorite-wrap .info h2 { float: none; min-height: 16px; max-height: 300px; max-width: 183px; } .favorite-wrap .info h2.episode { font-weight: normal; min-height: 18px; word-wrap: break-word; } .favorite-wrap .info p { line-height: 18px; } .favorite-wrap .info .rated { margin-top: 3px; } .favorite-wrap .expires { width: 152px; } .favorite-wrap .expires h6 { font-size: 11px; font-weight: normal; margin: 0; } .favorite-wrap .expires p span { font-size: 11px; } .favorite-wrap .expires p .last-chance { color: #d52b1e; font-size: 11px; font-weight: bold; text-transform: uppercase; } .favorite-wrap .expires p span.expired{ color: #da002b; } .favorite-wrap .expires p { font-size: 14px; color: #2d2d2d; margin: 0; } .favorite-wrap .remove a { font-size: 11px; } .favorite-wrap .remove a span { color: #b20737; font-weight: bold; font-size: 10px; margin-right: 5px; } .favorite-wrap p.noItems { padding: 0 30px 0 0; width: 550px; } .favorite-wrap .pagination { border-top: none !important; } .favorite-wrap .empty { width: 94%; } .favorite-wrap .empty img { margin-left: 20px; } .favoriteModule h1 {float: left} .favoriteModule span.loading{background: transparent url(i/ajax-loader_small.gif) no-repeat center right; float: right; font-size: 75%; padding-right: 20px} .boldRed { color: #b11a1a !important; font-weight: bold; font-size: 14px !important; } #availability .expires, #rental-info li { font-size: 14px; } #rental-history li { cursor: default; } #rental-info li, #rental-history li li { float: none; display: block; } #rental-info li { color: #303030; line-height: 18px; } #availability li { color: #000; display: block; float: none; } #availability .head { font-size: 11px; } #rental-history h3, #rental-history li { color: #303030; font-size: 14px; } #rental-title { width: 170px; padding-right: 20px; } #rental-title h2.video-title { width: 125px; } #rental-title p { margin-right: 5px; } #rental-price { width: 70px; } #order-date { width: 125px; } #rental-playback { width: 82px; } #rental-history #rental-cta { width: 114px; font-size: 12px; text-align: center; padding-right: 20px; } #rental-cta p { font-size: 11px; color: #3d3d3d; text-align: center; width: 90px; } #rental-links li { line-height: 16px; } #rental-links a { background-image: url('i/iconSprite.png'); background-repeat: no-repeat; color: #000; font-size: 11px; padding-left: 17px; } a[title~='report'] { background-position: -232px -18px; } a[title~='print'] { background-position: -284px -3px; } #myAccount .recommend .tabs .last .active span { background-image: url(i/tabs/last/tabs.gif); } #myAccount .recommend .tabs .first a span { background-image: url(i/tabs/first/tabs.gif); } #myAccount .recommend .contentWrap { margin-top: 27px; } #manageList .toolbar { border: none; padding-bottom: 0; } #manageList .toolbar input.saveLarge { margin-right: 22px; } #manageList .content_inner { margin-top:5px; } #myAccount .recommend .manageBox { width: 633px; padding: 13px 17px 18px 17px; margin: 0 0 17px 20px; border: 1px solid #DADADA; position: relative; } #myAccount .recommend .manageBox.bottom { margin-bottom: 10px; } .manageBox a.top { background: url(i/iconSprite.png) no-repeat 0 -215px; display: block; width: 25px; height: 12px; position: absolute; right: 17px; top: 10px; } .manageBox h2 { font-size: 16px; font-weight: bold; color: #000; } .manageBox .inputWrap { width: 305px; height: 24px; border: 1px solid #c5c7c6; margin-bottom: 14px; } .manageBox .hint { width: 290px; margin-left: 7px; padding-top: 5px; font-size: 11px; color: #666666; border: 1px solid #fff; } .manageBox .hint.loading {background-image: url(i/ajax-loader_small.gif); background-position: right center; background-repeat: no-repeat; cursor: progress} .manageBox .selectWrap { width: 635px; overflow: hidden; } .manageBox .selectWrap div { width: 304px; } .manageBox .selectWrap div.selected { margin-left: 25px; display: inline; } .manageBox .selectWrap div h3 { font-size: 12px; font-weight: bold; color: #343434; margin-bottom: 5px; } .manageBox .selectList { border: 1px solid #c5c7c6; width: 302px; height: 166px; overflow: auto; position: relative; } .manageBox .selectList li { border-bottom: 1px solid #e6e6e6; padding: 3px 0 3px 0; } .selectList li a { font-size: 12px; display: block; overflow: hidden; margin-left: 7px; } .selectList li a:hover { cursor: pointer; text-decoration: none; } .selectList li a:hover span { background-image: url(i/iconSprite.png); float: right; margin: 4px 7px 0 0; } .manageBox .select a:hover { font-weight: bold; } .manageBox .select span { background-position: 0 -187px; width: 13px; height: 8px; } .manageBox .selected span { background-position: 0 -203px; width: 7px; height: 6px; } .recommend .buttonWrap { width: 710px; } #manageList .saveLarge { margin-top: 4px; } #manageList .success { float:right; height:17px; text-align:center; width:230px; margin-right: 12px; } .galaxieChannelSkin { height: 420px; left: 0px; overflow: hidden; position: absolute; text-align: center; top: 0; width: 100%; } .genreSkin_5 { background: #000 url('i/galaxie/bg/classical-skin.jpg') no-repeat 60% 0 !important; } .genreSkin_4 { background: #000 url('i/galaxie/bg/country-skin.jpg') no-repeat 60% 0 !important; } .genreSkin_3 { background: #000 url('i/galaxie/bg/galaxieplus-skin.jpg') no-repeat 60% 0 !important; } .genreSkin_2 { background: #000 url('i/galaxie/bg/jazz-skin.jpg') no-repeat 60% 0 !important; } .genreSkin_1 { background: #000 url('i/galaxie/bg/pop-skin.jpg') no-repeat 60% 0 !important; } .genreSkin_0 { background: #000 url('i/galaxie/bg/rock-skin.jpg') no-repeat 60% 0 !important; } #galaxieNetwork { margin-top: 20px; } #galaxieTitle #rate-it { line-height:21px; margin-right:13px; padding-left:0; width:160px; } #galaxieTitle #rate-it .rated { margin-top: 1px; } #galaxieTitle p, #galaxieTitle a { line-height: 21px; } #galaxieTitle .titleInfo { margin-top: 3px; } #galaxiePlayer .titlebar img { width: auto; height: auto; float: none; } #galaxiePlayer .titlebar .live { color: #ffcc1b; text-transform: uppercase; } #galaxiePlayer { width: 959px; } #galaxiePlayer .socialIcons { margin-right: 5px; } #galaxiePlayer #player-wrap { width: 100%; margin: 0; min-height: 100px; } #genreList { border: 1px solid #a5a5a5; background: url('i/galaxie/genre-list-bg.gif') repeat-x 0 0; width: 953px; position: static; margin: 10px 0 30px 0; box-shadow: 0px 2px 5px #444; -webkit-box-shadow: 0px 2px 5px #444; -moz-box-shadow: 0px 2px 5px #444; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; } #genreList li { border-right: 1px solid #b8b8b8; width: 158px; float: left; height: 40px; } #genreList li a, #genreList li a span { float: none; background: none; padding:0; } #genreList .active a, #genreList .active a:hover { background: url('i/galaxie/genre-list-active.gif') no-repeat 0 0; color: #fff !important; } #genreList li a { display: block; width: 100%; height: 100%; color: #e41b23 !important; text-align: center; line-height: 40px; font-size: 18px; font-weight: normal; } #genreList li a:hover { color: #000 !important; } .channelList-wrap { margin-bottom: 10px; } .channelList-prev, .channelList-next { width: 28px; height: 65px; background: url('i/galaxie/arrow-sprite-controls.png') no-repeat 0 0; text-indent: -999em; margin-top: 150px; cursor: pointer; } .channelList-prev { background-position: 100% 0 ; margin-right: 10px; } .channelList-next { margin-left: 10px;} .channelList { width: 950px; height: 400px; overflow: hidden; margin-left: 48px; } .channelList_inner { width: 6300px; } .channelList_inner ul { width: 950px; float: left; } .channelList_inner li { display: inline; float: left; margin: 0 40px 34px 0; width: 140px; height: 67px; } .channelList_inner .last-child { margin-right: 0; } .channelList_inner li a { display: block; height: 100%; width: 100%; } .channelList_inner li a:hover { border: 2px solid #fff; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; } /* Needed so ad stays above favorite module! */ #main.galaxie .videoGutter { position: relative; padding-top: 295px !important; } #main.galaxie .videoGutter .top-ad { position: absolute; left: 0; top: 0; width: 300px; height: 250px; } .galaxie-header { text-transform: none; margin-bottom: 10px; margin-left: 48px; } #galaxiePlayer .socialIcons { width: 48px; } #galaxiePlayer .socialIcons ul.floatList li { margin-right: 3px; padding: 0; } #player-outer-wrap.galaxie-player .playerMessage.Video { width: 711px; } #main.store { background: #fff url(i/store/store-large-bg.png) repeat-y 50% 0; padding-bottom: 0; } #main.store #lightDimmer { top: 0; } .store .inner { background:url(i/store/store-bg.gif) repeat-y 4px 0; overflow: hidden; min-height: 500px; } /* #main.rentals-browse .loading, .store .loading { background: #a91815 url(i/ajax-loader_small_alt.gif) no-repeat center; display: block; } */ .white-text, .white-text:hover, .paging .current a, #browse-list .details:hover, .new-btn, .new-btn:hover, .store-tip h3, .store-tip h3 span { color: #fff; } .list-box h3, .section .cta-link, .header-wrap h2, .checkout .save-info label { color: #303030 !important; } .grey-text { color: #777; } #rental-head, .movie-scroll, #store-promo, .movie-scroll .movie-info h2, .paging, #ep ol li, #ar ol li, .movie-info .title, #rental-head h1 { overflow: hidden; } .movie-scroll .col, .paging li, #browse-grid .col, #rental-actions li, #summary td li { float: left; display: inline; } .time, p.back-rentals a, #rental-actions a, .exp-alert{ background-image:url(i/iconSprite.png); background-repeat:no-repeat; } .cta-link, .cta-link.cancel { background: transparent url('i/icons/dark-grey-arrow.png') no-repeat 100% 4px; } .cta-link { padding-right: 10px; font-weight: bold; } .cta-link.expand { background: transparent url('i/icons/dark-grey-arrow.png') no-repeat 100% 4px; } .cta-link.expanded { background: transparent url('i/icons/dark-grey-arrow.png') no-repeat 100% 4px; } .new-btn { padding: 6px 0; font-weight: bold; text-transform: uppercase; text-align: center; display: block; font-size: 12px; box-shadow: 3px 3px 5px #888; } #player-actions a, .custom-btn { background: url('i/store/store-button-sprite.png') no-repeat 0 0; text-indent: -999em; display: block; } .custom-btn { width: 232px; height: 45px; } .no-single-stream-message, .checking-stream-status, .resume-playback { background-position: 0 -52px; } .resume-playback:hover { background-position: -242px -52px; } .playback:hover { background-position: -242px 0; } .restart { background-position: 0 -102px; } .restart:hover { background-position: -242px -102px; } .watch-now { background-position: 0 -150px; } .watch-now:hover { background-position: -242px -150px; } .watch-later { background-position: 0 -201px; } .watch-later:hover { background-position: -242px -201px; } .rent-it { background-position: -3px -250px; width: 220px; font-size: 14px; } .rent-it:hover { background-position: -246px -250px; } .automrgn { margin: 0 auto; } .new-btn:hover { text-decoration: none; } .red { background: url('i/store/store-button-sprite.gif') repeat-x 0 -31px; background: -webkit-gradient(linear, left top, left bottom, from(#dc524f), to(#d11c15)); background: -moz-linear-gradient(top, #dc524f, #d11c15); border: 2px solid #fff; margin-bottom: 13px; box-shadow: 0 0 8px #676565; -webkit-box-shadow: 0 0 8px #676565; -moz-box-shadow: 0 0 8px #676565; } .red:hover { background: #d11c15; } .grey { background: url('i/store/store-button-sprite.gif') repeat-x 0 0; background: -webkit-gradient(linear, left top, left bottom, from(#737373), to(#5b5b5b)); background: -moz-linear-gradient(top, #737373, #5b5b5b); margin-bottom: 13px; border: none; } .grey:hover { background: #5b5b5b; } .add-card, .edit-card, .delete-card { border: none; height: 24px; } .add-card { background-position: 0 -345px; width: 145px; } .edit-card { background-position: -175px -345px; width: 48px; } .delete-card { background-position: -251px -345px; width: 147px; } .section .active { background: transparent url('i/icons/red-arrow.gif') no-repeat 100% 5px; padding-right: 8px; } .section .alpha .active { background: none; padding: 0; } .section .cta-link { font-size: 12px !important; font-weight: bold !important; } .time { background-position: -235px -123px; width: 12px; height: 12px; display: inline-block; margin-left: 5px; } .rental a.play { display: block !important; background: transparent url("i/store/rental-overlay.png") no-repeat 0 0; height: 142px; width: 100px; left: 5px; box-shadow:inset 0 0 10px #000000; -moz-box-shadow: inset 1px 1px 10px #000; -webkit-box-shadow: inset 1px 1px 10px #000; } .rental a.play:hover { filter:alpha(opacity=90); } .rental .thumb { width: 101px; position: static; padding-bottom: 3px; } .carousel-wrap, .list-box, .round-button, .rent-now, .rental-terms, #browse-list-table, .rt, #watch-now-wrap { -moz-border-radius: 3px; -webkit-border-radius: 3px; } .new-btn { -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; } .round-button { border: 1px solid #d2d2d2; color: #252525; font-size: 12px; display: inline-block; padding: 3px 8px; background: #fff; } .round-button:hover { color: #d01d15; text-decoration: none; } .round-button.large { font-size: 16px; height: 18px; padding: 6px 20px; margin: 3px 0 0 0; } .image-replace { background-image:url(i/headersSprite.png); background-repeat: no-repeat; text-indent: -999em; } #store-promo-wrap { background: #000; height: 480px; width: 100%; } #store-promo { /*background: transparent url("i/store/store-promo-bg.png") no-repeat 100px 0;*/ width: 1130px; margin: 0 auto; height: 480px; } #article { width: 711px; padding-top: 4px; } #article.rental-home { padding-bottom: 60px; } .carousel { position: relative; } .carousel .controls, .watch-rental { background-image: url(i/store/scroll-sprite.png); } .carousel-wrap, .carousel-wrap .header-wrap, #rentals-head-wrap { background-image: url(i/store/store-sprite.png); background-repeat: repeat-x; } .carousel-wrap { background-color: #e2e2e2; background-position: 0 -284px; border: 1px solid #c9c9c9; margin-top: 15px; padding: 0 0 20px 10px; } .carousel .controls { background-repeat: no-repeat; height: 144px; display: block; } .carousel .prev, .carousel .feat-prev { background-position: 0 -15px; width: 28px; } .carousel .prev:hover, .carousel .feat-prev:hover { background-position: -64px -15px; } .carousel .prev.disabled, .carousel .prev.disabled:hover, .carousel .feat-prev.disabled:hover { background-position: -35px -15px; cursor:default } .carousel .next, .carousel .feat-next { background-position: -192px -15px; width: 18px; } .carousel .next:hover, .carousel .feat-next:hover { background-position: -128px -15px; } .carousel .next.disabled, .carousel .next.disabled:hover, .carousel .feat-next.disabled:hover { background-position: -159px -15px; cursor:default } .movie-scroll .col { width: 120px; padding-left: 5px; margin-right: 2px; position: relative; height: auto !important; } .rental a.favorite, #main.rentals-browse a.favorite { position: absolute; left: 107px; top: 124px; } /* .movie-scroll .movie-info, .movie-scroll .cover { margin-left: 5px; } */ .movie-scroll p { margin-bottom: 5px; } .movie-scroll .movie-info h2 { color: #101010; font-size: 13px; width: 100px; margin-bottom: 0; max-height:32px; min-height:18px; } .movie-scroll .loading { border: 1px solid #C9C9C9; width: 100px; height: 170px; margin-right: 9px; background: url(i/ajax-loader.gif) no-repeat center center; } .carousel-wrap .header-wrap { background-position: 0 -253px; height: 32px; margin: 15px 10px 15px 0; } .carousel-wrap h2 { margin-right: 10px; } .header-wrap h2 { font-size: 21px; } .paging li { background: #fff; border: 1px solid #949494; height: 14px; width: 14px; margin-left: 8px; } .paging a { display: block; line-height: 12px; margin: 1px; font-size: 11px; color: #949494; text-align: center; } .paging a:hover { background: #d01d15; color: #fff; text-decoration: none; } .paging .current a { background: #949494; cursor:default } #whats-new h2.head { background-position: 0 -366px; width: 115px; height: 23px; } #featured h2.head { background-position: 0 -402px; width: 165px; height: 23px; } #aside { width: 232px; } #aside .inner-wrap { padding-left: 9px; } #aside .top { background: #000; height: 16px; margin-bottom: 16px; } .list-box { background: #fff; margin-bottom: 20px; } .list-box h3 { font-size: 14px; line-height: 18px; } #ep { border: 1px solid #ccc; } #ep h3 { margin: 3px 10px 0 9px; } .list-box .header-wrap { padding: 5px 0 8px 0; } #ep ol li { float: none; } #ep ol li .thumb { width: auto; } #ep ol > li, #ar ol > li { border-top: 1px solid #ccc; height: 97px; padding: 6px 0 7px 0; } #ep ol li.rating { border-top: none; padding: 0; } #ep .rental a.play, #ar .rental a.play { background-position: 0 -144px; width: 70px; height: 97px; padding: 0; left: 10px; } #ep .rental a.play { top: 6px; } #ar .rental a.play { top: 0; } #ep .add,#ep .added, #ar .add,#ar .added, #ep .add,#ep .loading, #ar .add,#ar .loading { position: static; display: block; } #ep .picks-img, #ar .picks-img { margin: 0 10px; width: 68px; height: 97px; } #ep .movie-info { width: 125px; } #ar .movie-info { width: 115px; } #ep .movie-info ul, #ar .movie-info ul { margin: 3px 0; } #ep p, #store-lc p { margin-bottom: 0; } #ep p, #ar p { line-height: 18px; } #ar .view-all { border-top:1px solid #CCCCCC; padding: 5px 0; height: auto; } #ar .view-all a { font-size: 12px; margin-left: 10px; } .store .price { font-size: 12px; } .movie-info .price { color: #1d1d1d; line-height: 19px; margin-bottom: 0; } .movie-info .price.rented, .iconGroup .entitle .price { color: #cf1e14; font-weight:bold; } .last-chance .price, .last-chance img { float: left; } .last-chance img { margin: 3px 0 0 5px; } .movie-info .title { font-size: 14px; display:block; margin: 0 0 2px 0; max-height: 32px; } #store-lc h3 { background-position: 0 -320px; width: 140px; height: 42px; margin-right: 10px; } #store-lc a.round-button { margin-top: 5px; } #store-lc .list-box { border: 5px solid #ccc; padding: 0 5px; } #store-lc .price { color: #292929; } #store-lc .price.rented { color: #CF1E14; font-weight: bold; } #store-lc .title { width: 130px; color: #101010; font-size: 13px; margin-bottom: 3px; display: block; max-height: 32px; overflow: hidden; } #store-lc li { border-bottom: 1px solid #ebebeb; padding: 10px 0; } #store-lc li li { border-bottom: none; } .new-rental { background: #d01d15; position: absolute; left: 0; top: 114px; min-width: 70px; height: 21px; padding: 0 5px; display: block; line-height: 21px; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; z-index: 50; } .new-rental-wrap { position: relative; } .new-rental-wrap span { background: url('i/store/scroll-sprite.png') no-repeat 0 -190px; position: absolute; left: -5px; bottom: -5px; height: 5px; width: 5px; } /* Browse Rentals Page */ #main.rentals-browse #side-nav { width: 225px; margin: 9px 18px 0 0; } #main.rentals-browse .section .alpha .active { background: none; padding: 0; } #main.rentals-browse .links .active { color: #D01C15; font-weight: bold; } #main.rentals-browse .links li, #main.rentals-browse .links a { color: #000; font-weight: normal; margin-bottom: 10px; } #main.rentals-browse #right { width: 705px; margin: 0; } #right.rentals .pagination { border-top: none; margin-right: 0; clear: none; } #rentals-head-wrap.browse { height: 57px; } #main.rentals-browse .section h2 { padding-bottom: 8px; margin-bottom: 10px; border-bottom: 1px solid #ccc; } #main.rentals-browse .section h2.view-all a { font-size: 15px !important; background-position: 100% 5px; color: #000 !important; } #rentals-head-wrap.browse .header-wrap { height: 42px; padding-top: 12px; } #rentals-head-wrap.browse .header-wrap h1 { background-position: 0 -436px; width: 180px; height: 28px; } #rentals-head-wrap.browse .back-rentals { margin-top: 13px; } .back-rentals a { background-position: -235px -139px; padding-left: 12px; font-size: 12px; font-weight: normal; } #main.rentals-browse { padding-top: 7px; } #main.rentals-browse .toolbar { margin-bottom: 5px; padding-top: 7px; } #main.rentals-browse .toolbarWrap div { margin-left: 0; padding-left: 0; } #main.rentals-browse .toolbarWrap .layout { width: 49px; } #main.rentals-browse .toolbarWrap { padding-right: 0; } #browse-grid .col { margin: 0 32px 0 13px; width: 116px; height: 245px; position: relative; } #browse-grid .col .rental { border: 1px solid #ddd; } #browse-list table { border: 1px solid #ccc; width: 100%; float: left; } #browse-list tr.even { background: #efefef; } #browse-list td { vertical-align: top; } .search-matches td { padding: 15px 0; vertical-align: middle; } #browse-list .list-title, #browse-list .list-price { vertical-align: top; } #browse-list .list-title { padding: 15px 20px 15px 13px; width: 311px; } #browse-list .list-title p { margin-right: 5px; } #browse-list .list-price { padding: 15px 0; width: 80px; } #browse-list .list-price p, #browse-list .list-title h2 { margin-bottom: 0; } #browse-list .list-title h2 { font-size: 14px; } #browse-list .list-rating { padding: 18px 0; width: 135px; } #browse-list .list-button { width: 124px; padding: 12px 0; } #browse-list .list-add { padding: 10px 0; } #browse-list .list-add a { position: static !important; display: block; } #browse-list .list-add .loading { background: url("i/ajax-loader_small.gif") no-repeat scroll left center transparent; } #browse-list .add, #browse-list .added { position: static; } #main.rentals-browse .alpha { width: 190px; } #main.rentals-browse .alpha li { margin: 0 10px 10px 0; } #browse-list .round-button { width: 42px; } .watch { background: #d11d16; color: #fff; text-align: center; } .watch:hover { color: #fff; } #browse-list .details:hover { background: #646464; } #browse-list tr:hover, #browse-list tr.even:hover #browse-list .highlight { cursor: pointer; background: #d8d8d8; } #browse-list tr:hover h2 a {text-decoration: underline} #rentals-head-wrap { background-position: 0 -82px; height: 103px; } #rental-head { padding-top: 19px; } #rental-head h1 { font-size: 27px; margin-bottom: 0px; display: block; height: 46px; max-height: 46px; max-width: 750px; } #rental-head h1 span, #rental-head h1 img { float: left; } #rental-head h1 span { margin-top: 16px; } #rental-head .assetInfoImg { margin: 15px 0 0 12px; } /* Store Check Out Styles */ #rental.titlebar { width: 100%; } .rental-rating { background: #fff; padding: 2px; color: #292929; text-align: center; } #rental-head .rental-rating { margin-right: 15px; margin-left: 3px; } #rental-head h1 span { font-size: 14px; font-weight: normal; } #rental-head #rate-it span { padding-top: 5px !important; } #rental-head .titleInfo { margin-top: 4px; } #rental-head #rate-it .rated { margin-top: 3px !important; } #rental-head .back-rentals { margin-top: 5px; } #main.checkout #three-col { margin-top: 20px; } #main.checkout #side-nav { width: 223px; } #main.checkout .validation-error { margin-left: 160px; width:250px; } #rental-actions li { margin-right: 20px; } #rental-actions a { padding-left: 18px; font-size: 12px; position:static; text-transform:none; color: #fff; } #rental-actions a:hover { text-decoration: underline; } #detail-summary-wrap #rental-actions .added { background:url("i/buttonsSprite.png") no-repeat scroll -609px -54px transparent; } #rental-actions .loading { background:url("i/ajax-loader_small.gif") no-repeat scroll left center transparent; cursor: progress; } #rental-actions .add { background-position: -236px -176px; } #rental-actions.white .add { background-position: -388px -176px; } #rental-actions.white .rental-share { background-position: -390px -196px; } .rental-share { background-position: -235px -196px; } #main.checkout #middle { width: 460px; margin: 2px 20px 0 20px; padding: 0; } #main.checkout #middle .list-head { color: #2e2e2e; font-size: 13px; } #main.checkout #right { margin-top: 9px; } #main.checkout fieldset { border: none; padding: 0; margin: 20px 0 5px 0; } #main.checkout .form-row { overflow: hidden; } .checkout label { width: 145px; text-align: right; margin-right: 15px; } #main.checkout h2 { color: #2e2e2e; font-size: 21px; margin-bottom: 5px; } .checkout select { margin-bottom: 14px; width: 270px; } .checkout .text { width: 262px; } .checkout #sec-code .text { width: 56px; } .checkout #sec-code p { margin-left: 10px; float: left !important; } .checkout #sec-code a { color: #2e2e2e; font-size: 11px; line-height: 24px; } .checkout .date { width: 42px; margin-right: 5px; } .checkout .radioWrap { margin-left: 160px; } .checkout #postal .text { width: 136px; } .checkout .cardtoken { display: none; } .checkout .save-info { border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; padding: 10px 0; margin: 10px 0 25px 0; width: 384px; margin-left: 45px; } .checkout .save-info input { width: auto; margin: 0 6px; } .checkout .save-info label { width: 355px; text-align: left; font-size: 13px; margin-right: 0; padding: 0; } .checkout .noteWrap { width: 100px; margin-left: 10px; } .checkout .noteWrap p { line-height: 24px; } .save-info .details span { background-position: -235px -160px; display: inline-block; width: 8px; height: 8px; } #main.checkout #checkout-buttons .save-cont { width: 180px; margin-left: 78px; font-size: 14px; } #main.checkout #checkout-buttons .or { line-height: 32px; padding: 0 12px; } #main.checkout .cancel-order a { margin-top: 6px; font-size: 13px; } #main.checkout #right { width: 224px; } #checkout-buttons .cancel-order { margin-top: 6px; } #summary { background: #E2E2E2; border: 1px solid #d0d0d0; padding: 0 10px; } #summary table { width: 100%; } #summary td { border-bottom: 1px solid #d0d0d0; padding: 10px 0; } #summary p { color: #010101; font-size: 14px; margin: 0; } #summary h4 { font-size: 12px; color: #484848; margin-bottom: 5px; text-transform: none; } #summary .split-col { width: 65%; } #summary .price { width: 35%; text-align: right; } #summary #order-total p { font-size: 15px; font-weight: bold; } #order-total { border-top:1px solid #D0D0D0; clear: both; padding-top: 10px; } #description p span { font-size: 11px; } #summary .rental-terms p, #summary .rental-terms a, #summary .rental-terms li, #summary .discount-text { font-size: 12px; color: #484848; } #summary .rental-terms p { width: 170px; margin-bottom: 5px; } #summary .discount-text { margin-bottom: 5px; } #summary .rental-terms .cta-link { text-decoration: underline; } #sub-total h4, #order-total h4 { margin-bottom: 0; } #summary #tax-total { margin-bottom: 35px; } #order-total h4 { line-height: 18px; } #summary .taxes { margin-top: 5px; } #summary .taxes .split-col { width: 35%; } #summary .taxes .price { width: 65%; } #order-total td { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } #review-order input { background: none; color: #010101; font-size: 14px; border: none; padding: 0; } #place-order { margin-top: 19px; } #payment-options a { font-size: 12px; color: #2e2e2e; } #payment-options li { margin-bottom: 5px; } .payment-text { font-size: 14px; color: #010101; margin-bottom: 10px; line-height: 19px; } .rent-now-wrap .rentNow { width: 180px; margin: 15px auto; display: block; font-size: 14px; } .rent-now-wrap .cancel-order { margin-left: 130px;} .rent-now { width: 267px; border: 1px solid #9d9d9d; margin: 5px 0 0 42px; padding-bottom: 15px; } .rent-now p.charged { color: #373737; font-size: 13px; margin-bottom: 0; } .rent-now p.charged strong { color: #0c0c0c; } #sub-total { margin-bottom: 5px; } #summary .note { line-height: 14px; font-size: 11px !important; } .rental-details #rental-actions a { color: #444; } .rental-details #rental-actions .added { background:url("i/buttonsSprite.png") no-repeat scroll -611px -30px transparent;} /* Store Detail */ #main.store-detail .carousel-wrap { margin-top: 0; margin-bottom: 18px; } #main.store-detail #article { padding-top: 0; padding-bottom: 20px; } #main.store-detail #comments-wrap { border: 1px solid #ccc; padding: 10px 12px 20px 15px; width: auto; } #comments-wrap #comments { width: auto; } #main.store-detail #comments h2 { margin-right: 15px; } #main.store-detail #comments h2 span { font-size: 14px; } #detail-actions, #detail-actions .watch-trailer { width: 224px; } #detail-actions input {width: 100%;} #detail-actions .rent-it { margin-bottom: 13px; } #detail-actions .watch-trailer { margin-bottom: 33px; } #detail-summary { width: 670px; } #detail-summary .rental-cover { width: 224px; margin-right: 20px; } .rental-cover img { border: 1px solid #fff; } #detail-summary-outer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #131313 url('i/store/detail-fade-bg.png') repeat-x left bottom; } #detail-summary-wrap { min-height: 403px; padding: 20px 0 35px 0; position: relative; } #detail-summary-wrap .questionLinks { margin: 15px 92px 0 0; } /*#detail-summary-wrap.rental-detail { min-height: 400px; }*/ #detail-summary-wrap.rental-detail .trailer { margin: 0; width: 710px; height: 425px; display: none; } #detail-summary-wrap.rental-detail .trailer object { height: 425px; } #detail-summary-wrap.rental-detail .trailer object { width: 710px !important; } #detail-summary-wrap.rental-detail .trailer img { width: 100%; } #rental-summary { width: 425px; } #rental-summary ul { margin-bottom: 15px; } #rental-summary li, .rt { font-size: 12px; line-height: 18px; } .rt ul { margin-top: 10px; } #rental-summary .list-head { font-size: 14px; } .exp-alert { background-color: #f3f3f3; background-position: -229px -118px; border: 1px solid #949494; padding: 3px 8px 3px 5px; width: auto; min-width: 177px; } .exp-alert p { margin-bottom: 0; font-size: 11px; color: #252525; padding-left: 18px; } .rt { border: 1px solid #b3b3b3; padding: 12px 15px; } .rt p { color: #fff; } #main.store-detail .comment-signed-out { width: auto; } /* Search Page */ h3.search { margin-top: 20px; } .search-matches { width: 100%; } .search-matches .highlight td { background: #efefef; } .search-matches .search-title { padding-left: 16px; width: 221px; } .search-matches .search-detail { color: #b11a1a; font-size: 14px; width: 81px; } /* Store Tooltip */ .tooltip-wrap { padding: 10px; } .assetInfo_hover .tooltip-wrap .asset-info { width: 270px; } .store-tip .header-wrap { padding: 10px; background: #d11d16; } .store-tip .star-rating, .store-tip .star-rating a, .store-tip ul.rated, .store-tip ul.rated li.rating { background:url("i/store/store-ratingsSprite.png") no-repeat scroll 0 0 transparent !important; } .store-tip ul.rated li.rating { background-position: 0 -62px !important; } .store-tip .rated { width: 100px; } .store-tip h3 { font-size:16px; line-height:21px; max-height:42px; max-width:195px; } .store-tip h3 span { font-size: 11px; font-weight: normal; } .store-tip .rental-rating { color: #d11d16; margin-right: 10px; font-weight: bold; } .store-tip p { color: #252525; font-weight: bold; font-size: 12px; padding: 0; margin: 0 0 10px 0; border-top: none; } .store-tip li { font-size: 11px; color: #6c6b6b; } .store-tip li strong { color: #373737; } #ar .contentWrap .content { width: 100%; } #ar .tabs, #ar .contentWrap { width: 221px; } #ar .contentWrap { border: 1px solid #ccc; padding-top: 10px; margin-top: 40px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; } #ar .list-box, .expires { margin-bottom: 0; } #ar ol { max-height: 554px; overflow: auto; } .expires { color: #757575; } .watch-rental { background-position: -78px -170px; display: block; height: 20px; width: 59px; } .watch-rental:hover { background-position: -146px -170px; } /* New Store Tab Styles */ .store-tabs li.first a.active, .store-tabs li a.active:hover { background: #fff !important; } #ar .store-tabs { height: 42px; width: 223px; overflow: hidden; } .store-tabs li a { font-size: 12px !important; } .store-tabs li .active { color: #000 !important; border-bottom: 1px solid #fff !important; border-top: 1px solid #cccccc !important; } .store-tabs .first { width: 121px; } .store-tabs .last { width: 100px; } .store-tabs .active-rentals a, .store-tabs .my-playlist a { width: 100%; border-left: 1px solid #ccc; border-top: 1px solid #ccc; } .store-tabs .my-playlist a { border-right: 1px solid #ccc; } .store-tabs li a { height: 100%; text-align: center; font-size: 12px; color: #fff; height: 41px; margin-right: 0 !important; line-height: 41px; } .store-tabs .first a { -moz-border-radius: 3px 0 0 0; -webkit-border-radius: 3px 0 0 0; } .store-tabs .last a { -moz-border-radius: 0 3px 0 0; -webkit-border-radius: 0 3px 0 0; } #ar .store-tabs .first a, #ar .store-tabs .last a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8E8E8E), to(#616161), color-stop(.6,#616161)); background: -moz-linear-gradient(0% 100% 90deg,#616161, #616161, #8e8e8e 100%); -webkit-background-clip: padding-box; } #ar .store-tabs .first a:hover, #ar .store-tabs .last a:hover{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E47B77), to(#D01C15), color-stop(.6,#D01C15)); background: -moz-linear-gradient(0% 99% 90deg,#D01C15, #D01C15, #E47B77 93%); -webkit-background-clip: padding-box; } #ar .store-tabs li a.active, #ar .store-tabs li a.active:hover { background: #fff !important; } .rental-player-overlay { border: 1px solid #fff; } #rental-player .placeholder { width: 100%; height: 100%; } .rental-player-wrap { position: relative; } .rental-player-wrap .playerMessage.Video { background: url("i/store/rental-player-static-bg.png") no-repeat scroll 0 0 transparent; } #player-actions { position:absolute; left:864px; top: 7px; } #player-actions a { width: 33px; height: 35px; } #player-actions .add { background-position: 0 -381px; } #player-actions .add:hover { background-position: 0 -456px; } #player-actions .rental-share { background-position: 0 -416px; } #player-actions .rental-share:hover { background-position: 0 -491px; } #rental-player, .rental-player-overlay { width: 768px; height: 457px; } #rental-player, .rental-player-overlay, .rental-player-overlay .carousel-wrap { background: #000; } #rental-player, .rental-player-overlay { box-shadow: 0 0 12px #676565; -webkit-box-shadow: 0 0 12px #676565; -moz-box-shadow: 0 0 12px #676565; } .rental-player-overlay { background: url('i/store/transparent-bg.png') repeat 0 0; position: absolute; left: 93px; top: 0; z-index: 2; } #rental-player { border: 1px solid #fff; } .expired #rental-actions { margin-bottom: 45px; } .rental-player-overlay .carousel-wrap { width: 735px; padding-left: 15px; } .rental-player-overlay .carousel-wrap img { border: 1px solid #797979; } .rental-player-overlay .carousel-wrap .col { width: 127px; } #rental-player-info { width: 475px; } .expired #rental-player-info { margin-top: 90px; } .end-playback #rental-player-info { margin-top: 38px; } #rental-actions { margin-top:5px; width: 190px; } #rental-player-info p { font-size: 14px; } #rental-player-info h1 { font-size: 27px; margin-bottom: 5px; } .rental-player-overlay .next, .rental-player-overlay .prev { cursor: pointer; } .rental-player-overlay h3 { margin: 0 0 10px 55px; } .rental-player-overlay .prev, .rental-player-overlay .prev:hover { background-position: 0 -219px; } .rental-player-overlay .prev.disabled, .rental-player-overlay .prev.disabled:hover { background-position: -120px -219px; } .rental-player-overlay .next, .rental-player-overlay .next:hover { background-position: -65px -219px; } .rental-player-overlay .next.disabled, .rental-player-overlay .next.disabled:hover { background-position: -185px -219px; } .end-playback { position: static !important; } .end-playback p { margin-bottom: 25px; } .end-playback .custom-btn { margin-bottom: 10px; } .rental-player-overlay .movie-info, .rental-player-overlay .rental a.favorite { display: none; } .rental-player-overlay .carousel { margin-left: 35px; padding-top: 5px; } .rental-player-overlay .carousel .rental img { border: 1px solid #7a787b; } .rental-player-overlay .carousel .rental a.play:hover { opacity: 0 !important; } .end-playback #rental-actions { margin-bottom: 30px; padding-left: 20px; } .no-single-stream-message #rental-player-info, .checking-stream-status #rental-player-info { margin: 158px 0 0 40px; } .resume-playback #rental-player-info { margin: 78px 0 0 40px; } .rental-player-overlay .rental-cover { margin: 68px 0 0 46px; width: 169px; } .rental-player-overlay .rental-cover img { border: 1px solid #8f8f8f; margin-bottom: 3px; } .resume-playback #rental-actions, .watch-now #rental-actions { padding-left: 0; } .resume-playback .button-wrap { margin-top: 37px; } .resume-playback .button-wrap a { margin-bottom: 8px; } .watch-now #rental-player-info { margin: 78px 0 0 43px; width: 450px; } #thanks-wrap { margin-left:15px; width:415px; margin-bottom: 25px; } #watch-now-wrap { border: 1px solid #878786; padding: 22px 15px 18px 15px; width: 418px; height: 71px; margin-bottom: 37px; } #watch-now-wrap .custom-btn { margin-bottom: 10px; } .watch-now .watch-later { width:232px; } #payment-info label { width: 115px; } #payment-info .radioWrap { margin-left: 130px; } #billing-address input { width: auto; float: none; margin-bottom: 5px; display: block; } #cc-options { width: 210px; } #myAccount #cc-options .delete-card { margin-right: 0; } .rentals .content_loading { background: url(i/ajax-loader.gif) no-repeat 52% 65%; height: 300px; cursor: progress; } .trailerLinks .trailerPlayer {display: none} #my-rentals .pagination { padding-right: 40px; } #main.rentals-browse #browse-grid .add, #main.rentals-browse #browse-grid .loading { left: 103px; } #myAccount #my-rentals ul.tabs li.first a.active span { background:url("i/tabs/first/tabs.gif") no-repeat scroll 0 -61px transparent; padding:6px 14px 6px 12px; } #myAccount #my-rentals ul.tabs li.last a span { background:url("i/tabs/last/tabs.gif") no-repeat scroll 100% 0 transparent; padding:6px 14px 6px 12px; } #myAccount #my-rentals ul.tabs li.last a.active span, #myAccount #my-rentals ul.tabs li.last a.active:hover span { background:url("i/tabs/last/tabs.gif") no-repeat scroll 100% -61px transparent; padding:6px 14px 6px 12px; } #myAccount #my-rentals ul.tabs li.last a:hover span { background:url("i/tabs/last/tabs.gif") no-repeat scroll 100% -31px transparent; } #store-promoWrapper, #ajaxPlayerWrapper { background: url('i/store/ajax-player-bg.png') repeat 0 0; position: absolute; left: 0; top: 187px; width: 100%; height: 468px; padding-top: 10px; z-index: 10; } #ajaxPlayer .playerMessage.Video { background: url("i/store/rental-player-static-bg.png") no-repeat scroll 0 0 #000; padding:0; } #detail-summary-wrap.rental-detail .trailer .playerMessage.Video { background: url("i/store/rental-player-static-bg2.png") no-repeat scroll 0 0 #000; padding:0; } #detail-summary-wrap.rental-detail .trailer .message { padding-top: 125px; } #ajaxPlayer .playerMessage.Video .message { padding-top: 150px; } #ajaxPlayer { border: 1px solid #fff; height: 457px; width: 768px; } #ajaxPlayerInfoWrap { width: 179px; position: relative; } .ajaxPlayer-close { background: url('i/store/ajax-close.png') no-repeat 0 0; height: 20px; width: 17px; position: absolute; left: 0; top: 0; text-indent: -999em; } .ajaxPlayerInfo { padding: 36px 0 0 36px; width: 135px; overflow: hidden; } .ajaxPlayerInfo h1 { font-size: 18px; margin-bottom: 5px; color: #fff; } .ajaxPlayerInfo p { color: #fff; font-size: 14px; margin-bottom: 35px; } .ajaxPlayerInfo .rated, .ajaxPlayerInfo .rated .rating { background-image: url('i/store/aspotratingsSprite.png')!important; } .ajaxPlayerInfo .rated { width: 99px; background-position: 3px -84px; } .ajaxPlayerInfo .rated .rating { background-position: 2px -99px } .ajax-price { color: #fff; font-weight: bold; margin: 15px 0; font-size: 14px; } .ajax-details { border: 1px solid #6f6f6f; height: 31px; display: block; text-align: center; line-height: 31px; font-size: 14px; font-weight: bold; text-transform: uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: url('i/store/ie/ajax-ie-button-bg.gif') repeat-x 0 0; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(202,202,202,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(202,202,202,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(202,202,202,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(202,202,202,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(202,202,202,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(202,202,202,1) 100%); /* W3C */ } #private-beta-wrap { width: 500px; margin: 70px auto 0 auto; padding-left: 10px; } #private-beta-wrap h2 { background: url("i/store/welcome-beta-header.png") no-repeat 0 0; height: 41px; text-indent: -999em; } #private-beta-wrap .new-btn { width: 165px; display: block; font-size: 14px; } #private-beta-wrap p { margin-bottom: 15px; } #private-beta-wrap p, #private-beta-wrap li, #private-beta-wrap li a { color: #fff; font-size: 14px; } #private-beta-wrap li { display: inline; float: left; border-right: 1px solid #fff; line-height: 14px; margin-right: 8px; padding-right: 8px; } #private-beta-wrap li a { text-decoration: underline; } #myAccount a.edit-card { margin: 0 10px 0 120px; } #myAccount .contentWrap p.edit-card-text { margin-bottom: 41px; } #myAccount #payment-info .validation-error { margin-left: 130px; width: 250px; } #payment-info .fieldWrap, #payment-info .fieldWrap label { font-size: 13px; padding: 0 0 5px 0; } #browse-grid .rental a.play { left: 0; padding: 0; } #main.checkout { padding-bottom: 39px; } .custom-controls { width: 28px; margin-top: 15px; position: absolute; left: 865px; top: 0; } .custom-controls li { background: url('i/store/custom-controls-sprite.png') no-repeat -56px 0; height: 28px; width: 28px; margin: 0; padding: 0; } .custom-controls a { background: url('i/store/custom-controls-sprite.png') no-repeat 0 0; display: block; cursor: pointer; width: 100%; height: 100%; text-indent: -999em; position: static !important; } .custom-controls a.favorite:hover { background: url('i/store/custom-controls-sprite.png') no-repeat 0 0; } .custom-controls a.share { background-position: 0 -28px; } .custom-controls a.added, .custom-controls a.added:hover { background-position: -28px 0; } .custom-controls a.loading { background: url(i/ajax-loader-red.gif) no-repeat center; cursor: progress; display: block } .errorModal p { width: 98%; } #Login.disabled input.signIn { background-position: -239px -792px !important; cursor: none !important; } #Login.disabled input.text { background: none; border: 1px solid #ccc; } #Login.disabled p, #Login.disabled h2, #Login.disabled input.text, #Login.disabled .rememberMe label { color: #ccc; } /*@import url('fifa.css');*/ .nflSkin { background: #000 url('i/nfl/nfl-channel-skin.png') no-repeat 50% 0 !important; } .nfl #channel-header { margin-top: 10px; height: 55px; } .nfl #channel-heade #inner .imgWrap, .nfl #channel-header #inner .imgWrap img { float: none; width: auto; height: auto; } .nfl .titleInfo { margin-top: 2px; } #rate-it .rated { margin: 0; } .nfl .titelebar { padding-top: 15px; } .custom-control-wrap { position: relative; } .nfl #player-wrap { border: 1px solid #fff; min-height: 458px; height: 460px; width: 768px; } .nfl .playerMessage.Video { background-image: url("i/nfl/nfl-player-bg.jpg"); padding: 0; height: 460px; width: 766px; } .nfl .playerMessage.Video .message { padding: 125px 0 0 0; } #ed-content, .ed-content-middle { padding: 20px 25px 10px 15px; width: auto !important;} #editorial-right #ed-content { padding: 20px 10px 10px 10px; } #ed-content ul {padding-left: 10px; } #ed-content ul li { list-style-type: disc; margin-bottom:10px; color:#000; } #editorial-right ol { margin-left: 20px; margin-right: 25px; } #editorial-right ol li { margin-bottom: 10px; list-style-type: decimal; font-size: 13px; } #editorial-right #ed-content a { text-decoration: underline; } #leafs-on-demand #player-outer-wrap { width: 935px; margin: 0 auto; height: auto; } .custom-channel #three-col #side-nav { margin: 0 22px 0 0; min-height: 500px; padding: 0 0 8px; width: 177px; } .custom-channel #three-col #middle { width: 425px; margin:0 12px 0 0; padding: 0; float: left; font-size: 12px; } .custom-channel #three-col #middle h1 { float: left; height: 30px; max-width: 650px; overflow: hidden; margin: 0 20px 10px 0; position: relative; } .custom-channel #three-col .contentWrap { width: 99%; } .custom-channel #three-col #gutter { width: 300px; float: right; } .custom-channel #comments, .custom-channel #middle .contentWrap .spanAll { width: auto !important; } .custom-channel #comments textarea { width: 375px; } #custom-title.titlebar { padding: 0 93px 15px 24px; width: auto; } #custom-title h4 { color: #003876; float: left; margin-right: 10px; font-size: 21px; font-weight:bold; text-transform: none; line-height: 18px; } #custom-title.titlebar h4 { margin-right: 24px; } #custom-title.titlebar h4 { margin-right: 15px; } #custom-title.titlebar a { font-size: 14px; font-weight: bold; line-height: 21px; } #custom-title.titlebar select { width: 269px; } #custom-title.titlebar .infoAlt { margin-right: 15px; } #custom-title.titlebar #rate-it span { color: #003876; padding-top: 0; font-size: 14px; font-weight: bold; } #custom-title.titlebar .custom-rating, #custom-title.titlebar .custom-rating img { width: 24px; height: 20px; } #custom-title.titlebar .custom-rating { margin-right: 15px; } #custom-title.titlebar div { float: left; } #custom-title.titlebar a.btn { display: block; margin-top: 4px; } #custom-title.titlebar a.titleInfo { margin-top: 5px; } #custom-title.titlebar .ratings { padding-top: 3px; } #custom-title.titlebar #rate-it-wrap { margin-left: 10px; } .custom-landing #editorial-right #ed-content { font-size: 12px; } .custom-landing .legal { clear: both; text-align: center; padding-top: 100px; width: 800px; } .custom-landing .legal { font-size: 10px; } /* Leafs TV Channel */ .leafsSkin { background: url("i/leafs/skin/LTV---1500x350-FINAL.jpg") no-repeat 50% 0; } .launch-channel { width: 712px; height: 300px; margin: 45px auto 0 auto; } .leafs { padding-top: 10px; } #leafs.outerWrap { min-height: 350px; } .leafs #custom-channel-head { background: url("i/leafs/leafs-head-bg.gif") repeat-x 0 0; border-bottom: 1px solid #7386a0; height: 73px; position: relative; padding: 0 0 0 15px; } #custom-channel-head .logo { float: left; width: 142px; height: 84px; margin-top: 15px; } .channel-list { position: absolute; bottom: -1px; right: 0; } .channel-list li { height: 45px; background: #fff; display: inline; float: left; margin-right: 15px; } .channel-list li.current, .channel-list li:hover { background: #bed2ff; height: 47px; margin-bottom: -2px; } .channel-list a { background: url("i/leafs/leafs-channels-sprite.png") no-repeat 0 0; height: 100%; display: block; text-indent: -999em; } .channel-list .on-demand-tab { width: 235px; } .channel-list .current .on-demand-tab, .channel-list .on-demand-tab:hover { background-position: 0 -55px; } .channel-list .tv-live-tab { background-position: -250px 0; width: 192px; } .channel-list .live-games-tab { background-position: -457px 0; width: 186px; } .channel-list .live-games-tab, .channel-list .on-demand-tab { position: relative; bottom: -1px; } .channel-list .current .tv-live-tab, .channel-list .tv-live-tab:hover { background-position: -250px -55px; width: 192px; bottom: 0; } .channel-list .current .live-games-tab, .channel-list .live-games-tab:hover { background-position: -457px -55px; bottom: 0; } .leafs .custom-channel-wrap { background: #040524 url("i/leafs/leafs-outer-wrap-bg.gif") repeat-x 0 0; height: 538px; padding-top: 35px; } .leafs #player-wrap { height: 458px; min-height: 458px; width: 768px; } #leafs-tv-live #custom-title.titlebar { margin-bottom: 25px; } #leafs-schedule-content table { width: 100%; } #leafs-schedule-content table td { padding: 5px 20px 5px 5px; } #leafs-schedule-content table tr.alt td { background: #ededed; } .custom-landing .ed-content-middle h2 { font-size: 20px; } .custom-landing .ed-content-middle h3 { font-size: 14px; margin-bottom: 15px; } .custom-landing #leafs-schedule-content p { margin-bottom: 20px; } .custom-landing .ed-content-middle a { text-decoration: underline; } .custom-landing .ed-content-middle ul { list-style-type: disc; margin: 0; padding: 0 0 0 10px; } .custom-landing .ed-content-middle ol { list-style-type: decimal; margin: 0; padding: 0 0 0 10px; } .leafs .show-pick { float: none !important; margin-bottom: 20px; } .video-landing.leafs .custom-channel-wrap { height: 558px; } .custom-landing #comments, .custom-landing #commentsList, .custom-landing #comments .replyBox textarea { width: 380px; } .custom-landing #comments .replyBox { margin-left: 0; } .custom-landing #comments .replyBox p { font-size: 12px !important; } #leafs-on-demand .custom-channel-wrap { height: auto; } #leafs-on-demand h2.return { margin-left: 10px; } #leafs-on-demand #player-wrap { height: auto; margin-top: 25px; min-height: 399px; width: 768px; } #leafs-on-demand .custom-controls { left: 863px; top: 25px; } #leafs-tv-live .custom-channel-wrap { height: auto; } #leafs-tv-live #player-wrap { min-height: 460px; height: 460px } #leafs-live-games .playerMessage.Video { padding: 99px 0 0 0; } /* NBA TV Channel */ .nbaSkin { background: url("i/nba/skin/NBA-TV---1500x350-FINAL.jpg") no-repeat 50% 0; } .nba { padding-top: 10px; } .nba #custom-channel-head { background: url("i/nba/nba-head-bg.gif") repeat-x 0 0; border-bottom: 1px solid #a0a0a0; height: 73px; position: relative; padding: 0 0 0 15px; } .nba .channel-list a { background: url("i/nba/nba-channels-sprite.png") no-repeat 0 0; } .nba .channel-list .on-demand-tab { background-position: 0 -55px; width: 162px; } .nba .channel-list li.current, .nba .channel-list li:hover { margin-bottom: 0; background: none; } .nba .channel-list .current .on-demand-tab, .nba .channel-list .on-demand-tab:hover { background-position: 0 0; bottom: 0; } .nba .channel-list .live-games-tab { background-position: -177px -55px; width: 130px; } .nba .channel-list .current .live-games-tab, .nba .channel-list .live-games-tab:hover { background-position: -177px 0; width: 130px; bottom: 0; } .nba #custom-title h4, .nba #custom-title.titlebar #rate-it span { color: #000; } .nba .custom-channel-wrap { background: #000 url("i/nba/nba-outer-wrap-bg.gif") repeat-x 0 0; height: 538px; padding-top: 35px; } .nba #player-wrap { border: 1px solid #FFFFFF; height: 458px; min-height: 458px; width: 768px; } #nba-tv-live #custom-title.titlebar { margin-bottom: 25px; } #nba-on-demand #player-outer-wrap { margin: 0 auto; width: 935px; } .nba .show-pick { float: none !important; margin-bottom: 20px; } .video-landing.nba .custom-channel-wrap { height: auto; } #nba-on-demand #player-wrap { margin: 0 auto; width: 935px; } /* Use this class for custom video playe wrap */ #player-wrap.custom-player-video, #leafs-on-demand #player-wrap.custom-player-video, #nba-on-demand #player-wrap.custom-player-video { border: none; height: 457px; margin-bottom: 34px; margin-top: 10px; width: 768px; min-height: 458px; } #player-wrap.custom-player-video .playerMessage.Video { padding: 0; } #player-wrap.custom-player-video .playerMessage.Video .message { margin-top: 150px; } /* ************************************************************ */ /* Curated Channel Templates ~ Added on 7/7/11 - Brandon Wolvin */ /* ************************************************************ */ .curated-template { background: #fff; margin-top: 12px; position: relative; } .curated-template .banner { background: url("i/curated-channel/banner-bg.gif") repeat-x left bottom; height: 132px; max-height: 132px; } .curated-template .banner .logo { padding: 27px 0 0 18px; } .curated-template .template-content { background: url("i/curated-channel/ie/gradient-bg.gif") #000 repeat-x 0 0; background: -moz-linear-gradient(top, #dddddd 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dddddd 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dddddd 0%,#000000 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #dddddd 0%,#000000 100%); /* IE10+ */ border-top: 1px solid #a0a0a0; padding: 20px 12px 0 12px; min-height: 535px; position: relative; } .curated-template .template-content #channel-header { margin-left: 10px; } .curated-template .curated-tabs { position: absolute; top: 86px; z-index: 2; } .curated-template .curated-tabs li { display: inline; float: left; text-align: center; margin-left: 11px; height: 47px; } .curated-template .curated-tabs a { background: url("i/curated-channel/curated-channel-tabs.png") no-repeat 100% 0; font-size: 17px; font-weight: bold; color: #fff; display: block; height: 47px; } .curated-template .curated-tabs a:hover, .curated-template .curated-tabs a.current { background-position: 100% -50px; text-decoration: none; color: #000; } .curated-template .curated-tabs a:hover span, .curated-template .curated-tabs a.current span { background-position: 0 -50px; } .curated-template .curated-tabs a span { background: url("i/curated-channel/curated-channel-tabs.png") no-repeat 0 0; height: 35px; display: block; padding: 12px 0 0 19px; margin-right: 19px; } .curated-template .custom-controls { width: 28px; margin-top: 15px; position: absolute; left: 874px; top: 68px; z-index: 100; } .curated-template .custom-controls li { background: url('i/store/custom-controls-sprite.png') no-repeat -56px 0; height: 28px; width: 28px; margin: 0; padding: 0; } .curated-template .custom-controls a { background: url('i/store/custom-controls-sprite.png') no-repeat 0 0; display: block; cursor: pointer; width: 100%; height: 100%; text-indent: -999em; position: static !important; } .curated-template .playerMessage.Video { border: 1px solid #fff; } .curated-template .titlebar { color: #000; font-size: 21px; font-weight: bold; margin-bottom: 20px; } .curated-template .titlebar h4 { color: #000; float: left; font-size: 21px; font-weight: bold; line-height: 18px; margin-right: 20px; text-transform: none; } .curated-template .titlebar .custom-rating { background: #fff; border: 1px solid #000; padding: 1px 2px; font-size: 12px; color: #000; font-weight: bold; float: left; margin-right: 15px; } .curated-template .titlebar .assetInfoImg { float: left; height: 15px; left: -1px; position: relative; top: 2px; width: 15px; } .curated-template .titlebar #rate-it-wrap { float: left; } .curated-template .titlebar #rate-it-wrap span { font-size: 15px; font-weight: bold; } .curated-template #rate-it span, .curated-template .titlebar p, .curated-template .titlebar a, .curated-template .titlebar a:hover { color: #000; } .curated-template #channel-landing.template-content, .curated-template #detail-landing.template-content { padding-bottom: 20px; } .curated-template.dimLight, .curated-template.dimLight .template-content, .curated-template.dimLight .curated-tabs a, .curated-template.dimLight .curated-tabs a span, .curated-template.dimLight .banner { background: url("i/curated-channel/dim-lights-bg.png") #000 repeat-x 0 0; } .curated-template.dimLight .curated-tabs a, .curated-template.dimLight .custom-rating, .curated-template.dimLight .banner .logo img { filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; cursor: default !important; } .curated-template.dimLight .template-content { border-top: none; } .curated-template.dimLight .template-content h4 { color: #A1A1A1 !important; } .inner-curated { width:980px; margin: 0 auto; } /* jays TV Channel */ .jaysSkin { background: url("i/jays/BBV_-Jays_-Skin.JPG") no-repeat 50% 0; } .jays { padding-top: 10px; } #jays.outerWrap { min-height: 350px; } .jays #custom-channel-head { background: url("i/leafs/leafs-head-bg.gif") repeat-x 0 0; border-bottom: 1px solid #7386a0; height: 73px; position: relative; padding: 0 0 0 15px; } .jays .custom-channel-wrap { background: #040524 url("i/leafs/leafs-outer-wrap-bg.gif") repeat-x 0 0; height: 538px; padding-top: 35px; } .jays #player-wrap { height: 458px; min-height: 458px; width: 768px; } #jays-tv-live #custom-title.titlebar { margin-bottom: 25px; } #jays-schedule-content table { width: 100%; } #jays-schedule-content table td { padding: 5px 20px 5px 5px; } #jays-schedule-content table tr.alt td { background: #ededed; } .jays .show-pick { float: none !important; margin-bottom: 20px; } #jays-on-demand .custom-channel-wrap { height: auto; padding: 35px 10px 0 10px; } /* #jays-on-demand #player-wrap { height: 399px; margin-top: 25px; min-height: 399px; width: 715px; } */ #jays-on-demand .custom-controls { left: 853px; top: 15px; } #jays-tv-live .custom-channel-wrap { height: auto; } #jays-tv-live #player-wrap { min-height: 460px; height: 460px } #jays-live-games .playerMessage.Video { padding: 99px 0 0 0; } .jays .channel-list a { background: url("i/jays/jays-channels-sprite.png") no-repeat 0 0; } .jays .channel-list .current .on-demand-tab, .jays .channel-list .on-demand-tab:hover { background-position: 0 -55px; bottom: 0; } .jays .channel-list .on-demand-tab { background-position: 0 0; width: 196px; } .jays .channel-list .current .live-games-tab, .jays .channel-list .live-games-tab:hover { background-position: -410px -55px; width: 196px; bottom: 0; } .jays .channel-list .live-games-tab { background-position: -414px 0; width: 194px; } .jays .channel-list li.current, .jays .channel-list li:hover { margin-bottom: 0; height: 48px; background: none; } .jays #custom-title h4, .jays #custom-title.titlebar #rate-it span { color: #003876; } .jays .channel-list { bottom: -2px; } /* SportsNet TV Channel */ .SportsNetSkin { background: url("i/SportsNet/BBV_-SportsNet_-Skin.JPG") no-repeat 50% 0; } .SportsNet { padding-top: 10px; } #SportsNet.outerWrap { min-height: 350px; } .SportsNet #custom-channel-head { background: url("i/leafs/leafs-head-bg.gif") repeat-x 0 0; border-bottom: 1px solid #7386a0; height: 73px; position: relative; padding: 0 0 0 15px; } .SportsNet .custom-channel-wrap { background: #040524 url("i/leafs/leafs-outer-wrap-bg.gif") repeat-x 0 0; height: 538px; padding-top: 35px; } .SportsNet #player-wrap { height: 458px; min-height: 458px; width: 768px; } #SportsNet-tv-live #custom-title.titlebar { margin-bottom: 25px; } #SportsNet-schedule-content table { width: 100%; } #SportsNet-schedule-content table tr.alt td { background: #ededed; } .SportsNet .show-pick { float: none !important; margin-bottom: 20px; } #SportsNet-on-demand .custom-channel-wrap { height: auto; padding: 35px 10px 0 10px; } /* #SportsNet-on-demand #player-wrap { height: 399px; margin-top: 25px; min-height: 399px; width: 715px; } */ #SportsNet-on-demand .custom-controls { left: 853px; top: 15px; } #SportsNet-tv-live .custom-channel-wrap { height: auto; } #SportsNet-tv-live #player-wrap { min-height: 460px; height: 460px } #SportsNet-live-games .playerMessage.Video { padding: 99px 0 0 0; } .SportsNet .custom-tabs { position: absolute; right: 10px; top: 28px; } .SportsNet .custom-tabs li { background: none !important; display: inline; float: left; height: 46px; margin-left: 11px; text-align: center; } .SportsNet .custom-tabs a { background: url("i/sportsnet/sportsnet-tabs-sprite.png") 100% -117px; display: block; float: left; text-decoration: none; cursor: pointer; outline: none; border: none; margin: 0; height: 46px; padding: 0 27px 0 0; font-size: 17px; color: #fff; font-weight: bold; } .SportsNet .custom-tabs a span { background: url("i/sportsnet/sportsnet-tabs-sprite.png") 0 -179px; display: block; border: none; outline: none; line-height: 46px; white-space: nowrap; padding: 0 0 0 27px; } .SportsNet .custom-tabs .current { position: relative; bottom: -1px; } .SportsNet .custom-tabs .current a { background-position: 100% 0; color: #003876; } .SportsNet .custom-tabs .current span { background-position: 0 -55px; } /* .SportsNet .custom-tabs a:hover, .SportsNet .custom-tabs .current a { background-position: 100% -56px; color: #000000; text-decoration: none; } .SportsNet .custom-tabs a:hover span, .SportsNet .custom-tabs .current span { background-position: 0 -56px; } .SportsNet .custom-tabs a span { background: url("i/sportsnet/sportsnet-tabs-sprite.png") no-repeat scroll 0 0 transparent; display: block; height: 35px; margin-right: 19px; padding: 12px 0 0 19px; } */ .SportsNet #custom-title h4, .SportsNet #custom-title.titlebar #rate-it span { color: #003876; } .SportsNet .channel-list { bottom: -2px; } #SportsNet-schedule-content table { table-layout: fixed; width: 383px; } #SportsNet-schedule-content table td { vertical-align: middle; padding: 5px 0; } #SportsNet-schedule-content table tr td:first-child { padding-left: 5px; } #SportsNet-schedule-content .date-col { width: 125px; } #SportsNet-schedule-content .time-col { width: 75px; } #SportsNet-schedule-content .match-up-col { width: 155px; } #SportsNet-schedule-content .logo-col { width: 40px } /* rogerscup TV Channel */ .rogerscupSkin { background: url("i/rogerscup/RC---1500x350-FINAL.jpg") no-repeat 50% 0; } .SportsNet .launch-channel { width: 768px; } .rogerscup { padding-top: 10px; } #rogerscup.outerWrap { min-height: 350px; } .rogerscup #custom-channel-head { background: url("i/rogerscup/rogerscup-head-bg.gif") repeat-x 0 0; border-bottom: 1px solid #7386a0; height: 73px; position: relative; padding: 0 0 0 15px; } .rogerscup .custom-channel-wrap { background: #040524 url("i/rogerscup/rogerscup-outer-wrap-bg.gif") repeat-x 0 0; height: 538px; padding-top: 35px; } .rogerscup #player-wrap { height: 458px; min-height: 458px; width: 768px; } #rogerscup-tv-live #custom-title.titlebar { margin-bottom: 25px; } #rogerscup-schedule-content table { width: 100%; } #rogerscup-schedule-content table td { padding: 5px 20px 5px 5px; } #rogerscup-schedule-content table tr.alt td { background: #ededed; } .rogerscup .show-pick { float: none !important; margin-bottom: 20px; } #rogerscup-on-demand .custom-channel-wrap { height: auto; } #rogerscup-on-demand #player-wrap { height: 399px; margin-top: 25px; min-height: 399px; width: 715px; } #rogerscup-on-demand .custom-controls { left: 863px; top: 25px; } #rogerscup-tv-live .custom-channel-wrap { height: auto; } #rogerscup-tv-live #player-wrap { min-height: 460px; height: 460px } #rogerscup-live-games .playerMessage.Video { padding: 99px 0 0 0; } .rogerscup .channel-list { bottom: -1px; } .rogerscup .channel-list a { background: url("i/rogerscup/rogerscup-channels-sprite.png") no-repeat 0 0; } .rogerscup .channel-list .current, .rogerscup .channel-list li:hover { height: 48px; } .rogerscup .channel-list .current .on-demand-tab, .rogerscup .channel-list .on-demand-tab:hover { background-position: 0 0; bottom: 0; } .rogerscup .channel-list .on-demand-tab { background-position: 0 -55px; width: 192px; } #rogerscup-on-demand.custom-channel-wrap { padding: 35px 10px 0 10px; } .rogerscup .channel-list .current .live-games-tab, .rogerscup .channel-list .live-games-tab:hover { background-position: -207px 0; width: 191px; bottom: 0; } .rogerscup .channel-list .live-games-tab { background-position: -207px -55px; width: 191px; } .rogerscup .channel-list li.current, .rogerscup .channel-list li:hover { margin-bottom: 0; background: none; top: 0; } .rogerscup #custom-title h4, .rogerscup #custom-title.titlebar #rate-it span { color: black; } .rogerscup .launch-channel { width: 768px; } html.hp-promo { background: #111 url('i/hp/main-bg-repeat.gif') repeat-x 0 0; height: 100%; } .hp-promo body { background: transparent url('i/hp/main-bg.jpg') no-repeat 0 0; height: 100%; } .hp-promo #container { color : #fff; font-family : helvetica, Arial, Sans-Serif; font-size : 62.5%; margin : 0 auto; padding-top : 53px; width : 948px; } .hp-promo .header { margin-bottom : 52px; width : 785px; margin : 0 auto; display : block; } .hp-promo .header > ul > li { display : inline; float : left; } .hp-promo .header > ul > li:first-child { margin : 0 73px 0 0; } .hp-promo .header > ul > li.last-child { margin : 0 0 0 85px; } .hp-promo h1 { background : url('i/hp/RODO_logo.png'); height : 66px; font-size : 5.4em; margin : 0 auto 31px; overflow: hidden; text-indent : -9999px; width : 189px; } .hp-promo h2 { background : url('i/lgoptimus/coming-soon.png'); height : 50px; margin : 0 auto; overflow: hidden; text-indent : -1000px; width : 537px; } .hp-promo ul { font-size : 1.8em; line-height : 1.6em; margin-bottom : 35px; list-style-type : none; } .hp-promo strong { display : block; font-style : italic; font-weight : bold; } .hp-promo .cta-btn { width : 345px; height : 76px; margin : 0 auto 30px auto; } .hp-promo a { color : #fff; font-size : 1.9em; } .hp-promo a:hover { color : #fff; } .hp-promo p { color : #fff; font-size : 1.5em; font-style : italic; text-align : center; } .hp-promo #main { background : none repeat scroll 0 0 transparent; float : none; margin : 0 auto; padding : 0; width : 587px; } .hp-promo #main ul { margin-left : 85px; } .hp-promo #main li { background : url('i/hp/bullet.png') no-repeat 0 8px; padding-left : 20px; font-size : 100%; } .hp-promo .hp-links { text-align : center; color : #fff; margin : 0 0 15px 0; } .hp-promo .hp-links span { font-size : 1.9em; padding : 0 10px; } #select-payment-method { margin-top: 37px; } .payment-methods .cta-link { text-decoration: underline; text-align: right; } .payment-methods input[type="radio"]:hover { cursor: pointer; } #select-payment-method .link-list li { text-align: right; margin-bottom: 10px; } #select-payment-method > div { float: left; width: 224px; } #select-payment-method > div:first-child { width: 703px; margin-right: 21px; } #payment-methods-wrap { margin-top: 15px; } #payment-methods-wrap > div { float: left; width: 535px; } #payment-methods-wrap > div:first-child { width: 146px; margin-right: 21px; } .payment-methods > ul { margin-bottom: 20px; } .payment-methods > ul > li { margin-top: 3px; } .payment-methods > ul > li > div:first-child { border: 1px solid #cccccc; background: #efefef; padding: 25px 21px 15px 21px; position: relative; } .payment-methods > ul > li:first-child { margin-top: 0; } .payment-methods > ul > li span:first-child { margin-right: 10px; } .payment-methods > ul > li .cta-link { font-size: 11px; } .payment-methods #pay-account-num > div { min-height: 50px; } .payment-methods #pay-account-num .fieldWrap { overflow: hidden; } .payment-methods .bill-pay input[type="radio"] { margin: 0 10px 0 0; } .payment-methods .bill-pay label { font-size: 14px; color: #000; font-weight:bold; } .payment-methods .message { padding: 10px 23px 0 23px; text-align: left; font-size: 11px; } .payment-methods .message.error { padding: 10px 23px 0 23px; background: #FFE5E5; } .payment-methods .message h4 { font-size: 12px; font-weight: bold; text-transform:none; color: #000; line-height: 14px; } .payment-methods .message p { font-size: 11px; margin: 1px 0 0 0; } #main.checkout .payment-methods fieldset { margin: 10px 0 5px 23px; } .payment-methods fieldset span { line-height: 20px; } /* Pay by Using Account Number */ #pay-account-num .cta-link { display: block; position: absolute; right: 21px; } #pay-account-num fieldset label { font-size: 12px; line-height: 10px; margin-right: 5px; width: auto; } #pay-account-num fieldset span { font-size: 12px; line-height: 14px; } /* END */ /* Pay by Using Credit Card */ #pay-cc .fieldWrap, #review-order .fieldWrap { margin-top: 10px; } #pay-cc .fieldWrap:first-child { margin-top: 0; } #pay-cc .fieldWrap label { width: 95px; font-size: 13px; color: #484848; text-align: left; } #pay-cc fieldset .fieldWrap span, #review-order fieldset span { color: #010101; font-size: 14px; } #pay-cc .credit-card-info > div:first-child { float: left; width: 290px; } #pay-cc .credit-card-info > div { float: right; } #main.checkout #pay-cc fieldset { margin-top: 10px; } /* END */ /* Review Order */ #select-payment-method #review-payment-order .link-list { display: block; position: absolute; right: 21px; top: 19px; } #select-payment-method #review-payment-order .link-list li:first-child { margin-bottom: 60px; } #main.checkout #review-payment-order fieldset { margin-left: 5px; margin-top: -7px; } #review-payment-order .fieldWrap { margin-bottom: 5px; overflow: hidden } #select-payment-method #review-payment-order fieldset label { text-align: left; width: 115px; font-size: 13px; color: #484848; } #select-payment-method #review-payment-order .check-box input { display: inline; float: none; margin-top: 1px; vertical-align: top; width: auto } #review-payment-order .check-box label { font-size: 11px; text-align: left; float: none; } #review-payment-order.bill-order .check-box { margin: 20px 0 0 130px; } #review-payment-order.bill-order .fieldWrap { margin-bottom: 10px; } #review-payment-order.cc-order .check-box { margin: 0 0 0 130px; } #review-payment-order.cc-order .check-box label { display: inline-block; width: 170px; position: relative; left: 2px; top: 0; } #review-payment-order #sec-code .validation-error { margin-left: 0; } /* END */ .payment-methods #checkout-buttons .cancel-btn { float: right; } .payment-methods #checkout-buttons a:first-child { margin-left: 165px; float: left; } #checkout-buttons p.charged { color: #2e2e2e; font-size: 13px; text-align: center; margin-top: 10px; } #checkout-buttons p span { font-weight: bold; } /* Payment Information - My Profile */ #three-col #middle.payment-method-profile { margin-right: 0; padding-right: 0; width: 764px; } #middle.payment-method-profile table fieldset { padding-top: 0; padding-bottom: 0; margin-bottom: 0; } #three-col #middle.payment-method-profile .button-wrap { margin-top: 15px; } .payment-method-profile .buttonWrap > .buttons li { display: inline; float: left; } .payment-method-profile .buttonWrap > .buttons a { text-indent: -999em; display: block; height: 23px; } .payment-method-profile .make-default { background: url("i/btn/billing-button-sprite.gif") no-repeat 0 0 !important; width: 103px; } .payment-method-profile .clear { background: url("i/btn/billing-button-sprite.gif") no-repeat 100% 0; width: 110px; } .payment-methods table td:first-child span input { margin-top: 0; } .payment-methods table { border-bottom: 1px solid #d3d3d3; width: 100%; table-layout: fixed; margin-top: 15px; } .payment-methods table th { color: #101010; font-size: 13px; font-weight: normal; padding-bottom: 8px; text-align: left; } .payment-methods table tr:first-child td { background: #efefef; border-top: 1px solid #d3d3d3; } .payment-methods table td { padding: 15px 0 0 0; font-size: 11px; vertical-align: top; padding-bottom: 20px; } .payment-methods td .fieldWrap { margin-bottom: 1px; } .payment-methods td label { width: auto; text-align: left; margin-right: 5px; float: none; } .payment-methods table th:first-child { padding-left: 6px; } .payment-methods table tr:first-child td.last-child { padding-top: 5px; } .payment-methods table td:first-child { padding-left: 17px; border-left: 1px solid #d3d3d3; } .payment-methods table td.last-child { border-right: 1px solid #d3d3d3; width: 100px; } .payment-methods table .payment-select { width: 75px; } .payment-methods table .payment-method { width: 282px; } .payment-methods table .payment-method h3 { font-size: 14px; font-weight: bold; color: #000; } .payment-methods table .payment-method label, .payment-methods table .payment-method span { color: #000; font-size: 12px; } .payment-methods table .payment-method span { font-weight: bold; line-height: 18px; } .payment-methods table .payment-links { width: 221px; } .payment-methods table .payment-links a { font-size: 11px; } .payment-methods table .payment-links ul { margin: 0 30px 0 20px; width: 179px; } .payment-methods table .payment-links li { text-align: right; margin-bottom: 5px; } .payment-methods table .payment-links a span { color: #d01d15; } .payment-methods table .payment-links .delete { text-align: center; text-decoration: underline; } .payment-methods .method-cta { width: 135px; padding: 5px 15px; color: #000; font-size: 12px; text-align: center; } .payment-methods .method-cta > a { -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; border: 1px solid #b9b9b9; display: block; padding: 5px 0; } .payment-methods .exp-date { position: relative; left: 1px; } #three-col #middle.payment-method-profile .payment-methods .save { margin-left: 0; } /* END */ #middle.payment-method-profile .contentWrap { background: none; float: none; border: none; margin-top: 20px; } .payment-method-profile .fieldWrap { overflow: hidden; } #myAccount .payment-method-profile .edit-card { margin-left: 0; } /* Add Hover States to Multiple Options */ #payment-methods-list > li:hover, #payment-methods-list > li.selected { border: 1px solid #7b7b7b; cursor: pointer; } #payment-methods-list > li:hover > div, #payment-methods-list > li.selected > div { background: #fff; border: none; -moz-box-shadow: inset 0 0 5px #888; -webkit-box-shadow: inset 0 0 5px#888; box-shadow: inner 0 0 5px #888; } .discount-notice {background: #ffffce;padding:10px} .ctn-list {margin: 10px} .ctn-list li {margin: 7px 0} .ctn-list input {padding: 4px} .ctn-list label {padding: 0 6px} .module-wrap { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DADADA; padding: 25px 25px 0 25px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .module-wrap .pagination { position: relative; bottom: 25px; } /* Media Feed Item Styles */ .media-feed-wrap .media-item { float: left; margin: 0 0 0 18px; min-height: 160px; width: 152px; letter-spacing: normal; word-spacing: normal; vertical-align: top; } .media-screen { margin-bottom: 5px; position: relative; } .media-screen:hover .hover-icon { display: block; } .media-screen img { border: 1px solid #fff; height: 84px; width: 150px; } .media-item .util-text { font-size: 12px; line-height: 19px; } .media-item .highlight-text { color: #d11e16; font-size: 12px; font-weight: bold; text-transform: uppercase; } .media-item h3 { color: #101010; font-size: 13px; display: block; line-height: 18px; margin: 0; max-height: 38px; min-height: 18px; overflow: hidden; padding: 0 5px 0 0; } .media-item .hover-icon { background: url("i/new-media-icon-sprite.png") no-repeat 0 0; display: none; height: 50px; left: 34%; position: absolute; top: 21%; width: 50px; } .media-item .hover-icon.play { background-position: 0 -50px; } /* Search Results Wrapper */ .search-result-mod { padding: 0 11px 10px 11px; } .search-result-mod .header { border-bottom: 1px solid #c9c9c9; padding-bottom: 5px; } .search-result-mod .header h2 { color: #000; float: left; font-size: 18px; margin: 0 12px 0 0; } .search-result-mod .header .round-button { float: left; } .search-result-mod .media-feed-wrap { margin-left: -18px; padding-top: 20px; } /* Highlight Rental Results Wrapper */ #highlight-results { border: 1px solid #C9C9C9; display: inline-block; margin: 0 0 25px 0; padding: 15px 10px 10px 10px; background: rgb(250,250,250); /* Old browsers */ background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(226,226,226,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(226,226,226,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(250,250,250,1) 0%,rgba(226,226,226,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #highlight-results .media-feed-wrap { padding-top: 8px; } #highlight-results .media-item { min-height: 20px; } /* All Results Wrapper */ #all-results { min-height: 525px; padding-bottom: 20px; } #no-results-mod { padding-bottom: 20px; } #no-results-mod .browse-by-links { list-style-type: disc; margin: 0 0 0 20px; padding: 0; } .section .no-results{color:#ccc} .section .no-results:hover{ text-decoration: none; cursor:default} .asset-hover { background: url("i/asset-hover-bg.png") repeat-y 0 0; min-height: 100px; position: relative; width: 239px; z-index: 200; -webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.2); -moz-box-shadow:3px 3px 7px 0px rgba(0,0,0,0.2); box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.2); } /* Start Asset Hover Position Styles */ .asset-hover .pointer { background: url("i/asset-hover-pointer-sprite.png") no-repeat 0 0; display: block; height: 14px; top: 45%; position: absolute; width: 14px; } .asset-hover.ah-l .pointer { background-position: 0 -14px; left: -14px; } .asset-hover.ah-t .pointer, .asset-hover.ah-r-t .pointer { background-position: -7px 100%; left: 47%; top: -14px; } .asset-hover.ah-r { -webkit-box-shadow: -3px 3px 7px 0px rgba(0,0,0,0.2); -moz-box-shadow:-3px 3px 7px 0px rgba(0,0,0,0.2); box-shadow: -3px 3px 7px 0px rgba(0,0,0,0.2); } .asset-hover.ah-r .pointer { background-position: -14px -14px; right: -14px; } .asset-hover.ah-r-t { -webkit-box-shadow: -3px 3px 7px 0px rgba(0,0,0,0.2); -moz-box-shadow:-3px 3px 7px 0px rgba(0,0,0,0.2); box-shadow: -3px 3px 7px 0px rgba(0,0,0,0.2); } .asset-hover.ah-r-b { -webkit-box-shadow: 3px -3px 7px 0px rgba(0,0,0,0.2); -moz-box-shadow:3px -3px 7px 0px rgba(0,0,0,0.2); box-shadow: 3px -3px 7px 0px rgba(0,0,0,0.2); } .asset-hover.ah-b { -webkit-box-shadow: -3px -3px 7px 0px rgba(0,0,0,0.2); -moz-box-shadow:-3px -3px 7px 0px rgba(0,0,0,0.2); box-shadow: -3px -3px 7px 0px rgba(0,0,0,0.2); } .asset-hover.ah-b .pointer, .asset-hover.ah-r-b .pointer { background-position: -7px 0; left: 47%; top:100%; } /* END */ /* Start Asset Content Styles */ .asset-hover p { margin: 0; padding: 0; } .asset-hover .asset-hover-head { background: url("i/asset-hover-head-bg.gif") repeat-x 0 100%; min-height: 30px; padding: 10px 15px; } .asset-hover .asset-hover-head h3 { color: #000000; font-size: 14px; line-height: 16px; margin-bottom: 3px; } .asset-hover .asset-hover-head p { color: #707070; font-size: 11px; font-weight: bold; line-height: 14px; } .asset-hover .rated { background: url("i/rating-sprite-update.png") no-repeat 0 0; height: 17px; margin-top: 5px; width: 95px; } .asset-hover .rated .rating { background: url("i/rating-sprite-update.png") no-repeat 0 -21px; } .asset-hover .asset-hover-content { padding: 10px 15px 10px 15px; } .asset-hover .asset-hover-content p { font-weight: bold; line-height: 14px; margin-bottom: 10px; } .asset-hover .asset-hover-content .alert-text { color: #d11d16; } .asset-hover-details { font-size: 12px; margin-bottom: 10px; } .asset-hover-details dt { clear: left; color: #000; float: left; font-weight: bold; padding-right: 5px; } .asset-hover-details dd { color: #707070; } .asset-hover-cta { border: 1px solid #fff; color: #fff; display: inline-block; font: bold 14px/31px Arial, Helvetica, Verdana, Trebuchet; height: 33px; margin: 10px 0; text-align: center; text-transform: uppercase; background: #767676 url("i/ie/asset-hover-cta.gif") repeat-x 0 0; /* Old browsers */ background: -moz-linear-gradient(top, rgba(150,150,150,1) 5%, rgba(118,118,118,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(150,150,150,1)), color-stop(100%,rgba(118,118,118,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(150,150,150,1) 5%,rgba(118,118,118,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(150,150,150,1) 5%,rgba(118,118,118,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(150,150,150,1) 5%,rgba(118,118,118,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(150,150,150,1) 5%,rgba(118,118,118,1) 100%); /* W3C */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: 1px 1px 1px #555454; width: 100%; } .asset-hover-cta:hover { background: #6c6b6b; color: #fff; text-decoration: none; } .asset-hover-cta span { position: relative; } .entitled .asset-hover-cta .entitled-icon, .entitled .entitled-tag { display: none; } .asset-hover-cta .entitled-icon { background: url("i/new-entitled-icon.png") no-repeat 0 0; display: inline-block; height: 23px; margin-left: 5px; margin-right: 3px; width: 17px; top: 4px; } /* .asset-hover-cta .cta-entitled-text { margin-left: 5px; top: -2px; } */ .cta-entitled-text, .cta-unentitled-text { display: none; } .entitled .cta-entitled-text, .unentitled .cta-unentitled-text { display: inline-block; height: 32px; line-height: 32px; vertical-align: top; } /* END */ /* 3/21/11 ~ Updated css for global button styles */ /* TO DO: Change all button styles to use this new style */ .new-button::-moz-focus-inner{ padding:0; border: none; } .new-button { background: url("i/btn/btn-sprite.png") 0 0; display: block; float: left; text-decoration: none; cursor: pointer; outline: none; border: none; margin: 0; } .new-button:hover, .new-button:active { text-decoration: none; } .new-button span { background: url("i/btn/btn-sprite.png") 0 0; background-repeat: no-repeat; display: block; } .new-button.primary { background-position: 100% -4px; height: 43px; padding: 0 65px 0 0; font-size: 20px; color: #fff; font-weight: bold; font-size: 14px; text-transform: uppercase; } .new-button.primary span { background-position: 0 -50px; white-space: nowrap; line-height: 38px; padding: 0 0 10px 65px; } .new-button.primary:hover { background-position: 100% -102px; } .new-button.primary:hover span { background-position: 0 -150px; } /* Global Styles for Rounded Buttons on the site */ .rnd-btn { -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; text-align: center; padding: 5px; text-transform: uppercase; font-weight: bold; } .rnd-btn.submit { background: #a2081c; color: #fff; } .rnd-btn.cancel { background: #f9f9f9; color: #666666; } /* DOCUMENT INFORMATION - Document: Rogers On Demand Online - Client: Rogers - Author: Brandon Wolvin */ /* COLORS - default body text #000 - subtitle h2 text #000 - link text #000 - default p text #000 */ /* FONTS - default body text Arial, Helvetica Neue, Helvetica, sans-serif */ @media print { body, html { font-size: 13pt; } * {overflow: visible !important; font-size: 13pt;} #headerWrap, #header, #two-col #side-nav, .leaderboardWrap, #footer-wrap, #footer, ul.tabs, ul.arrowLinks, a.print { display: none !important; } *,.content, .content div.inner, .contentWrap div.inner, #two-col, #two-col #right, #bdy, #main, .fltlft, .news ul.furtherInfo { float:inherit !important; clear: both !important; position: inherit !important;} .content, .content div.inner, .contentWrap div.inner { width: 70%; } .inner.press, .inner.news, #two-col #right, #two-col { padding:0; margin:0; } .contentWrap { border: none; } } body, html { font: 100% Arial; color: #000; height: 100%; background: #000 url(i/headerBg.png) no-repeat 50% 0; min-height: 100%; position: relative; } html.tablet, .tablet body, html.ipad, .ipad body {background: #fff !important} #tabletHeaderWrapper {position:relative; z-index: 0; width: 980px; margin: 0 auto;} .tablet #tabletHeaderFrame{height: 189px; width: 980px; overflow:hidden} .ipad #tabletHeaderFrame{height: 155px; width: 980px; overflow:hidden} h1, h1.answers, h2 { color: #000; font-weight: bold; } h1.page-title, h1.join { margin:0; } h1 {font-size: 22px; margin: 0 0 15px 0; } h1.page-title a {background:url(i/RogersonDemandLogoNew.png) no-repeat 0 0;position: absolute; left: -5px; top: 9px; text-indent: -999em; width: 207px; height: 85px; } h1.answers {font-size: 18px; padding: 15px 0 5px 0; } h1 a { color: #000; } h1.join { padding:10px 0 15px 0; } h1.join.sorry { margin:15px 0 0 0; padding:0 5px 5px 60px; } h2 {font-size: 15px; margin: 0 0 10px 0;} h2.validated { color: #dc2b2e; } h2.profile { margin-left: 10px; } h2.subHead { font-size: 18px; } h3 {font-size: 13px; color: #343434; font-weight: bold; } h3.channel { color: #9a9a9a; margin: 20px 0 10px 0; } h4 {font-size: 14px; color: #e4a31e; font-weight: bold; text-transform: uppercase; } h5 {font-size: 12px; font-weight: normal; margin-bottom: 15px; line-height: 16px; } h5.account { padding-left: 20px; color: #dc2b2e; } h5.account span { color: #000; font-weight: normal; } h6 {font-size: 14px; font-weight: bold; margin-bottom: 15px; line-height: 16px; } p { font-size: 12px; margin-bottom: 10px; line-height: 16px; color: #000; } p.note, p.note2 { font-size: 10px !important; width: auto !important; padding: 3px 0 0 0; display: inline; } p.bold { font-weight: bold; } p.saved { font-weight: bold; padding-top: 10px; color: #197b30; font-size: 14px; background: #dceada; } p.info { margin:0 0 20px 0; } p.copyright { position: absolute; right: 0; display: block; top: -15px; font-size: 10px; } /* ************************************************** */ /* Start Global Styles (Misc) */ /* ************************************************** */ .clrbth { clear: both; } .fltlft { float: left; } .fltrght { float: right !important; } .image { display: block; margin: 0 0 5px 7px; } .nofloat { float: none !important; } .nomarginpad { margin: 0; padding: 0} .noMargin { margin: 0 !important;} .noMarginTop { margin-top: 0;} .noMarginBottom { margin-bottom: 0 !important;} .nopadding { padding: 0 !important; } .nopaddingrght { padding-right: 0 !important; } .nopaddingbttm { padding-bottom: 0 !important; } .padding10 { padding: 10px; } .marginTop { margin-top: 15px; } .margintop-5 { margin-top: 10px; } /* Specific pixel adjustment */ .marginBottom { margin-bottom: 10px; } .txtlft { text-align: left; } .txtrght { text-align: right; } .txtcntr { text-align: center; } .last { border-bottom: none !important; border-right: none !important; margin-right: 0 !important; padding-right: 0 !important; } .nobg { background: none !important; } .bgFull { background: #eeeeee; } .hidden { visibility:hidden; } .show { display: block; } .hide { display: none; } .error { background: white; text-align: center; padding: 5px; } .noEmail { line-height: 22px; } /* IMG Styles */ img {} img.show { float: right; } img.avatar { width: 98px; height: 98px; border: 1px solid #000; display: block; margin: 10px 0; } img.avatarThumb { width: 15px; height: 13px; margin-left: 5px; } /* Border Styles */ .noborder { border: none !important; } /* Span Styles */ span.number, span.fail { float:left; } span.divider { background:url(i/rounded/dot.gif) repeat-x 100% 0; display: block; width: 100%; height: 1px;} span.required, sup.required, a.required {color: #dc2b2e; font-size: 12px; vertical-align: top; font-weight: normal; } span.lastChance { background:url(i/icons/lastChance.gif) no-repeat 0 0; width: 73px; height: 13px; } span.season { font-weight: normal; } span.ratingCa { color: #acacac; font-weight: normal; text-decoration: underline; } span.date { text-transform: uppercase; font-size: 11px !important; color: #adadad; } span.fail { background:url(i/icons/fail.gif) no-repeat 0 0; width: 81px; height: 26px; } span.pass { background:url(i/icons/pass.gif) no-repeat 0 0; width: 89px; height: 20px; } span.username { font-weight: bold; font-size: 13px; color: #000; } span.green { color: #2b993a } span.number { color:#2D2D2D; display:block; font-size:115%; font-weight:bold; text-align:right; width:28px; } /* List Styles (UL) */ ul li { font-size:13px; text-align: left; } ul.list { width: 31%; padding-right: 2%; } ul.list li { font-size: 85%; padding: 3px 0; margin: 0; } ul.floatList li { display: inline; float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #9d9d9d; line-height: 12px; } ul.floatList li a { font-size: 11px; float: left; } ul li.disabled { color: #bab9b9 !important; cursor: default;} ul.bullet {padding-left: 40px; } ul.bullet li { list-style-type: disc; margin-bottom:10px; color:#000; } ul.questions li { margin-bottom: 10px; } ul.arrowLinks { margin: 0 0 5px 0; padding: 0; width: auto;} ul.arrowLinks li { margin: 0 0 10px 0; padding: 0; background: url('i/icons/arrow.gif') no-repeat 0 7px; } ul.arrowLinks li a { font-size: 12px; font-weight: bold; text-transform: capitalize; color: #2d2d2d; margin: 0 0 10px 0; padding-left: 12px; } ul.arrowLinks li a:hover { color: #bd120d; text-decoration: none; } ul.questionLinks { margin: 0 0 0 0; padding: 0 0 0 2px; width: auto;} ul.questionLinks li { margin: 0 0 5px 0; background: url('i/icons/infoLink.png') no-repeat 0 0; } ul.questionLinks li a { font-size: 11px; color: #343434; margin: 0 0 10px 0; vertical-align: top; line-height: 14px; padding-left: 20px; text-decoration: underline;} ul.questionLinks li a:hover { text-decoration: underline; } ul li.icon { display: block; min-height: 16px; padding: 0; margin-bottom: 20px; } ul li.icon span.film { background:url(i/iconSprite.png) no-repeat -148px 0; display: block; float: left; height: 20px; width: 18px; margin-right: 12px; } ul li.icon span.email { background:url(i/iconSprite.png) no-repeat -167px 0; display: block; float: left; height: 16px; width: 18px; margin-right: 12px; } ul li.icon span.rate { background:url(i/iconSprite.png) no-repeat -245px 0; display: block; float: left; height: 16px; width: 18px; margin-right: 12px; } ul li.icon span.favorite { background:url(i/iconSprite.png) no-repeat -210px 0; display: block; float: left; height: 16px; width: 18px; margin-right: 12px; } ul li.icon span.share { background:url(i/iconSprite.png) no-repeat -263px 0; display: block; float: left; height: 16px; width: 18px; margin-right: 12px; } .video .favorite.loading { background: url(i/ajax-loader_small.gif) no-repeat center; cursor: progress; border:none; } /* List Styles (OL) */ ol.pager-root { float: right; overflow: hidden; } ol.pager-root li { display: inline; float: left; margin-right: 7px; font-size: 13px; color: #303030; height: 28px; line-height: 21px;} ol.pager-root li a { display: block; } ol.numbered { list-style-type: decimal; list-style-position: outside; margin-left: 40px; } ol.numbered li { font-weight: bold; margin-bottom: 5px; font-size: 12px; } ol.numbered li span { font-weight: normal !important; } ol.roman { list-style-type: lower-roman; list-style-position: outside; margin-left: 40px; } ol.roman li { font-size: 12px; margin-bottom: 10px; } /* ************************************************** */ /* End*/ /* ************************************************** */ /* ************************************************** */ /* Start Global Link Styles */ /* ************************************************** */ a { color: #000; text-decoration: none; cursor:pointer; } a:hover { color: #000; text-decoration: underline; } a.active { color: #e4a31e; font-weight: bold; } a:focus {outline: none;} a.genericLink, a.genericLink:hover { text-decoration: underline; } a.button { padding: 10px; text-align: center; color: #fff; font: 90% Arial; background: #000; margin: 5px 0; line-height: 32px; } a.btn { background:url(i/buttonsSprite.png) no-repeat 0 0; cursor:pointer; text-indent: -9999em; z-index: 25;} /* Image Replacement */ a.btn span, a.all span { visibility: hidden; } a.cc, a.hd { width: 16px; height: 13px; } a.cc { background-position: 0 -26px; } a.cc:hover { background-position: -18px -26px; } a.ccAlt { width: 24px; height: 20px; background-position: 0 -87px; } a.hd { background-position: 0 -42px; } a.hd:hover { background-position: -18px -42px; } a.hdAlt { width: 24px; height: 20px; background-position: -58px -87px; } a.assetInfo { } a.infoAlt { width: 24px; height: 20px; background-position: -29px -87px; } a.assetInfoImg, a.titleInfo { width: 15px; height: 15px; background-position: 0 -114px; } a.assetInfoImg { margin-top: 1px; } a.channels { } a.contact{ background-position: -204px -130px; line-height: 34px; width: 200px; display: block; } a.optimize{ background-position: -205px -210px; line-height: 34px; width: 225px;} a.optimizeMyComp { background-position: -404px -171px; line-height: 34px; width: 200px;} a.premium{ background-position: -197px -245px; line-height: 30px; width: 185px;} a.run { background-position: 0 -243px; width: 141px; height: 29px; } a.print { background:url(i/icons/printIcon.gif) no-repeat 0 0; padding-left: 20px;} a.tryAgain { background-position: -366px -961px; width: 110px; height: 35px; display: block; } a.all { background:url(i/headersSprite.png) no-repeat 0 -52px; display: block; line-height: 16px; text-indent: -999em; } a.all:hover { text-decoration: none; } a.all.tvShows { background-position: 0 -62px; width: 100px; } a.all.tvShows:hover { background-position: 0 -80px; } a.all.Movies { background-position: -104px -62px; width: 80px; } a.all.Movies:hover { background-position: -104px -80px; } a.all.Clips { background-position: -190px -62px; width: 75px; } a.all.Clips:hover { background-position: -190px -80px; } a.all.more { background-position: -267px -62px; width: 125px; } a.all.more:hover { background-position: -267px -79px; } a.all.tvresults { background-position: -401px -62px; width: 145px; } a.all.tvresults:hover { background-position: -401px -79px; } a.all.movieresults { background-position: -554px -62px; width: 130px; } a.all.movieresults:hover { background-position: -554px -79px; } a.all.clipresults { background-position: -685px -62px; width: 125px; } a.all.clipresults:hover { background-position: -685px -79px; } a.all.channels { background-position: -815px -61px; width: 185px; } a.all.channels:hover { background-position: -815px -79px; } a.all.basic { background-position: 0 -202px; width: 168px; } a.all.basic:hover { background-position: -180px -202px; } a.all.faq { background-position: 0 -223px; width: 70px; } a.all.faq:hover { background-position: -180px -223px; } a.all.top { background-position: 0 -232px; width: 40px; } a.all.top:hover { background-position: -180px -232px; } a.add { text-transform: uppercase; color: #444444; position: absolute; left: 154px; top: 64px; } a.add:hover { color: #d01c15; text-decoration: none; } a.back { color: #414141; font-size: 10px; padding-right: 20px; text-transform: uppercase; } a.joinRogers { background-position: 0px -472px; width: 265px; height: 25px; margin-bottom: 10px; } a.joinforFree, input.joinforFree { background-position: -381px -572px; width: 184px; height: 35px; margin-bottom: 10px; } a.joinforFreeS, input.joinforFreeS { background-position: -381px -572px; width: 184px; height: 35px; margin-bottom: 10px; } a.close { background: url(i/icons/redX.png) no-repeat 0 0; width: 8px; height: 7px; text-indent: -9999em; } a.cancel { background-position: -161px -324px; width: 70px; height: 23px; } a.checkAvailable { background-position: -195px -432px; width: 112px; height: 17px; margin: 5px 0 0 5px; display: block; } a.checkAvailable:hover { text-decoration: none; } a.getRogersTV { background-position:-280px -471px;display:block;float:left;height:27px;width:225px; } a.joinToday { background-position:-65px -544px; display:block; float:left; height:27px; width:110px; } a.optimizeMyComp { background-position:-408px -173px; display:block; float:left; height:27px; width:190px; } a.subscribe { background-position: -280px -472px; width: 224px; height: 25px; } a.startOver { background-position: -500px -508px; width: 124px; height: 25px; display: block; margin-left: 10px; } a.getItNow { background-position: -262px -506px; width: 103px; height: 25px; display: block; } a.canWestPlay { background-position: -262px -287px; width: 250px; height: 25px; display: block; margin-top:15px; } a.clearFavorites { background-position: 0px -861px; width: 116px; height: 25px; display: block; } a.removeExpiredVideos { background-position: -124px -861px; width: 172px; height: 25px; display: block; } a.okLarge { background-position: 0 -889px; width: 49px; height: 29px; display: block; } a.cancelLarge { background-position: 0 -923px; width: 87px; height: 29px; display: block; } a.yesLarge { background-position: -90px -922px; width: 47px; height: 30px; display: block; float: left; } a.noLarge { background-position:-142px -922px;display:block;height:30px;width:43px; float: left; margin-left: 10px; } a.generic { color: #dc2b2e; } a.agree { background-position: -562px -961px; width: 90px; height: 32px; margin-top: 10px; } .iconList .features { background:url(i/featureiconSprite.png) no-repeat 0 0; display: block; height: 100px; width: 165px; } .iconList .watch { background-position: 0 0; } .iconList .rate { background-position: 0 -99px; } .iconList .share { background-position: 0 -198px; } /* ************************************************** */ /* End*/ /* ************************************************** */ /* ************************************************** */ /* Start Global Width Styles */ /* ************************************************** */ .auto { width: auto; } .spanAll { width: 100% !important; } .span3 { width: 30%; } .span3_7 { width: 37%; } .span4 { width: 40%; } .span4_2 { width: 42%; } .span4five { width: 45%; } .span4_8 { width: 48.8%; } .span5 { width: 50% !important; } .span5_5 { width: 55%; } .span5_8 { width: 58%; } .span6 { width: 60%; } .span6five { width: 65%; } .span7 { width: 70%; } .span7_5 { width: 75%; } .span8 { width: 80%; } .span9 { width: 90% !important; } .span9_5 { width: 95%; } .span9_7 { width: 97%; } .span9_9 { width: 99%; } /* ************************************************** */ /* End*/ /* ************************************************** */ /* ************************************************** */ /* User Comment Styles */ /* ************************************************** */ #comments { width: 695px; } #comments fieldset { border: none; border-bottom: 1px solid #d0d0d0; margin: 0 0 20px 0; padding: 0 0 20px 0; } #comments fieldset textarea { border: 1px solid #d0d0d0; display: block; float: none; margin: 0 0 12px 0; width: 515px; } #comments fieldset p { padding-top: 4px; } #comments h3 { font-size: 20px; } #comments .user { background-color: #cfcfcf; display: inline-block; margin: 3px 0 12px 0; padding: 4px 12px; width: auto; } #comments .user p { font-size: 10px; margin: 0; padding: 0; } #comments .user a { color: #000; text-decoration: underline; } #comments .comment { display: block; padding: 3px 0; margin: 0 0 20px 0; } #comments .comment p { color: #343434; margin: 0 0 4px 0; } #comments .comment p.reply { font-size: 10px; margin: 0; color: #b9b9b9; line-height: 16px; } #comments .comment p.reply a { padding: 0 3px; text-decoration: underline; font-size: 11px; } #comments .comment p.username { color: #000; font-size: 13px; font-weight: bold; } #comments .comment span.commentTime { color: #666; font-weight: normal; } #comments .comment span.replied { color: #000; } #comments .comment.flagged strong {display: inline; margin-bottom: 20px; color: #343434; font-size: 13px;} #comments .comment.flagged p { display: none; margin-top: 10px; } #comments .comment.flagged { font-size: 85%; border-bottom: 1px solid #BFBFBF; padding: 0px 0 20px 0;} #comments .comment.flagged strong a {font-size: 75%; margin-left: 10px;} #comments .comment .commentBody { white-space: pre-wrap; overflow: auto; } #comments .error {color: #f00} #comments textarea.posting {background: #d9d9d9; color: #666; border: 1px solid #999; } #comments input.posting {cursor: default} #comments .comment .deletedCommentBody, #comments .comment.deleted p.reply, #comments .comment.deleted.flagged p.reply, #comments .comment.deleted.flagged strong, #comments .comment.deleted p.commentBody, #comments .comment.flagged p.reply, #comments .comment.flagged.show p.deletedCommentBody, #comments .comment strong {display: none} #comments .comment.deleted.flagged p, #comments .comment.flagged.show p, #comments .comment.deleted p.deletedCommentBody { display: block; } #comments .comment.deleted p.deletedCommentBody {color: #999; } #comments .comment-signed-out { width: 608px; margin: 8px 0 15px 0; padding-bottom: 7px; border-bottom: 1px solid #d0d0d0;} #comments .comment-signed-out p, #comments #commentsList p { font-size: 13px; } #comments .comment-signed-out p a { text-decoration: underline; } #comments .replyBox {margin: 10px 0 0 35px; border: none; padding-bottom: 0px} #comments .replyBox textarea {height: 115px; width: 430px} /* ************************************************** */ /* End*/ /* ************************************************** */ /* ************************************************** */ /* Ratings Styles */ /* ************************************************** */ /* rating inputs */ .titlebar.sub .ratings {margin-top: 7px} .titlebar .ratings {float: left;height:19px; margin: 0 10px 0 0; padding-left: 10px} .titlebar .ratings ul.rated {background:url("i/ratingsSprite.png") no-repeat 0 -62px; height: 17px; width: 100px; } .titlebar.movies .ratings { margin-right: 0; } .titlebar.aux .ratings { padding-left: 0 !important; } #show .ratings { margin-right: 0; } #MovieBar .ratings { margin-top: 10px; } .titlebar .ratings .rated .rating, .star-rating, .star-rating a, .rated, .rated .rating { background-image:url(i/ratingsSprite.png); background-repeat: no-repeat; } .star-rating, .star-rating a, .rated, .rated .rating { background-position: 0 0; } .titlebar .ratings .rating {background-position: 0 -42px; height: 17px; /*width: 100px;*/ overflow: auto} .titlebar .ratings .rating.user {background-position: 0 -42px; height: 17px; width: 0px; cursor: pointer;} .titlebar .ratings .rating.user.one { width: 17px} .titlebar .ratings .rating.user.two { width: 40px} .titlebar .ratings .rating.user.three { width: 60px} .titlebar .ratings .rating.user.four { width: 80px} .titlebar .ratings .rating.user.five { width: 100px} .rateable { display: block; float: left; height:19px; margin: 8px 0 0 0; padding-left: 10px; } .noMargTop { margin: 0 10px 0 0; } .star-rating { float:left; width:18px; height:19px; margin: 0; padding: 0; text-indent:-999em; cursor:pointer; display:block; background:transparent; overflow:hidden; } .star-rating a { display:block; width:18px; height:100%; background-position:0 -63px; border:0; padding: 0; margin: 0; } .star-rating-on a { background-position:0 -42px!important; padding: 0; margin: 0; } .star-rating-hover a {background-position:0 -42px; padding: 0; margin: 0; } .star-rating-readonly a {cursor:default !important; padding: 0; margin: 0; } .star-rating { background:transparent!important; overflow:hidden!important; } /* list styles for rated items */ /*ul.rated { width: 100%; }*/ ul.rated, ul.rated li.rating { margin: 0; padding: 0; text-indent: -999em; } .rated { background-position: 0 -84px; display: inline-block; height: 16px; list-style: none; width: 92px; } .rated .rating { background-position: 0 -102px; display: block; height: 16px; vertical-align: top; width: 0; } .rated .unrated { width: 0px; } /* ************************************************** */ /* End*/ /* ************************************************** */ .contentWrap { -moz-border-radius:0 5px 5px 5px; -webkit-border-radius:0 5px 5px 5px; } .contentWrap.wrapAll, table.wrapAll, .textWrap, .new-btn, .round-button { -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; } .navWrap { -moz-border-radius:2px 2px 2px 2px; -webkit-border-radius:2px 2px 2px 2px; } li.solo a { -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; } .roundAll { -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; } #canWest.playerMessage { -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; } .tableWrap { -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; } /* Use on elements that contain floated items --------------------------------------------- */ .group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } * html .group { /* ie 6 */ height:1%; } *:first-child+html .group { /* ie 7 */ min-height:1px; } html.tablet, .tablet body, html.tablet form { height: 100%; } html.tablet .container { min-height: 100%; position: relative; } .tablet #bdy { padding-bottom: 100px; min-height: 100%; height: 100%; } .tablet #bdy #main { float: none; min-height: 100%; } .tablet #footer-wrap { position: absolute; bottom: 0; height: 105px; float: none; } /* Accessible Content */ #accessible-carousel-content { background: #000; position: absolute; top: 0; height: 0; width: 100%; z-index: 9999999; } #accessible-carousel-content .itemLink { background: #000; color: #fff; line-height: 19px; display:block; } #accessible-carousel-content .itemLink, #accessible-carousel-content .itemLink:hover, #accessible-carousel-content .itemLink:visited, #accessible-carousel-content h2 { position:absolute; top:0; left:-5000px; overflow:hidden; width: 1px; height:1px; } #accessible-carousel-content .itemLink:active, #accessible-carousel-content .itemLink:focus { position:absolute; left: 50%; margin-left: -490px; top:0; width: 980px; height: auto; z-index: 999999999; } #accessible-carousel-content .itemLink:active span, #accessible-carousel-content .itemLink:focus span { display: block; padding: 0 150px 10px 150px; }