/* v 1.7 May 14 2006 */ /*********************** 1 column programme comp with full-width image on top compclass : global-onecolumn-programme ------------ ENT 1.0, 2.1, 2.1, 2.2, 5.0, 5.1, 8.1 framework 5.0 SHOP 1.0, 3.0, 3.1, 3.2, 3.3 HOMEPAGE 1.0 ***********************/ .global-onecolumn-programme{ background-color: #fafafa;} .global-onecolumn-programme-topimagediv {padding:1px 0 0 1px;} .global-onecolumn-programme-topimagediv img {width:14.25em; height:5.625em;} .global-onecolumn-programme-content {padding:0.375em 0.625em 0 0.625em; clear:both;} .global-onecolumn-programme h3 {} .global-onecolumn-programme h4 {font-size:.625em; color:#000; } .global-onecolumn-programme h4 a:link{color:#000;} .global-onecolumn-programme h4 a:visited{color:#000;} .global-onecolumn-programme .global-onecolumn-programme-body h4 { font-size:1em; } .global-onecolumn-programme h4.date{} .global-onecolumn-programme h4.channel{} .global-onecolumn-programme h4.subtitle{} .global-onecolumn-programme-body {font-size:0.6875em; clear:both; } .global-onecolumn-programme-link {clear:both; font-size:.875em; font-weight:bold; color:#2d076e; text-transform:uppercase; font-family:arial narrow, helvetica narrow;} .global-onecolumn-programme-link a {text-decoration:none;} .global-onecolumn-programme-options ul { padding:0; margin:0; clear:both;} .global-onecolumn-programme-options { margin-top:.75em; clear:both; height:2.25em; } .global-onecolumn-programme-options a { text-decoration:none; font-size:.625em; } .global-onecolumn-programme-options li { list-style-type:none; float:left; height:1.125em;} .global-onecolumn-programme-options li.listitem-left { clear:both; width:52%; } .global-onecolumn-programme-options li.listitem-right {width:47%;} .global-onecolumn-programme-options li img.plus { width:.5em; height:.5em; margin-right:.5em; } .global-onecolumn-programme-options li img.arrow { width:.5em; height:.5em; margin-right:.5em; } .global-onecolumn-programme-options li img.flag { width:.5em; height:.625em; margin-right:.5em; } .global-onecolumn-programme-options li img.remote { width:.75em; height:.75em; margin-right:0.25em; } .global-onecolumn-programme-contextual-link {margin-top:.75em; clear:both;} .global-onecolumn-programme-footer { clear:both; height:0.625em; overflow:hidden; } .global-onecolumn-programme-linklist {} .global-onecolumn-programme-linklist ul { list-style-type:none; margin:0; padding:0; } .global-onecolumn-programme-linklist ul li { margin:0; padding:0; line-height: 1.2em; } .global-onecolumn-programme-linklist ul li a {} .global-onecolumn-programme-linklist ul li a:link {color:#20a6d9;} .global-onecolumn-programme-linklist ul li a:visited {color:#20a6d9;} .framework .global-onecolumn-programme-body { margin-top: .25em; } .shop .global-onecolumn-programme-body { margin-top: 0.375em; } /*********************** 1 column list of links preceeded by arrows compclass : global-linklist ------------ ENT 1.0, 2.0, 5.0, 5.1, 6.1, 8.0, 8.1 framework 5.0, 5.1, 5.1.1, 5.1.2, 5.1.2.1, 5.2, 5.2.1, 5.2.2, 5.2.2.1, 5.2.2.2, 5.2.2.3, 5.2.2.4, 5.2.3, 5.3, 5.3.2, 5.3.2.1, 5.3.3, 5.3.4, email-recommendations HOMEPAGE 1.0 CS 3.2, 3.2.1, 3.2.1.1, 3.3, 3.3.1, 3.4, FaqMaster SHOP 1.0, 1.1, 11, 2, 3, 3.3, 5, 9, 16, 16.1, 16.2, 20, 22, 24 OTHER 2, 5, 6, 7 ***********************/ .global-linklist {} .global-linklist-content { padding:0.625em; } .global-linklist h3 {} .global-linklist-list-container { margin-top:0.25em; } .global-linklist-list-container a { text-decoration: none; } .global-linklist-list-container a:link { color: #000000; } .global-linklist-list-container a:visited { color: #000000; } .global-linklist-list-container a span { font-size: 0.6875em; } .global-linklist-list-container ul { list-style-type: none; padding: 0; margin: 0; } .global-linklist-list-container li { min-height:1.125em; margin:.125em 0 0 1.125em; text-indent:-1.125em; line-height:.975em; } .global-linklist-list-container li img { margin-right: .625em; width:0.5em; height:0.5em; } .global-linklist-content .global-linklist-freetext { font-size: 0.625em; margin:.8em 0 0 0;} .global-linklist-content .global-linklist-freetext a { text-decoration: underline; } .global-linklist-content .global-linklist-freetext a:link { color:#000000; } .global-linklist-content .global-linklist-freetext a:visited { color:#000000; } .global-linklist-content .global-linklist-biglinks { margin-top: .625em;} .global-linklist-content .global-linklist-biglinks ul { list-style-type: none; padding: 0; margin: 0; } .homepage .global-linklist-content h3 { color:#e88738; } /*********************** 1 column search comp compclass : global-search ------------ ENT 1.0, 2.0, 2.1, 2.2, 5.0, 5.1, 8.0, 8.1 CS 3.1, 3.2, 3.2.1, 3.2.1.1, 3.3, 3.3.1, 3.4, 3.5, FaqMaster OTHER 11, 12 ***********************/ .global-search { } .global-search-content { padding: 0.625em 0 0.625em 0.625em; } .global-search h3 { padding-bottom: 0.5em; line-height:1em; } .global-search-content .inputtext{ font-family: verdana; font-size: 0.6875em; width:16.2em; } .global-search-content .inputimage{ font-size: 1em; width:1.25em; height:1.1875em; margin:0; padding:0; float:left; } .global-search-content select { font-family: verdana; font-size: 0.6875em; width:16.6em; } .global-search-input-line { height: 1.5em; } .global-search-element-wrapper { width:11.75em; float:left; } .global-search-heading-top { height:1.5em; overflow:hidden; font-size: 0.6875em; } .global-search-heading { clear:both; height:2.1em; line-height: 1.5em; overflow:hidden; font-size: 0.6875em; } .global-search-criteria { font-size: 0.6875em; font-weight:bold; margin:.6em 0 .6em 0; } /*********************** 1 column small teasers compclass : global-onecolumn-smallteaser ------------ HOMEPAGE 1.0 SHOP 1.1 ***********************/ .global-onecolumn-smallteaser {} .global-onecolumn-smallteaser .content{} .global-onecolumn-smallteaser .column-left { width:48%; float:left; } .global-onecolumn-smallteaser .column-left .topimagediv { padding:1px 0 0 1px; } .global-onecolumn-smallteaser .column-left .topimagediv img { width:5.875em; height:4.6875em; } .global-onecolumn-smallteaser .column-left .contextual-link { margin:.75em 0 0 .5em; } .qglobal-onecolumn-smallteaser .column-left .contextual-link img { width:0.625em; height:0.625em; margin-right:0.5em; } .qglobal-onecolumn-smallteaser .column-left .contextual-link a { text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:0.875em; font-family:arial narrow, helvetica narrow;} .qglobal-onecolumn-smallteaser .column-left .contextual-link a:link { color:#4e4e4e; } .qglobal-onecolumn-smallteaser .column-left .contextual-link a:visited { color:#4e4e4e; } .global-onecolumn-smallteaser .column-right { width:47%; float:left; } .global-onecolumn-smallteaser .column-right h3 { margin-top: .75em; line-height:1em; } .global-onecolumn-smallteaser .column-right p { font-size:0.5625em; margin:1em 0 0 0; } .global-onecolumn-smallteaser .column-right p a:link { color:#000000; } .global-onecolumn-smallteaser .column-right p a:visited { color:#000000; } .global-onecolumn-smallteaser .clearfooter { height:.75em; overflow:hidden; clear:both; } /*********************** semi-column other adb site compclass : six-pods ------------ HOMEPAGE 1.0 ***********************/ .six-pods { background:#fafafa; } .six-pods-image { padding:1px 1px 0 1px; } .six-pods-image img { width:8.625em; height:3.375em; } .six-pods-content { padding:0.375em; } .six-pods h3 { } .six-pods ul { margin:.25em 0 0 0; padding:0; } .six-pods ul li { list-style-type:none; height:1.8em; padding:0; margin:0; } .six-pods ul li div { margin:0 0 0 1.7778em; text-indent:-1.7778em; font-size:0.5625em; } .six-pods ul li div a { text-decoration:none; } .six-pods ul li div a:link { color:#515151; } .six-pods ul li div a:visited{ color:#515151;} .six-pods ul li div a img { width: 0.8889em; height:0.8889em; margin-right:0.8889em; } /*********************** 1 column user profile and logout compclass : global-profile ------------ HOMEPAGE 1.0 framework 5.0 ***********************/ .global-profile {} .global-profile-content { padding:0.625em; } .global-profile h3 {} .global-profile-details {} .global-profile-details p { font-size: 0.625em; margin:0.625em 0 0.8125em 0; } .global-profile-details p a { text-decoration:underline; } .global-profile-details p a:link { color:#000000; } .global-profile-details p a:visited { color:#000000; } .global-profile-propertyvalue-pairs { margin-top: 0.1875em; font-size: .625em;} .global-profile-property { font-weight: bold; color: #000000; } .global-profile-value { color: #20a6d9; } .global-profile-value a { color: #20a6d9; text-decoration:underline; } .global-profile-link { margin-top: .75em; } .global-profile-logout-container { margin-top:.75em; height:1em; } .global-profile-edit { float:left; } .global-profile-edit img { width: 0.5em; height: 0.5em; margin-right: 0.625em; } .global-profile-edit a { text-decoration:underline; font-size:0.625em; } .global-profile-edit a:link { color:#000000; } .global-profile-edit a:visited { color:#000000; } .global-profile-edit-logout { text-align:right; } .global-profile-edit-logout a { text-decoration:none; } .global-profile-edit-logout a img { width:0.6875em; height:0.5625em; margin-right: .375em; } .global-profile-edit-logout a span { font-size:.875em; text-transform:uppercase; font-weight:bold; } .global-profile #logoutbutton { font-size:1em; width:5em; height:0.75em; vertical-align:bottom; } /*********************** 2 column mix-and-match form template compclass : global-form ------------ FORMS 1.0, 2.0 framework email-recommendations, pre-registration SHOP 20 OTHER 5, 8, 9, 10 ***********************/ .global-form-container{} .global-form{} .global-form-topleft-image { padding:1px 0 0 1px; float:left; width:9.25em; height:6.25em; } .global-form-topleft-image img { width:8.75em; height:6.25em; } .global-form-content { padding:0.625em; } .global-form-content h3{} .global-form-content h4 { color:#000000; font-weight:bold; } .global-form h3 {} .global-form-title h4 { font-size:0.625em; font-family:verdana,arial,helvetica; } .global-form-title h4 a, .global-form-title h3 a {} .global-form-title h4 a:link, .global-form-title h3 a:link { color: #000000; } .global-form-title h4 a:visited, .global-form-title h3 a:visited { color: #000000; } .global-form-subtitle { margin:0; } .global-form-subtitle h4 { font-size:0.625em; font-family:verdana,arial,helvetica; } .global-form-divider hr { display:none; } .global-form-divider { margin: 0; clear:both; height:1px; background-color:#cccccc; overflow:hidden; } .global-form-inputlines-container {} .global-form-inputlines-container ul { margin:0; padding:0; } .global-form-inputlines-container ul li { clear:both; list-style-type:none; margin:0; padding:0; } .global-form-inputlines-container ul li .global-form-inputline { width:100%; } /* important for ie5.5 */ .global-form-inputlines-container ul li .global-form-inputline .global-form-inputline-label { width:35%; float:left; font-size:0.625em; } .global-form-inputlines-container ul li .longlabel .global-form-inputline-label { width:50%; } .global-form-inputlines-container ul li .onecolumn .global-form-inputline-label { float:none; width:auto; } .global-form-inputlines-container ul li .global-form-inputline .global-form-inputline-label label { vertical-align:middle; } .global-form-inputlines-container ul li .global-form-inputline .global-form-inputline-required { width:6%; float:left; padding-top:.25em; text-align:center; } .global-form-inputlines-container ul li .global-form-inputline .global-form-inputline-required span { display:none; font-size:0.625em; } .global-form-inputlines-container ul li .required .global-form-inputline-required span { display:inline; } .global-form-inputlines-container ul li .global-form-inputline .global-form-inputline-input { width:57%; float:left; } .global-form-inputlines-container ul li .longlabel .global-form-inputline-input { width:42%; } .global-form-inputlines-container ul li .onecolumn .global-form-inputline-required { width:3%; text-align:left; display:none; } .global-form-inputlines-container ul li .required .global-form-inputline-required { display:block; } .global-form-inputlines-container ul li .onecolumn .global-form-inputline-input { width:40%; } .results .global-form-inputlines-container ul li .global-form-inputline .global-form-inputline-label { width:41%; } .global-form-inputlines-container ul li .global-form-inputline .global-form-inputline-input input { width:100%; vertical-align:top; font-size:0.625em; font-family:verdana; } .global-form-inputlines-container ul li .global-form-inputline .global-form-inputline-input textarea { width:100%; height:14em; overflow:auto; vertical-align:top; font-size:0.625em; font-family:verdana; } .global-form-inputlines-container ul li .global-form-inputline .global-form-inputline-input .global-form-input-note {} .global-form-inputlines-container ul li .global-form-inputline .global-form-inputline-input .global-form-input-note span { font-size:0.625em; font-family:arial; } .global-form-inputlines-container ul li .global-form-inputline .bold { font-weight: bold; } .global-form-inputlines-container ul li .global-form-inputline .global-form-results-text { font-size:0.625em; } .global-form-security-characters img { width:11.875em; height:3.4375em;} .global-form-bottom { clear:both; padding-right:.5em; } .global-form-bottom .global-form-bottom-left { float:left; } .global-form-bottom .global-form-bottom-left span { font-size:0.625em; } .global-form-bottom .global-form-bottom-right { text-align:right; } .global-form-content .global-form-contextuallinks { width:100%; } .global-form-content .global-form-contextuallinks ul { margin:0; padding:0; } .global-form-content .global-form-contextuallinks ul li { list-style-type:none; margin:0; padding:0; } .global-form-content .global-form-contextuallinks ul li.left { clear:both; float:left; width:41%; } .global-form-content .global-form-contextuallinks ul li.centre { float:left; width:28%; } .global-form-content .global-form-contextuallinks ul li.right { float:right; width:28%; text-align:right; } .global-form-gutter { clear:both; height:0.625em; overflow:hidden; } .global-form-noclear .global-form-gutter { clear:none; } .global-form-content .global-form-contextuallinks .global-form-gutter { clear:both; height:0.375em; overflow:hidden; } .global-form-clear { clear:both; } .global-form-input-default-value { display:none; } .global-form-input-tip { font-size: 0.625em; color: #999999; background-color: #ffffff;} .global-form-freetext { clear:both; } .global-form-noclear .global-form-freetext { clear:none; } .global-form-freetext p { font-size:0.625em; font-family:verdana; margin:0; } .global-form-freetext p a {} .global-form-freetext p a:link { color: #000000; } .global-form-freetext p a:visited { color: #000000; } .global-form-inputlines-container ul li .global-form-inputline .global-form-inputline-input select { width:100%; vertical-align:top; font-size:0.625em; font-family:verdana; } .global-form-inputlines-container ul li .global-form-inputline .wrapper-radio input { vertical-align:middle; width:auto; } .global-form-inputlines-container ul li .global-form-inputline .wrapper-checkbox input { vertical-align:middle; width:auto; } .global-form-inputlines-container ul li .global-form-inputline .wrapper-radio label { vertical-align:middle; font-size:.625em; } .global-form-inputlines-container ul li .global-form-inputline .wrapper-checkbox label { vertical-align:middle; font-size:.625em; } .global-form-inputlines-container ul li .global-form-inputline .one-per-line .wrapper-radio { display:block; } .global-form-inputlines-container ul li .global-form-inputline .one-per-line .wrapper-checkbox { display:block; } .global-form-inputlines-container ul li .global-form-inputline div.shortselect { word-spacing:.9em; } .global-form-inputlines-container ul li .global-form-inputline div.veryshortselect { word-spacing:.4em; } .global-form-inputlines-container ul li .longlabel div.shortselect { word-spacing:.3em; } .global-form-inputlines-container ul li .global-form-inputline div.between { word-spacing:normal; } .global-form-inputlines-container ul li .global-form-inputline div.between span { font-size:0.625em; } .global-form-inputlines-container ul li .global-form-inputline div.between label { font-size:0.625em; } .global-form-inputlines-container ul li .global-form-inputline select.shortselect { width: 46%; word-spacing:normal; } .global-form-inputlines-container ul li .global-form-inputline input.shortinput { width: 46%; word-spacing:normal; } .global-form-inputlines-container ul li .global-form-inputline select.veryshortselect { width: 30%; word-spacing:normal; } .global-form-inputlines-container ul li .global-form-inputline div.between select.shortselect{ width: 43%; } .global-form-inputlines-container ul li .global-form-inputline .global-form-inputline-left-checkbox { float:left; width:5%; } .global-form-inputlines-container ul li .global-form-inputline .global-form-inputline-left-checkbox input { vertical-align:top; } .global-form-inputlines-container ul li .global-form-inputline .global-form-inputline-right-freetext { float:left; width:93%; } .global-form-inputlines-container ul li .global-form-inputline .global-form-freetext { clear:none; } .global-form-inputlines-container ul li .global-form-inputline .global-form-competition {} .global-form-inputlines-container ul li .global-form-inputline .global-form-competition .global-form-competition-image { width:16%; height:4.8125em; overflow:hidden; float:left; } .global-form-inputlines-container ul li .global-form-inputline .global-form-competition .global-form-competition-image img { width:3.8125em; height:4.3125em; border:1px #cccccc solid;} .global-form-inputlines-container ul li .global-form-inputline .global-form-competition .global-form-competition-text { float:left; width:84%; } .global-form-inputlines-container ul li .global-form-inputline .global-form-competition .global-form-inputline-label { width:22.8%; } .global-form-inputlines-container ul li .global-form-inputline .global-form-competition .global-form-inputline-input { width:67.89%; } .global-form-inputlines-container ul li .global-form-inputline .global-form-competition .global-form-inputline-required{ width:7.146%;} .results .global-form-inputlines-container ul li .global-form-inputline .global-form-competition .global-form-competition-answer .global-form-inputline-label { width:29.946%; } .global-form-tip-warning { clear:both; font-weight: bold; font-size: 0.6875em; background-color: #ffffff; display:none; } .global-form-tip-warning-required { color: #c50b0b; display:block!important; } .global-form-tip-warning-invalid { color: #0f0dd3; display:block!important; } .form-tip-text { display:none; background-color: #ffffff; font-size:0.6875em; padding:0 0 1em 0; } .form-tip-text-required { color:#c50b0b!important; display:block!important; } .form-tip-text-invalid { color:#0f0dd3!important; display:block!important; } .form-input-highlight-required{ background: #d2e7ee!important;} .form-input-highlight-invalid{ background:#ffcfcf!important;} /*********************** 1 column hints and tips to accompany forms compclass : forms-tip-container ------------ FORMS 1.0 framework pre-registration OTHER 8 ***********************/ #forms-tip-container{ display:none; width: 14.375em; position:absolute; } .forms-tip-container .forms-tip-content { padding:.625em; } .forms-tip-container h3 {} .forms-tip-container .forms-tip-body { margin-top:.375em; color: #999999; font-size:.625em; } /*********************** 3 column CS homepage compclass : cs-home ------------ CS 3.0 ***********************/ .cs-home { height: 15.5em; } .cs-home .left-column { width:15em; float:left;} .cs-home .left-column img { height:11.1875em; width:14.4375em;} .cs-home .right-column { width:29em; float:left; } .cs-home h3{} .cs-home .cs-home-instructions{ font-size:0.6875em; margin-top:0.625em; } .cs-home .cs-home-links-container{ margin-top:0.625em; } .cs-home ul { padding:0; margin:0; } .cs-home ul li { padding:0; margin:0; list-style:none; width: 13.5em; float:left; margin-bottom:.25em;} /*********************** 1 column quicklink with image compclass : ent-tv-planner-container ------------ ENT 1.0, 6.1 SHOP 23 OTHER 5, 6 ***********************/ .ent-tv-planner-container {} .ent-tv-planner-topimage img {width:14.25em; height:2.625em; margin:1px;} .ent-tv-planner-topimage-tall img {width:14.3125em; height:4.9375em; padding:1px;} .ent-tv-planner-content {padding:.375em .625em .625em .625em;} .ent-tv-planner-text {margin-left:1.25em; color:#2f0569;} .ent-tv-planner-text span {font-size:.7em;} .ent-tv-planner-text a {text-decoration:underline;} .shop .ent-tv-planner-topimage img { height:3.4375em; } /*********************** 2 column programme blurb with top-left image compclass : global-gallery-programme ------------ ENT 1.0, 2.1, 2.2, 5.1, 6.1 ***********************/ .global-gallery-programme {} .global-gallery-programme-content {padding: .625em;} .global-gallery-programme-image {padding:1px 1px 0 1px; width:8.75em; height:6.25em; float:left; margin-right:.375em; margin-bottom:.375em;} .global-gallery-programme-image img {width:8.75em; height:6.25em;} .global-gallery-programme h3 {} .global-gallery-programme-content h4 {font-size:.625em;} .global-gallery-programme-body {font-size: .625em;} .global-gallery-programme-link { clear:both; } .global-gallery-programme-link ul { margin:0; padding:0; } .global-gallery-programme-link ul li { margin:0; padding:0; list-style-type:none; float:left; width:45%;} .global-gallery-programme-link-footer { clear:both;height:1px;overflow:hidden;} /*********************** 2 column ENT homepage main comp compclass : global-homepage-main ------------ ENT 1.0 ***********************/ .global-homepage-main { height:11.1875em; } .global-homepage-main-image { width:15em; float:left; } .global-homepage-main-image img {width:14.3125em; height:11.1875em;} .global-homepage-main-image-extended { width:15em; float:left; } .global-homepage-main-image-extended img {width:14.3125em; height:13.6875;} .global-homepage-main-details { width:14em; float:left; } .global-homepage-main h3 {} .global-homepage-main-date {font-size:.7em; font-weight:bold;} .global-homepage-main-date a {color:#000; } .global-homepage-main-channelname {font-size:.7em; font-weight:bold;} .global-homepage-main-rating {font-weight:bold; height:1.4em;} .global-homepage-main-rating img {width:.625em; height:.5625em;} .global-homepage-main-body {font-size:0.6875em; } .global-homepage-main-options { margin-top:.5em; } .global-homepage-main-options a {text-decoration:none;} .global-homepage-main-options ul { padding:0; margin:0;} .global-homepage-main-options li {list-style-type:none; white-space:nowrap; float:left; height:1.25em; margin:0; padding:0; } .global-homepage-main-options li.listitem-left {width:52%;} .global-homepage-main-options li.listitem-right {width:44%;} .global-homepage-main-options li a {font-size:0.6875em;} .global-homepage-main-options li img.plus { width:.5em; height:.5em; margin-right:.5em; } .global-homepage-main-options li img.arrow { width:.5em; height:.5em; margin-right:.5em; } .global-homepage-main-options li img.flag { width:.5em; height:.625em; margin-right:.5em; } .global-homepage-main-options li img.remote { width:.75em; height:.75em; margin-right:0.25em; } /*********************** 3 column multi-channel listing table compclass : .multichannel-listing ------------ ENT 2.1 ***********************/ .multichannel-listing{} .multichannel-listing-select{} .multichannel-listing-select-channel { height:1.8em; } .multichannel-listing-select-channel span { font-size:.6875em; } .multichannel-listing-select-channel select {font-family:verdana; font-size:.6875em;vertical-align:middle; margin-left:.2727em;} .multichannel-listing-select-channel select#select-tv-listing-channel {width:18em; } .multichannel-listing-select-channel select#select-tv-listing-date {width:11em; } .multichannel-listing-select-channel input#submit-tv-listing-channel-date {font-size:1em; margin:0 0 0 .25em; vertical-align:middle; width:1.25em; height:1.1875em; padding:0;} .multichannel-listing-select-atoz { margin-top:.375em;} .multichannel-listing-select-atoz img { margin-right: 0.5em; width:0.5em; height:0.5em; } .multichannel-listing-select-atoz a { text-decoration:none; color:#000000; font-size: 0.6875em; } .multichannel-listing-head { margin-top: .9375em; } .multichannel-listing-title{ background-color:#009bd4; height:2em; } .multichannel-listing-title .container { position:relative; height:2em; top:0; left:0; } .multichannel-listing-title .container div { position:absolute; } .multichannel-listing-title .left { left:0; text-align:left; width:33%; padding:.5em 0 0 .5em;} .multichannel-listing-title .middle { left:33%; text-align:center; width:34%; line-height:2em; } .multichannel-listing-title .right { right:0; text-align:right; padding:.375em .5em 0 0; } .multichannel-listing-title .left span { font-size:0.875em; font-weight:bold; color:#ffffff; font-family:arial,helvetica; text-transform:uppercase; } .multichannel-listing-title .middle span { font-size:0.6875em; color:#ffffff; } .multichannel-listing-title .right select{ vertical-align:middle; font-size:0.625em; width:20em; } .multichannel-listing-title .right input { vertical-align:middle; font-size:1em; width:1.25em; height:1.1875em; margin-left:.375em;} .multichannel-listing-title .right label { display:none; } .multichannel-listing-nav { height:1.5625em; background-color:#ffffff; margin-top:2px; } .multichannel-listing-nav .container { position:relative; top:0; left:0; height:1.5625em; overflow:hidden; } .multichannel-listing-nav .container a { font-size:.6875em; } .multichannel-listing-nav .container div.cell-left-img a { font-size:1em; } .multichannel-listing-nav .container a:link, .multichannel-listing-nav .container a:visited { color:#000; } .multichannel-listing-nav .container div { position:absolute; height:1.5625em; text-align:center; line-height:1.3125em; } .multichannel-listing-nav .container div img { position:relative; top:.4375em; height:0.4375em; width:0.8125em; } .multichannel-listing-nav .container div div {left:0; bottom: 0; border-left: 1px #cccccc solid; height:50%; overflow:hidden;} .multichannel-listing-nav .container div.cell-left-img { left:0; top:.0625em; text-align:left; padding-left:.375em; } .multichannel-listing-nav .container div.cell-left { left:1.5em; top:.0625em; text-align:left; } .multichannel-listing-nav .container div.cell-middle { top:.0625em; padding-left:.5em; line-height:1.5625em; width:10.25em; } .multichannel-listing-nav .container div.back { left:10.25em; padding-left:.75em; } .multichannel-listing-nav .container div.back a { font-size:1em; } .multichannel-listing-nav .container div.back img { position:relative; top:0.375em; width:0.4375em; height:0.8125em; } .multichannel-listing-nav .container div.back div { width:2.25em; } .multichannel-listing-nav .container div.back div div { left:1.9375em; height:100%; } .multichannel-listing-nav .container div.forward { left:43em; padding-left:.75em; } .multichannel-listing-nav .container div.forward a { font-size:1em; } .multichannel-listing-nav .container div.forward img { position:relative; top:0.375em; width:0.4375em; height:0.8125em; } .multichannel-listing-nav .container div.time-first { left:12.25em; } .multichannel-listing-nav .container div.time-second { left:22.5em; } .multichannel-listing-nav .container div.time-third { left:32.75em; } .multichannel-listing-nav .container div span{ font-size:0.6875em; } .multichannel-listing-body{ margin-top:0px; } .multichannel-listing-body table { table-layout:fixed; width: 45em; font-size:1em; } .multichannel-listing-body table col#channelcolumn { width:11.25em;} .multichannel-listing-body table col#programmecolumn { width:33.75em; } /* 90 minutes; .375em == 1 min */ .multichannel-listing-body thead{ display:none; } .multichannel-listing-body tr { background: #009bd4; font-size:1em;} .multichannel-listing-body td { color:#ffffff; border-top:2px solid #ffffff; } .multichannel-listing-body td a {} .multichannel-listing-body td a:link, .multichannel-listing-body td a:visited{ color:#ffffff; } .multichannel-listing-body td.channel { font-weight:bold; padding-left:.5em; } .multichannel-listing-body td.channel div { height:2em; line-height:2em; } .multichannel-listing-body td.channel span{ font-size:.6875em; } .multichannel-listing-body td.programme { vertical-align:top; } .multichannel-listing-body ul { margin:0; padding:0; } .multichannel-listing-body li { margin:0; padding:0; list-style-type:none; } /* .multichannel-listing-body td.programme qdiv, */ .multichannel-listing-body td.programme li { position:absolute; height: 2em; overflow:hidden; cursor:pointer; cursor:hand; background-color: #009bd4;} .multichannel-listing-body td.programme li div{ border-left:2px #ffffff solid; line-height:2em; padding-left:.5em; } .multichannel-listing-body td.programme li div a { font-size:.6875em; } .multichannel-listing-body td.programme li div a:link, .multichannel-listing-body td.programme li div a:visited{ color:#ffffff; } .multichannel-listing-body td.programme li.selected { background-color:#fdda26; } .multichannel-listing-body td.programme li.selected div a, .multichannel-listing-body td.programme li.currentpopout div a { font-weight:bold; } .multichannel-listing-body td.programme li span.remote { position:absolute; right:.5em; top:0.625em; } .multichannel-listing-body td.programme li span.remote img { vertical-align:top; width:.75em; height:.75em; } .multichannel-listing-body td.programme li.selected div a:link, .multichannel-listing-body td.programme li.selected div a:visited, .multichannel-listing-body td.programme li.currentpopout div a:link, .multichannel-listing-body td.programme li.currentpopout div a:visited { color:#0131a0; } .multichannel-listing-body td.programme li.currentpopout { background-color:#fdda26; } .multichannel-listing-body tr.popout, .multichannel-listing-body tr.popout td{ height:auto;} .multichannel-listing-body tr.popout, .multichannel-listing-body tr.popout td{ width:45em!important; background-color: transparent; height:auto; font-size:1em; padding:0;border-right-width:0px;} .multichannel-listing-body tr.popout td h4.message { margin-left:1em; font-size: .75em; height: 4em; line-height: 4em; color:#0131a0; } .multichannel-listing-foot{} .multichannel-listing-body .global-progpopout-container{height:12em;} /*********************** 2 column main comp with callout compclass : global-two-column-mainpic ------------ ENT 5.0, 8.1 framework 5.0 ***********************/ .global-two-column-mainpic { } .global-two-column-mainpic-container { overflow:hidden; height:14.1875em; width:29.6875em; margin:0;padding:0; } .global-two-column-mainpic-relative { position:relative; top:0px; left:0px; height:14.1875em; overflow:hidden; width:29.6875em; margin:0; padding:0; } .global-two-column-mainpic-imagediv { position:absolute; top:0px; left:0px; height:14.1875em; overflow:hidden; width:29.6875em;} .global-two-column-mainpic-imagediv img { height:14.1875em; width:29.6875em; vertical-align:top; } .global-two-column-mainpic-floatcontainer { position:absolute; top:0px; left:0px; z-index:100; width:32em; height:14.1875em;} .global-two-column-mainpic-floatdummy { display:-moz-inline-box; display:inline-block; vertical-align:middle; width:14.1875em; height:14.1875em; } .global-two-column-mainpic-floatcallout { display:-moz-inline-box; display:inline-block; vertical-align:middle; width:15.5em;} .global-two-column-mainpic-floatcallout .global-inlinebox-wrapper { width:15.5em; background:url(../../shared-files/images/extended-grid/callout-top-left.gif) no-repeat top left; } .global-two-column-mainpic-floatcallout-innerwrapper { padding: .4em .6em .6em .6em; } .global-two-column-mainpic h3 {} .global-two-column-mainpic-channelname { font-size: .625em; font-weight: bold; } .global-two-column-mainpic-body { font-size: 0.625em; } .global-two-column-mainpic-link { margin-top: 1.5em; clear:both; } .global-two-column-mainpic .tl, .global-two-column-mainpic .br { position:absolute; width:1em; height:1em; z-index:300; overflow:hidden; } .global-two-column-mainpic .tl img, .global-two-column-mainpic .br img { width:1em; height:1em; } .global-two-column-mainpic .tl { top:0px; left:0px; } .global-two-column-mainpic .br { top:13.1875em; left:28.6875em; } @media print { .global-two-column-mainpic-floatcallout .global-inlinebox-wrapper { background:#ffffff url(none); } } /*********************** 2 column main comp with channel listing compclass : time-listing ------------ ENT 5.1 ***********************/ .time-listing {} .time-listing-content { padding:1px; } .time-listing-topimage-container { padding:1px 1px 0 1px;} .time-listing-topimage-container img { height:9.6875em; width:29.5625em; vertical-align:top; } .time-listing h3 { padding:.625em; } .time-listing h4 { height:2.2857em; line-height:2.2857em; padding-left:0.7143em; background-color:#009bd4; color:#ffffff; font-size:.875em; text-transform:uppercase; font-family:arial,helvetica; font-weight:bold; } .time-listing p { font-size:.6875em; padding:0 0.9091em 0.9091em .9091em; margin:0; } .time-listing-table-container { width:100%; overflow:auto; overflow-x:hidden; height:7.9375em; margin-top:0.125em; } .time-listing-table-container-js { height:auto; } .time-listing table { border-collapse:collapse; width:100%; font-size:1em; table-layout:fixed; } .time-listing table col.time { width:5.5em; } .time-listing table thead { display:none; } .time-listing table tr { background-color: #009bd4; } .time-listing table td { color:#ffffff; border:0; border-bottom:0.125em solid #ffffff; white-space:nowrap; } .time-listing table td.time { font-weight:bold; text-align:center; } .time-listing table td.time div {height:2em;line-height:2em; white-space:nowrap; } .time-listing table td.time div span{font-size:.6875em;} .time-listing table td.programme { border-bottom-width:0.1818em; padding-left:1em; font-weight: normal; border-left:0.1818em solid #ffffff;font-size:.6875em; } .time-listing table tr.noborder td{ border-bottom-width:0; } .time-listing td a:link, .time-listing td a:visited { color:#ffffff; } .time-listing-navbar { border:solid #cccccc; border-width:0.0625em 0; margin-top:0.125em; } .time-listing-navbar-inner { height:1.5em; } .time-listing-navbar-pos { position:absolute; height:1.5em; } .time-listing-navbar-bar { position:absolute; bottom:0; left:5.5em; height:50%; border-left:.0625em solid #cccccc; overflow:hidden; width:.25em; } .time-listing-navbar-bar-bottom { top:0; } .time-listing-navbar-img { position:absolute; top:.625em; left:6.25em; width:2em; cursor:pointer; cursor:hand; } .time-listing-navbar-img img { width:0.8125em; height:0.4375em; } .time-listing-navbar-text { position:absolute; font-size:0.6875em; top:0.5455em; left:10.8182em; white-space:nowrap; cursor:pointer; cursor:hand; } .time-listing-navbar-text span { margin-left:0.3636em; } .time-listing-footer { clear:both; padding:.625em 0; } .time-listing-footer ul { margin:0 0 0 .625em; padding:0; } .time-listing-footer ul li { float:left; margin:0 0 0 0; padding:.25em 0 0 0; list-style-type:none; width:48%; } .time-listing-footer ul li.left { clear:both; } .time-listing-footer ul li p { padding:0; } /*********************** 2 column borderless single programme main comp compclass : one-to-watch ------------ ENT 6.1 ***********************/ .one-to-watch {} .one-to-watch p {font-size:.6875em; margin:0 0 1em 0;} .one-to-watch h3 { } .one-to-watch h4 {font-size:.875em; margin:1em 0 0.5em 0; padding:0; font-family:arial,helvetica;} .one-to-watch .hero-image-text img {float:left; margin:0 1em 0.2em 0; width:7.5em; height:10em;} .one-to-watch .hero-image-text-home img {float:left; margin:0 1em 0.2em 0; width:14.3125em; height:11.1875em;} .one-to-watch p.date-time {font-weight:bold; margin:0;} .one-to-watch p.channel {font-weight:bold; margin:0;} .one-to-watch p.info {margin-top:0;} .one-to-watch ul { margin:1em 0 0 0; padding:0;} .one-to-watch ul li {display:inline; padding:0 .9em 0 0; margin:0; list-style-type:none;} .one-to-watch ul li a { text-decoration:none; font-size:.625em; } .one-to-watch ul li a:link, .one-to-watch ul li a:visited { color:#2d076e; } .one-to-watch .top-feature-second-section-container {padding-top:.625em;} .one-to-watch .top-feature-second-section-content {font-size:.625em;} .one-to-watch .top-feature-second-section-container img {margin:0 .625em .3125em 0;width:8.75em;height:6.25em;} .one-to-watch img.plus { width:.5em; height:.5em; margin-right:.5em; } .one-to-watch img.arrow { width:.5em; height:.5em; margin-right:.5em; } .one-to-watch img.flag { width:.5em; height:.625em; margin-right:.5em; } .one-to-watch img.remote { width:.75em; height:.75em; margin-right:0.25em; } /*********************** 2 column series schedule compclass : series-schedule ------------ ENT 6.1 ***********************/ .series-schedule {} .series-schedule .series-schedule-content {padding:.625em; margin:0;} .series-schedule h3 {} .series-schedule h4 {font-size:.875em; font-weight:bold; margin:0 0 0.25em 0; padding:.625em 0 0 0; font-family:arial,helvetica;} .series-schedule p {font-size:.6875em; margin:0 0 1em 0;} .series-schedule p.date-time {font-weight:bold; margin:0; text-decoration:underline;} .series-schedule p.channel {font-weight:bold; margin:0;} .series-schedule ul {margin:1em 0 0 0; padding: 0; border-bottom:1px solid #ccc; height:1.75em;} .series-schedule ul#no-border {list-style-type:none; margin:1em 0 0 0; padding: 0; height:1.75em; border:none;} .series-schedule ul li {display:inline; padding:0 .5625em 0 0; margin:0;} .series-schedule ul li a {text-decoration:none; font-size:.625em; color:#2d076e; } .series-schedule ul li a:link, .series-schedule ul li a:visited { color:#2d076e; } /* .series-schedule ul li a:link, .series-schedule ul li a:visited {text-decoration:none; font-size:.625em; color:#2d076e; } */ .series-schedule img.plus { width:.5em; height:.5em; margin-right:.5em; } .series-schedule img.arrow { width:.5em; height:.5em; margin-right:.5em; } .series-schedule img.flag { width:.5em; height:.625em; margin-right:.5em; } .series-schedule img.remote { width:.75em; height:.75em; margin-right:0.25em; } /*********************** 2 column video gallery compclass : ent-video-gallery-container ------------ ENT 6.1 ***********************/ .ent-video-gallery-container {} .ent-video-gallery-media-player {width:320px;} .ent-video-gallery-media-player object{ width:20em;height:15em; } .ent-video-gallery-media-player embed{ width:20em;height:15em;} .ent-video-gallery-copyright {float:right; font-size:.625em; padding-top:.5em;} .ent-video-gallery-container h3 {clear:both; padding-top:.625em; } .ent-video-gallery-sub-title {font-size:.625em; font-weight:bold; margin-top:.5em;} .ent-video-gallery-intro {font-size:.625em;} .ent-video-gallery-link {margin-top:.7em;} .ent-video-gallery-link a span {font-size:.625em;} .ent-video-gallery-link a {color:#310773; text-decoration:none; margin-right:2em;} .ent-video-gallery-link img {margin-right:.5em; width:.5em; height:.5em;} .ent-video-gallery-list-container {float:left; width:29.5625em; margin-top:.625em;} .ent-video-gallery-list {float:left; padding:0; margin:0; width:100%; list-style-type:none;} .ent-video-gallery-list li {float:left; padding:0; margin:.125em 0 0 0; padding:0;} .ent-video-gallery-list li a {font-weight:bold; color:#000; margin-right:.3125em;} .ent-video-gallery-row-dark {float:left; background:#cfecfc;} .ent-video-gallery-row-light {float:left; background:#e5f6fe;} .ent-video-gallery-item-details {float:left; position:relative; width:29.5625em; overflow:hidden;} .ent-video-gallery-left {float:left; position:relative; margin-top:.125em; font-size:.7em; width:12%; padding:.625em 0 .625em 0; text-align:center;} .ent-video-gallery-right {float:left; position:relative; margin-top:.125em; font-size:.7em; width:80%; padding:.625em 0 .625em 2em;} .ent-video-gallery-spacer {height:10em; position:absolute; left:13%; background:#fff; width:.125em;} /*********************** 2 column image gallery compclass : series-image-gallery ------------ ENT 6.1 ***********************/ .series-image-gallery{} .series-image-gallery-container { padding:.625em; } .series-image-gallery-container h3 { padding-bottom:.3125em;} .series-image-gallery-container h4 {font-size: .875em;padding-bottom:.3125em;font-family:arial,helvetica;color:#000;} .series-image-gallery-intro {padding:.4375em 0 .625em 0; font-size:.7em;} .series-image-gallery-credits {width:13.4375em;} .series-image-gallery-credits span {font-size:.7em; line-height:1.2em;} .series-image-gallery-credits a {font-size:.7em; color:#320770;} .series-image-gallery-preview { clear:both; padding:0.625em 0 0.0625em 0.0625em; } .series-image-gallery-preview img { vertical-align:top; } .series-image-gallery-info {padding:.3125em 0 .625em 0;} .series-image-gallery-image-nav { padding:.3125em 0 0 0; clear:both; } .series-image-gallery-image-nav ul { padding:0; margin:0; list-style:none; height:1em; } .series-image-gallery-image-nav ul li { font-size:0.625em; padding:0; margin:0; float:left; list-style-type:none; } .series-image-gallery-image-nav ul li.navback a{ border-left-width:0; padding-left:0px; } .series-image-gallery-image-nav ul li.navnext a{ border-left-width:0; } .series-image-gallery-image-nav ul li.navfirst a{ border-left-width:0; } .series-image-gallery-image-nav ul li a:link, .series-image-gallery-image-nav ul li a:visited { color:#310870; } .series-image-gallery-image-nav ul li a { padding:0 .7em; border-left:1px #000000 solid; } .series-image-gallery-image-nav ul li.firstitem { border-left-width:0px; padding-left:0;} .series-image-gallery-image-nav ul li a {color:#320770;} /*********************** 2 column TV Favourites - Customise form compclass : favourites-customise ------------ framework 5.1.2.1 ***********************/ .favourites-customise {} .favourites-customise-content { padding: .625em 0 .375em .625em; } .favourites-customise h3 { padding-bottom:.75em; } .favourites-customise h3 label{ display:inline; } .favourites-customise label{ display:none; } .favourites-customise .group-name input { vertical-align:middle; font-size: .625em; font-family: verdana, arial; width: 20.5em; } .favourites-customise .columns { clear:both; margin-top:1em; } .favourites-customise .columns .column-left { float:left; width:49%; } .favourites-customise .columns .column-right {float:left; padding-left:1em;} .favourites-customise .columns .column-footer {clear:both; height:1px; overflow:hidden; } .favourites-customise .column-left div{ height:1.375em} .favourites-customise .column-left div.divider { height:1px; overflow:hidden; background-color:#cccccc; margin:.6875em 0; } .favourites-customise .divider hr { display:none; } .favourites-customise select { font-size: .625em; font-family: verdana, arial; } .favourites-customise .column-left select { width: 16em; vertical-align:middle; } .favourites-customise .column-right select { width: 21em; } .safari .favourites-customise-content .column-left select, .safari .favourites-customise-content button.btn-add{ vertical-align:top; } .favourites-customise button { vertical-align:middle; border-width:0px; font-family:arial, helvetica; font-size:.75em; height:1.25em; font-weight:bold; color:#009bd4; text-transform:uppercase; background-color:transparent; cursor:pointer; cursor:hand; } .favourites-customise button.btn-name { margin-left:.75em;text-align:left; padding-left:0px;} .favourites-customise button.btn-name img { width:0.9167em; height:0.75em; margin-right:.25em;} .favourites-customise button.btn-add { margin-left:.5em; text-align:right; } .favourites-customise button.btn-add img { width:0.9167em;height:0.75em; margin-left:.25em; } .favourites-customise button.btn-remove { text-align:left; padding-left:0px; display:block; margin-top:.5em; } .favourites-customise button.btn-remove img { width:0.9167em; height:0.75em; margin-right:.25em;} .favourites-customise button.btn-save { font-size: .875em; text-align:right; padding-right:0px; display:none; } .favourites-customise button.btn-save img { width:0.7857em; height:0.6429em; margin-right:.375em;} .favourites-customise .footer { text-align: right; height: 2em; margin: 0; padding: 0 .75em 0 0; clear: both; } /*********************** 1 column My Suggestions compclass : global-suggestions ------------ ENT 1.0, 5.0, 5.1 ***********************/ .global-suggestions{} .global-suggestions-content {padding:0.625em;} .global-suggestions h3 {} .global-suggestions-item { margin-top:.4em; } .global-suggestions-programme { font-size:.75em; font-weight: bold; color: #2d076e; text-transform: uppercase; font-family: arial,helvetica; } .global-suggestions-time {font-size:.625em; font-weight:bold;} .global-suggestions-time a {text-decoration:underline; color:#000;} .global-suggestions-channel {font-size:.625em; font-weight: bold;} .global-suggestions-more-link {margin-top:.6em;} .global-suggestions-rateit {font-size:.625em; font-weight:bold; margin-top:.6em;} /*********************** 1 column My Recommendations compclass : framework-recommendations ------------ framework 5.0, 5.1, 5.1.2, 5.1.2.1 ***********************/ .framework-recommendations { display:none; } .framework-recommendations .recommendations-content { padding:0.625em 0 0.625em 0.625em;} .framework-recommendations h3 {} .framework-recommendations h4 { margin-top:.875em; font-size: .75em; font-weight: bold; color: #000000; text-transform: uppercase; font-family: arial,helvetica; cursor:pointer; cursor:hand; } .framework-recommendations .recommendations-time { font-size: .625em; } .framework-recommendations .recommendations-time span { cursor:pointer; cursor:hand; } .framework-recommendations .recommendations-channel { font-size: .625em; } .framework-recommendations table { table-layout:fixed; border-width:0px; margin-top:.6em; } .framework-recommendations table colgroup.col-rating, .framework-recommendations table colgroup.col-rating col{ width:5em; } .framework-recommendations table colgroup.col-programme, .framework-recommendations table colgroup.col-programme col{ width:8.5em; } .framework-recommendations td { vertical-align:top; padding:0 2px;border-width:0px; } .framework-recommendations th { text-align:left;font-size: .625em; font-weight: bold; padding-bottom: .4em;border-width:0px;} .framework-recommendations th.recommendations-head-programme { visibility:hidden; } .framework-recommendations td.recommendations-rating { vertical-align:top; } .framework-recommendations .recommendations-more-link { margin-top: .625em; clear:both; } .framework-recommendations td.recommendations-rating span{ display:block; height:1.3em; } .framework-recommendations td.recommendations-rating br{ display:none; } .framework-recommendations .no-recommend { font-size:0.75em; color:#4d4d4d; padding:1em; } .framework-recommendations .recommendations-xml div.default_message{ font-size:0.75em; color:#4d4d4d; padding:1em; font-style:italic; } /*********************** 1/2/3 column generic free-text comp compclass : global-freetext ------------ ENT 1.0 framework 5.0, 5.1.1, 5.1.2, 5.1.2.1, 5.2, 5.2.1, 5.2.2.1, 5.2.2.2, 5.2.2.3, 5.2.2.4, 5.3.3 SHOP 3, 3.1, 3.3, 5, 6, 6.1, 7, 10, 13, 14, 23 ***********************/ .global-freetext {} .global-freetext-content { padding:0.625em;} .global-freetext-topleft-image { padding:1px 0 0 1px; width:14.75em; height: 11.5em; float:left; } .global-freetext-topleft-image img { width:14.25em; height:11.1875em; } .global-freetext h3 { } .global-freetext h4 { font-size:0.6875em; font-weight:bold;} .global-freetext-body { font-size:0.6875em; } .global-freetext-body p { margin:.8em 0 0 0;} .global-freetext-body p.phone { color: #f20065; font-size: 1.4545em; font-weight:bold; font-family: arial, helvetica; } .global-freetext-body p.fade { color: #8c8c8c; } .global-freetext-links-container { clear:both; margin-top:.5625em; } .global-freetext-links-container .column-left { width:48%; float:left; } .global-freetext-links-container .column-right { width:48%; float:left; } .global-freetext-links-container .column-footer { clear:both; overflow:hidden; height:1px; margin:0;} .global-freetext-links-container ul { padding:0; margin:0; } .global-freetext-links-container ul li { list-style-type:none; padding:0; margin:0; line-height:.875em; } .largebodytext .global-freetext-body { font-size:.6875em; } .largebodytext .global-freetext-body p { margin-top:.7273em; } .singlecolumn .column-left { width:auto; float:none; } .shop .global-freetext-body .global-freetext-justimage { font-size: 1.4545em; } .shop .global-freetext-body .global-freetext-justimage img{ margin-right: .375em;} .dims15x21 { width:0.9375em; height:1.3125em; } .dims23x21 { width:1.4375em; height:1.3125em; } .dims27x21 { width:1.6875em; height:1.3125em; } .dims28x21 { width:1.75em; height:1.3125em; } .dims40x21 { width:2.5em; height:1.3125em; } .dims48x21 { width:3em; height:1.3125em; } .dims32x16 { width:2em; height:1em; } .dims44x11 { width:2.75em; height:0.6875em; } .dims39x19 { width:2.4375em; height:1.1875em; } /*********************** 1 column log in compclass : global-my-adb-login-container ------------ ENT 1.0 framework 5.0 SHOP 5.1 ***********************/ .global-my-adb-login-container {} .global-my-adb-login-content {padding:0.625em;} .global-my-adb-login-container h3 {height: 1.5625em;} .global-my-adb-login-form-container ul {white-space:nowrap; list-style-type:none; padding:0; margin:0;} .global-my-adb-login-form-container ul li {padding:0; margin:0; height:1.375em;} .global-my-adb-login-form-line {height:1.75em;} ul.global-my-adb-login-help-list {clear:both; margin-top:.375em;} ul.global-my-adb-login-help-list li {display:inline; padding:0; margin:0;} ul.global-my-adb-login-help-list li a {font-size:.625em; color:#000000; margin-right:1.125em;} .global-my-adb-login-submit-container {text-align:right; margin:.625em .4em 0 0;} .global-my-adb-login-submit-container button{ text-align:right ;} .global-my-adb-login-form-container input#userid, .global-my-adb-login-form-container input#userpassword {width:14em; vertical-align:middle; font-size:.625em; font-family:verdana,arial;} .global-my-adb-login-form-container label {width:6em; float:left; padding-top:.4em; font-size:.625em; } .global-my-adb-login-form-container ul li.global-my-adb-login-form-checkbox-list-item { padding-top:.3125em; } .global-my-adb-login-form-checkbox-list-item input, .global-my-adb-login-form-checkbox-list-item label {vertical-align:middle; width:auto; padding-left:0; margin-left:0; float:none; vertical-align:middle; padding-top:0; } /*********************** 2 column My TV Favourites list compclass : tv-fav-groups ------------ framework 5.1.2 ***********************/ .tv-fav-groups h3 { background-color: #d8dcdf; padding: .25em 0 .25em .5em; text-transform:none;} .tv-fav-groups ul { margin: 0; padding: 0; } .tv-fav-groups ul li {list-style-type: none; padding: .6em 1em .6em 1em; border-bottom: 1px solid #cccccc; } .tv-fav-groups div.fav-group-name { float: left; } .tv-fav-groups div.fav-group-name a {font-size: .6875em;} .tv-fav-groups div.fav-group-name a:link{ color: #000000; } .tv-fav-groups div.fav-group-name a:visited{ color: #000000; } .tv-fav-groups div.buttons { text-align: right; } .tv-fav-groups div.buttons a { margin-left:2em; } .tv-fav-groups div.buttons a.guillemet span { font-size:.75em; } /*********************** 2 column framework genres main linklist compclass : genre-listing ------------ ENT 2.0, 8.0 framework 5.1 ***********************/ .genre-listing {} .genre-listing-top-image { padding:1px 0 0 1px; overflow:hidden; } .genre-listing-top-image img { height:9.6875em; width:29.5625em; } .genre-listing-content { padding: 0.375em 0.625em 0.625em } .genre-listing-content h3{} .genre-listing-body {} .genre-listing-body p { font-size:0.6875em; margin:.5em 0 0 0; } .genre-listing-links-container{ margin-top:.75em; } .genre-listing-links-container { clear:both; margin-top:.5625em; } .genre-listing-links-container .column-left { width:48%; float:left; } .genre-listing-links-container .column-right { width:48%; float:left; } .genre-listing-links-container .column-footer { clear:both; overflow:hidden; height:1px; margin:0;} .genre-listing-links-container ul { padding:0; margin:0; } .genre-listing-links-container ul li { list-style-type:none; padding:0; } .genre-listing-links-container li.column-heading { margin-left:0; text-indent:0;} .genre-listing-links-container li.column-heading h4 { color:#1095cd; font-size:.75em;font-weight:bold; text-transform:uppercase; font-family:arial,helvetica; } .genre-listing-links-container li.column-heading h4 a { font-size:1em; } .framework .genre-listing-links-container li h4 { color:#000000; } .framework .genre-listing-links-container a:link{ color:#1095cd; } .framework .genre-listing-links-container a:visited{ color:#1095cd; } /*********************** 2 column planner table compclass : planner-listing ------------ framework 5.1.1 ***********************/ .planner-listing{} .planner-listing-head{} .planner-listing-nav { height:1.5625em; background-color:#ffffff; margin-top:2px; } .planner-listing-nav .container { position:relative; top:0; left:0; height:1.5625em; overflow:hidden; } .planner-listing-nav .container a { font-size:.6875em; } .planner-listing-nav .container div.cell-left-img a { font-size:1em; } .planner-listing-nav .container a:link, .planner-listing-nav .container a:visited { color:#000; } .planner-listing-nav .container div { position:absolute; height:1.5625em; text-align:center; line-height:1.3125em; } .planner-listing-nav .container div img { position:relative; top:.4375em; height:0.4375em; width:0.8125em; } .planner-listing-nav .container div div {left:0; bottom: 0; border-left: 1px #cccccc solid; height:50%; overflow:hidden;} .planner-listing-nav .container div.cell-left-img { left:0; top:.0625em; text-align:left; padding-left:.375em; } .planner-listing-nav .container div.cell-left { left:1.5em; top:.0625em; text-align:left; } .planner-listing-nav .container div.cell-middle { top:.0625em; padding-left:.5em; line-height:1.5625em;} .planner-listing-nav .container div.date {left:17.3125em;} .planner-listing-nav .container div.time-start {left:22.8125em; } .planner-listing-nav .container div.time-finish {left:27.75em; } .planner-listing-nav .container div.channel {left:30.8125em;} .planner-listing-nav .container div.action {left:40.3125em;} .planner-listing-nav .container div span{ font-size:0.6875em; } .planner-listing-body{ margin-top:2px; } .planner-listing-body table { table-layout:fixed; width: 45em; font-size:1em; } .planner-listing-body table col#col-programme { width:13.875em; } .planner-listing-body table col#col-options { width:3.5em;} .planner-listing-body table col#col-date { width:5.5em; } .planner-listing-body table col#col-time { width:8em; } .planner-listing-body table col#col-channel { width:9.5em; } .planner-listing-body table col#col-action { } .planner-listing-body thead { display:none; } .planner-listing-body tr { height:2em; background: #009bd4; } .planner-listing-body td { white-space:nowrap; height:2em; text-align:left; font-weight:bold; font-size:.625em; padding-left:.5em; color:#ffffff; border-top:2px solid #ffffff; border-right:2px solid #ffffff; } .planner-listing-body tr.firstrow td{ border-top-width:0px; } .planner-listing-body td.programme { border-right-width:0px; } .planner-listing-body td.options { text-align:right; padding-left:0px; } .planner-listing-body td.options { font-size:1em; } .planner-listing-body td.options img { margin-right:.5em; vertical-align:middle; } .planner-listing-body td.options img.plus { width:.5em; height:.5em; } .planner-listing-body td.options img.arrow { width:.5em; height:.5em; } .planner-listing-body td.options img.flag { width:.5em; height:.625em; } .planner-listing-body td.options img.remote { width:.75em; height:.75em; } .planner-listing-body td.action {padding-left:0px; border-right-width:0px; background:#ffffff; color:#000000; font-size:1em; font-weight:normal; } .planner-listing-body td.action div{ border:1px #cccccc solid; height:1.875em; } .planner-listing-body td.action div div{ border-width:0px; height:auto; padding:.5em 0 0 .5em;} .planner-listing-body td.action img { width:.5em; height:.5em; margin-right:.5em; } .planner-listing-body td.action a { font-size:.625em; } .planner-listing-body td a {} .planner-listing-body td a:link, .planner-listing-body td a:visited{ color:#ffffff; } .planner-listing-body td.action a:link, .planner-listing-body td.action a:visited{ color:#000000; } .planner-listing-body td.selected { background-color:#fdda26; cursor:pointer; cursor:hand; } .planner-listing-body td.selected a { font-weight:bold; } .planner-listing-body td.selected a:link, .planner-listing-body td.selected a:visited { color:#0131a0; } .planner-listing-body td.currentpopout { background-color:#fdda26; cursor:pointer; cursor:hand; } .planner-listing-body td.currentpopout a { font-weight:bold; } .planner-listing-body td.currentpopout a:link, .planner-listing-body td.currentpopout a:visited { color:#0131a0; } .planner-listing-body td.currentpopout { background-color:#fdda26; } .planner-listing-body tr.popout, .planner-listing-body tr.popout td{ width:45em!important; background-color: transparent; height:auto; font-size:1em; padding:0;border-right-width:0px;} .planner-listing-body tr.popout td h4.message { margin-left:1em; font-size: .75em; height: 4em; line-height: 4em; color:#0131a0; } .planner-listing-foot{} .planner-listing-body .global-progpopout-container{height:10em;} /******************sugg */ /*********************** 2 column profile details compclass : framework-profile-main ------------ framework 5.3, 5.3.2, 5.3.2.1, 5.3.3, 5.3.4 ***********************/ .framework-profile-main {} .framework-profile-main-content { padding:0.625em; } .framework-profile-main-content h3 {} .framework-profile-main-body {} .framework-profile-main-body p { margin: .375em 0 0 0; font-size:0.6875em; color:#000000; } .framework-profile-main-links-container { } .framework-profile-main-links-container .column-left { width:48%; float:left; } .framework-profile-main-links-container .column-right { width:48%; float:left; } .framework-profile-main-links-container .column-footer { clear:both; overflow:hidden; height:1px; margin:0;} .framework-profile-main-links-container ul { padding:0px; margin:0px; margin-top:.375em; } .framework-profile-main-links-container ul li{ clear:both; margin:0; list-style-type:none; padding:0px;} .framework-profile-main-links-container ul li.column-heading { text-indent:0; margin-left:0;} .framework-profile-main-links-container ul li.column-heading h4 { color: #000000;font-size: .75em; text-transform:uppercase; font-family: arial,helvetica;} .framework-profile-main-users-container { margin:0; padding:0px; clear:both; } .framework-profile-main-users-container ul { list-style-type:none; padding:0px; margin:0; } .framework-profile-main-users-container ul li { height:1em; clear:both; margin-top: .4em; padding-top: .4em; border-top: 1px #cccccc solid; } .framework-profile-main-users-container ul li .framework-profile-main-userbuts a {margin-left: 1.5em; text-decoration: none; font-weight:bold; text-transform:uppercase; font-family: arial,helvetica; } .framework-profile-main-users-container ul li a:link, .framework-profile-main-users-container ul li a:visited { color: #1095cd; } .framework-profile-main-users-container ul li .framework-profile-main-userbuts img { width:0.6875em; height:0.5625em; margin-right: .5em;} .framework-profile-main-users-container ul li .framework-profile-main-userbuts a span { font-size:.75em; } .framework-profile-main-username { float:left; line-height:1.1em; } .framework-profile-main-username span { font-size: 0.6875em; } .framework-profile-main-userbuts { float:right; text-align: right; line-height:1em; } .framework-profile-main-users-container ul li .framework-profile-main-username a { font-size: 0.6875em; text-decoration:underline; } .framework-profile-main-users-container ul li .framework-profile-main-username a:link, .framework-profile-main-users-container ul li .framework-profile-main-username a:visited { color: #000000; } .framework-profile-main-divider hr { display:none } .framework-profile-main-divider { clear:both; height:1px; background-color:#cccccc; overflow:hidden; margin:0.625em 0 0.625em 0;} .framework-profile-main-subsection {} .framework-profile-main-services-container { margin-top:.6em; padding:0px; clear:both; } .framework-profile-main-services-container ul { list-style-type:none; padding:0px; margin:0; } .framework-profile-main-services-container ul li { height:1em; padding-top: .375em; padding-bottom:0.5625em; border-top: 1px #cccccc solid; } .framework-profile-account-details table{font-size:1em;} .framework-profile-account-details td.cell-upgrade a { text-decoration: none; font-weight:bold; text-transform:uppercase; font-family:arial,helvetica; } .framework-profile-account-details td.cell-upgrade a img {width:0.6875em; height:0.5625em; margin-right: .4em; } .framework-profile-account-details td.cell-upgrade a span { font-size:.8125em; } .framework-profile-main-services-container ul li a:link, .framework-profile-main-services-container ul li a:visited, .framework-profile-account-details td.cell-upgrade a:link, .framework-profile-account-details td.cell-upgrade a:visited { color: #1095cd; } .framework-profile-main-servicename { float:left; font-size: .875em; font-weight:bold; font-family: arial, helvetica; } .framework-profile-main-servicebuts { text-align: right; } .framework-profile-main-servicebuts img { width:0.6875em; height:0.5625em; margin-right: .5em;} .framework-profile-main-servicebuts a {text-decoration: none; font-weight:bold; text-transform:uppercase; font-family: arial,helvetica;} .framework-profile-main-servicebuts a span { font-size:.75em; } .framework-profile-user-details, .framework-profile-account-details { table-layout:fixed; width:27em; font-size:1em;} .framework-profile-user-details thead, .framework-profile-account-details thead { } .framework-profile-user-details thead tr, .framework-profile-account-details thead tr { height:1px; } .framework-profile-user-details thead th div, .framework-profile-account-details thead th div{ visibility:hidden; height:1px; overflow:hidden; } .framework-profile-user-details th, .framework-profile-account-details th { text-align:left; font-size:0.6875em; } .framework-profile-user-details tr, .framework-profile-account-details tr { height:1.875em; } .framework-profile-user-details td, .framework-profile-account-details td { text-align:left; vertical-align:top; font-size:.6875em; } .framework-profile-user-details td.cell-type, .framework-profile-account-details td.cell-type { font-weight:bold; } .framework-profile-user-details td.cell-value, .framework-profile-account-details td.cell-value { color: #1095cd; } .framework-profile-user-details #column-type { width: 9.3125em; } .framework-profile-user-details #column-value { color:blue; } .framework-profile-account-details { margin-top:1.375em; } .framework-profile-account-details #column-type { width: 10.25em; } .framework-profile-account-details #column-value { } .framework-profile-account-details #column-upgrade { width: 6.5em; } .framework-profile-account-details td.cell-upgrade { font-size: .9375em; text-align:right; } /*********************** 2 column this week's featured channels compclass : ent-channels-this-weeks-featured-channels ------------ ENT 5.0 ***********************/ .ent-channels-this-weeks-featured-channels {} .ent-channels-this-weeks-featured-channels-content {padding:.625em 1px 0 1px;} .ent-channels-this-weeks-featured-channels h3 { padding-left:.625em; } .ent-channels-this-weeks-featured-channels-table-container {margin-top:.25em; width:100%; } .ent-channels-this-weeks-featured-channels table {border-collapse:collapse; border-color:#fff; border-spacing:2px; table-layout:fixed; width:100%; margin-top:.55em;} .ent-channels-this-weeks-featured-channels col#leftcolumn {width:9.6em; border-right:2px solid #fff; } .ent-channels-this-weeks-featured-channels tr { background-color: #009bd4; border-bottom:2px solid #fff;} .ent-channels-this-weeks-featured-channels td.channel{font-weight:bold;color:#ffffff;} .ent-channels-this-weeks-featured-channels td { padding:.5em .5em .5em 1em; font-size:.7em;border-color:#fff; } .ent-channels-this-weeks-featured-channels td a:link, .ent-channels-this-weeks-featured-channels td a:visited {color:#ffffff;} .ent-channels-this-weeks-featured-channels .footer {clear:both; padding:.625em 0; } .ent-channels-this-weeks-featured-channels .footer ul { margin:0 0 0 .625em; padding:0; } .ent-channels-this-weeks-featured-channels .footer ul li{ margin:0 0 0 0; padding:.25em 0 0 0; list-style-type:none; width:48%; } .ent-channels-this-weeks-featured-channels .footer ul li.left{ clear:both;float:left; } .ent-channels-this-weeks-featured-channels .footer ul li p{ padding:0; } /*********************** 2 column rated recommendations compclass : rated-recommendations ------------ framework 5.2.3 ***********************/ .rated-recommendations {} .rated-recommendations-content {padding: 1px; } .rated-recommendations-content .header-intro {padding: 0.4375em 0.4375em 0.25em .625em;} .rated-recommendations-content h3 {} .rated-recommendations-content p { font-size:0.6875em; font-family: verdana, arial, sans-serif; margin: .4em 0 1em 0;} .rated-recommendations-content ul {margin: 0 0 .75em 0; padding: 0; list-style-type: none;} .rated-recommendations-content ul li {padding: 0.625em .3em 0 .5em; font-weight: bold; font-family: verdana, arial, sans-serif; border-bottom: 2px solid #FFFFFF;} .rated-recommendations-content ul li div.wrapper { height: 1.3125em; } .rated-recommendations-content ul li.dark-grey {background-color: #e5e5e5; } .rated-recommendations-content ul li.light-grey {background-color: #f2f2f2; } .rated-recommendations-content ul li div.programme-title {float: left;font-size: 0.6875em;} /* .rated-recommendations-content ul li div.programme-title span { cursor:pointer; cursor:hand; } */ .rated-recommendations-content ul li div.star-rating { float:right; text-align: right; padding-top:0.1875em; } .rated-recommendations-content ul li div.star-rating-head {text-align: right;font-size: 0.6875em; display:none; } .rated-recommendations-content div.buttons {padding: 0 0.4375em 0 .625em; height: 1.875em;} .rated-recommendations-content div.buttons div.left {float: left;} .rated-recommendations-content div.buttons div.right {float: right;} .rated-recommendations-content p.aoc-rating { font-size:1em; margin:0; } .rated-recommendations-content p.aoc-rating span { margin-right:.5em; } .rated-recommendations-content p.aoc-rating br {display:none; } .rated-recommendations-content .no-recommend { font-size:0.75em; color:#4d4d4d; padding:1em; } .rated-recommendations-content .recommendations-xml div.default_message{ font-size:0.75em; color:#4d4d4d; padding:1em; font-style:italic; } /*********************** 1 column refine your search results compclass : global-refine-search ------------ CS 3.5 OTHER 11, 12 ***********************/ .global-refine-search {} .global-refine-search-content { padding:0.625em 0 0.625em 0.625em; } .global-refine-search-content h3 {} .global-refine-search-content table { margin-top:.375em; font-size:1em; width:13.25em; } .global-refine-search-content table thead { display:none; text-align:left; } .global-refine-search-content table thead th { font-size: 0.6875em; } .global-refine-search-content table tbody td { font-size: 0.6875em; width: 75%; } .global-refine-search-content table tbody td.results { text-align:right; width: 25%; } .global-refine-search-content table tbody td a { } .global-refine-search-content table tbody td a:link { color:#000000; } .global-refine-search-content table tbody td a:visited { color:#000000; } /*********************** 2 column quiz answers compclass : other-templates-quiz-answer ------------ OTHER 6 ***********************/ .other-templates-quiz-answers {} .other-templates-quiz-answers-content {color:#000; padding-bottom:.875em;} .other-templates-quiz-answers colgroup.quiz-name {width:50%;} .other-templates-quiz-answers colgroup.your-answer {width:25%;} .other-templates-quiz-answers colgroup.result {width:25%;} .other-templates-quiz-answers th {background:#ebebeb; font-size:.8em; height:2em; text-align:center;} .other-templates-quiz-answers td {background:#f1f1f1; font-size:.7em; padding:.125em; height:2em; text-align:center;} .other-templates-quiz-answers td img { width:1.16071em;height:0.89285em; } .other-templates-quiz-answers th.firstcol {background:#ebebeb; padding-left:.9375em; text-align:left;} .other-templates-quiz-answers td.firstcol {background:#f1f1f1; padding-left:.9375em; text-align:left;} .other-templates-quiz-answers h3 {padding:.6em .8em .6em .8em;} .other-templates-quiz-answers .other-templates-quiz-answers-footer { margin-top:.625em; padding-left:.625em ; } .other-templates-quiz-answers .other-templates-quiz-answers-footer ul { margin: 0; padding:0; } .other-templates-quiz-answers .other-templates-quiz-answers-footer ul li { margin:0; padding:0; list-style-type:none; } /*********************** 2 column quiz score compclass : quiz-score ------------ OTHER 7 ***********************/ .quiz-score { } .quiz-score-content { padding: .625em 0 0.625em 0; } .quiz-score-content h3 { padding-left:0.625em; } .quiz-score-container{ height:1.875em; background-color:#ebebeb; margin:.5em 1px 0 1px; font-weight: bold;} .quiz-score-text { float:left; width:74%; border-right: 0.125em #ffffff solid; height:100%; } .quiz-score-num { float:left; text-align:center; width:24%; } .quiz-score-text div { text-transform:uppercase; font-size: 0.6875em; padding: 0.75em 0 0 0.75em; } .quiz-score-num div { font-size: 0.6875em; padding: 0.75em 0 0 0.75em; } .quiz-score-body { margin-top: .5em; padding:0 .625em 0 .625em;} .quiz-score-body p { font-size: 0.6875em; margin:.4em 0 0 0; } .quiz-score-links { clear:both; margin-top: .625em; padding:0 .625em 0 .625em;} .quiz-score-links ul { margin:0;padding:0; } .quiz-score-links li { margin:0; padding:0; list-style-type:none; height:1em; } /*********************** 2 column checkbox list compclass : framework-doyoulikelist ------------ framework 5.2.2.1, 5.2.2.2 ***********************/ .framework-doyoulikelist {} .framework-doyoulikelist h3 {} .framework-doyoulikelist .framework-doyoulikelist-content { padding: 0.625em 0.625em 0 0.625em; } .framework-doyoulikelist .framework-doyoulikelist-list-container {} .framework-doyoulikelist input { vertical-align:middle; margin-right: .625em;} .framework-doyoulikelist label { font-size:0.6875em; font-weight:bold; } .framework-doyoulikelist ul { margin:.625em 0 0 0; padding:0; } .framework-doyoulikelist li { float:left; height:1.5em; list-style-type:none;margin:0; padding:0; } .framework-doyoulikelist li input { vertical-align:middle; margin-right: 0.375em; } .framework-doyoulikelist li label { vertical-align:middle; } .framework-doyoulikelist .threecolumn li { width:31%; } .framework-doyoulikelist .twocolumn li { width:45%; } .framework-doyoulikelist .framework-doyoulikelist-footer{ clear:both; height:0.625em; overflow:hidden; } .framework-doyoulikelist .divider hr { display:none } .framework-doyoulikelist .divider { clear:both; height:1px; background-color:#cccccc; overflow:hidden; margin:0.625em 0 0.625em 0;} .framework-doyoulikelist .form-submit { clear:both; text-align:right; margin-top:1em; } .framework-doyoulikelist .form-submit button { white-space:nowrap; text-align:right; font-size:1em; border-width:0px; background-color:transparent; color:#009bd4; font-weight:bold; cursor:pointer; cursor:hand; text-transform:uppercase; font-family:arial,helvetica; font-weight:bold; } .framework-doyoulikelist .form-submit button img { margin-right:0.375em; width:0.6875em; height:0.5625em; } .framework-doyoulikelist .form-submit button span{ font-size:.875em; } /*********************** 2 column interest list compclass : framework-interestlist ------------ framework 5.2.2.1, 5.2.2.2, 5.2.2.4 ***********************/ .framework-interestlist{} .framework-interestlist h3 { padding: 0 .625em 0 .625em; } .framework-interestlist-content { padding: .625em 0 .625em 0; } .framework-interestlist .input-wrapper{ padding: 0 .625em 0 .625em; margin-top: .8em; } .framework-interestlist .input-wrapper input { vertical-align:middle; width: 26em; font-size:0.625em; font-family: verdana, arial; } .framework-interestlist .input-wrapper .inputimage{ vertical-align:middle; margin:0 0 0 .5em; font-size: 1em; width:1.25em; height:1.1875em; padding:0; } .framework-interestlist-table { margin-top:.75em; font-size:1em; table-layout:fixed; width:100%; border-bottom: 1px #cccccc solid; } .framework-interestlist-table th { display:none; } .framework-interestlist-table th { font-size: 0.6875em; font-weight: bold; padding: .25em 0 .25em .8em; } .framework-interestlist-table td { font-size: 0.6875em; font-weight: bold; padding: .25em 0 .25em .8em; border-width:0px; border-top: 1px #cccccc solid; } .framework-interestlist-table td.action{ font-size:1em; text-align:right; padding-left: 0; padding-right:.625em; } .framework-interestlist .interestlist-footer { margin: .625em 0 0 .625em; } /*********************** 3 column Program Popout ------------ ENT 2.1 framework 5.1.1 ***********************/ .global-progpopout-container { height: 13.75em; overflow:hidden; } .global-progpopout-content { font-family:verdana,arial,helvetica; } .global-progpopout-title { background-color:#fdda26; height:2em; overflow:hidden; } .global-progpopout-title-left { float:left; width:65%; } .global-progpopout-title-right { float:right; width:33%; } .global-progpopout-title-left p.time{ text-align:center; margin:0; float:left; height:2em; line-height:2em; width:5em; background-color:#ebbe23; } .global-progpopout-title span { font-size: .875em; font-weight:bold; font-family:arial,helvetica; color:#0131a0;} .global-progpopout-title h4 { width:18em; float:left; padding:0 0 0 .75em; font-weight:bold; height:2em; line-height:2em; } .global-progpopout-title-left p.access{ padding-top:0.5625em; margin:0; float:right; height:2em; color:#000000; font-size: .875em; font-weight:bold; font-family:arial,helvetica; } .global-progpopout-title-left p.access img.speaker{ position:relative; top:0.1429em; width:0.5em; height:0.9286em; margin-right:0.2143em; } .global-progpopout-title-left p.access span{color:#000000;font-size:1em;} .global-progpopout-title-right p.rating{ text-align:center; margin:0; float:left; height:2em; line-height:2em; width:3em; background-color:#ebbe23; } .global-progpopout-title-right p.extras{ margin:0; float:left; height:2em; line-height:2em; width:7em; padding-left:.5em; } .global-progpopout-title-right p.close{ margin:0; float:right; padding-top:0.5em; padding-right:0.625em; text-align:right; } .global-progpopout-title-right p.close img { width:1em; height:0.875em; } .global-progpopout-body, .global-progpopout-column-left, .global-progpopout-column-right { height:12em; overflow:hidden; } .global-progpopout-body { clear: both; background-color:#fbfbfb; } .global-progpopout-column-left { float:left; width:65%; } .global-progpopout-column-left-body { padding:0 .5em .5em .5em; } .global-progpopout-column-left-body p { margin:.75em 0 0 0; font-size: 0.6875em; white-space:normal; } .global-progpopout-column-left-body p.rating-stars{ margin-top:.25em; font-size:1em; } .global-progpopout-column-left-body p.rating-stars img { width:0.625em; height:0.5625em; margin-right:0.0625em; vertical-align:bottom; } .global-progpopout-column-left-footer { margin-top:.75em; } .global-progpopout-column-left-footer a { font-size: 0.6875em; color:#000000;font-weight:normal;} .global-progpopout-column-left-footer a:link { color:#000000!important; } .global-progpopout-column-left-footer a:visited { color:#000000!important; } .global-progpopout-column-left-footer img{ width:.5em; height:.5em; margin-right:.5em;} .global-progpopout-column-right { float:right; width:33%; background-color:#eff0f2; } .global-progpopout-column-right-body { padding:0.625em; } .global-progpopout-column-right-title {} .global-progpopout-column-right-title h5 { font-size: 0.6875em; font-weight:bold; color:#000000;} .global-progpopout-column-right-list { padding-top:.25em;} .global-progpopout-column-right-list ul { margin:0; padding:0; } .global-progpopout-column-right-list ul li { font-weight:normal; margin:.125em 0 0 1.25em; padding:0; list-style-type:none; text-indent:-1.25em; line-height:1em; } .global-progpopout-column-right-list ul li div {} .global-progpopout-column-right-list ul li img { width:0.75em; height:0.75em; margin-right:0.5em; vertical-align:bottom; } .global-progpopout-column-right-list ul li a { } .global-progpopout-column-right-list ul li a:link { color:#000000; } .global-progpopout-column-right-list ul li a:visited { color:#000000; } .global-progpopout-column-right-list ul li a span { font-size: 0.625em; } .global-progpopout-column-right-footer { margin-top:.5em; } .global-progpopout-column-right-footer a { font-size: 0.6875em;color:#000000!important; font-weight:normal; } .global-progpopout-column-right-footer a:link { color:#000000!important; } .global-progpopout-column-right-footer a:visited { color:#000000!important; } /*********************** 3 column suggestions table compclass : sugg-listing ------------ framework 5.2 New ***********************/ .sugg-listing{} .sugg-listing-head{} .sugg-listing-nav { height:1.5625em; background-color:#ffffff; margin-top:2px; } .sugg-listing-nav .container { position:relative; top:0; left:0; height:1.5625em; overflow:hidden; } .sugg-listing-nav .container div { position:absolute; height:1.5625em; text-align:center; line-height:1.3125em; } .sugg-listing-nav .container div div {left:0; bottom: 0; border-left: 1px #cccccc solid; height:50%; overflow:hidden;} .sugg-listing-nav .container div.cell-left { left:.5em; top:.0625em; text-align:left; } .sugg-listing-nav .container div.cell-middle { top:.0625em; padding-left:.5em; line-height:1.5625em;} .sugg-listing-nav .container div.date {left:13.9375em; } .sugg-listing-nav .container div.time-start {left:18.9375em; } .sugg-listing-nav .container div.time-finish {left:23.9375em; } .sugg-listing-nav .container div.channel {left:26.9325em;} .sugg-listing-nav .container div.rating {left:35.9375em;} .sugg-listing-nav .container div span{ font-size:0.6875em; } .sugg-listing-body{ margin-top:2px; } .sugg-listing-body table { table-layout:fixed; width: 45em; font-size:1em; } .sugg-listing-body table col#col-programme { width:14em; } .sugg-listing-body table col#col-date { width:5em; } .sugg-listing-body table col#col-time { width:8em; } .sugg-listing-body table col#col-channel { width:9em; } .sugg-listing-body table col#col-rating { } .sugg-listing-body thead { display:none; } .sugg-listing-body tr { height:2em; background-color: #009bd4; } .sugg-listing-body td { height:2em; text-align:left; font-weight:bold; font-size:.625em; padding-left:.5em; color:#ffffff; border-top:2px solid #ffffff; border-right:2px solid #ffffff; } .sugg-listing-body tr.firstrow td { border-top-width:0px; } .sugg-listing-body td.rating { padding-left:0px; border-right-width:0px; background:#ffffff; color:#000000; font-size:1em; font-weight:normal; } .sugg-listing-body td.rating div{ border:1px #cccccc solid; height:1.875em; } .sugg-listing-body td.rating div div{ border-width:0px; height:auto; padding:.6em 0 0 .5em;} .sugg-listing-body td.rating span { margin-left: .5em; } .sugg-listing-body td.rating br { display:none; } .sugg-listing-body td.selected { background-color:#fdda26; cursor:pointer; cursor:hand; color:#0131a0; } .sugg-listing-body td.currentpopout { background-color:#fdda26; color:#0131a0; } .sugg-listing-body td a {} .sugg-listing-body td a:link, .sugg-listing-body td a:visited{ color:#ffffff; } .sugg-listing-body tr.popout, .sugg-listing-body tr.popout td{ width:45em!important; background-color: transparent; height:auto; font-size:1em; padding:0; border-right-width:0px; } .sugg-listing-body tr.popout td h4.message { margin-left:1em; font-size: .75em; height: 4em; line-height: 4em; color:#0131a0; } .sugg-listing-foot{} .sugg-listing-body .global-progpopout-container{ height:12em; } .sugg-listing-body .no-recommend { font-size:0.75em; color:#4d4d4d; padding:1em; } .sugg-listing-body .recommendations-xml div.default_message{ font-size:0.75em; color:#4d4d4d; padding:1em; font-style:italic; } /*********************** bottom-of-page "fine-print" text displayed in dynamic popup if JS turned on .anchor-popup-link{ font-size: .625em; } .anchor-popup-link-content{ padding: 1em;} .anchor-popup-link-content a.link-return{ display:block; height:1em; text-align:right; } ***********************/ /*********************** 2 column My adb Login Large compclass : my-adb-login-large ------------ OTHER 14 ***********************/ .my-adb-login-large {} ul.global-form-login-help-list {clear:both; margin-top:0; float:left;} ul.global-form-login-help-list li {display:inline; padding:0; margin:0; list-style-type:none;} ul.global-form-login-help-list li.single { display:block; } ul.global-form-login-help-list li.single input { vertical-align:middle; } ul.global-form-login-help-list li.single label { font-size:.625em; vertical-align:middle; } ul.global-form-login-help-list li a {font-size:.625em; margin-right:1.125em;} ul.global-form-login-help-list li a:link, ul.global-form-login-help-list li a:visited { color:#000000; } .global-form-inputline .global-form-login-right {text-align:right;} .global-form-inputline button {text-align:right; white-space:nowrap;} .my-adb-login-large-freetext {font-size:.6875em;} /*********************** 1 column Poll (css powers both voting + results components) compclass : poll ------------ OTHER 13 ***********************/ .poll {} .poll-content { padding:.625em;} .poll h3 {} .poll-content p { font-size:.6875em; padding:.5454em 0;} .poll-content ul { margin:0; padding:0;} .poll-content li { padding:0; margin:0; list-style-type:none; margin-top:.125em;} .poll-content li input { } .poll-content li span.input { display:block; position:absolute; width:1.5em; } .poll-content li span.label { display:block; padding-left:1.5em; width:11em; padding-top:.125em;} .poll-content li label { font-size:0.6875em; } .poll-content li.poll-item {padding:.125em 0;} .poll-content .poll-item span {font-size:.6875em;} .poll-content .poll-result {padding:.125em 0; width:100%; height:.75em;} .poll-content .poll-result span.bluebar {display:block; float:left; background:#009bd4; margin-right:0.3125em; font-size:1em; height:.8125em; overflow:hidden; } .poll-content .poll-result span.percent {display:block; font-size:.6875em; height:.75em;} .poll-vote-submit-container {clear:both; text-align:right; padding:.625em .375em 0 0; } .poll-vote-submit-container button.butdisabled { opacity: .5; filter:alpha(opacity=50); cursor:default; white-space:nowrap; } /*********************** 2 column Booking Confirmation compclass : booking-confirm ------------ OTHER 15 ***********************/ .booking-confirm {} .booking-confirm-content { height:29em; } .booking-confirm h4 { text-transform:uppercase; font-size:1em; font-family:arial; margin-top:.25em;} .booking-confirm p{ margin:0; font-size:0.625em; } .booking-confirm a { font-weight:bold; } .booking-confirm a:link, .booking-confirm a:visited { color:#000000; } .booking-confirm-links { margin-top:1em; } .booking-confirm-links ul { margin:0; padding:0; } .booking-confirm-links li { margin:0; padding:0; list-style-type:none; width:45%; float:left; }