/* skycom_ms.css v 7 2009-07-12 */ /********************** MY SKY REVISED grid ***************/ body, #aoc-footer, #aoc-header, #aoc-header-top-inner { background:#fff; } #aoc-body { height:1%; padding-top:0; } #aoc-header-bottom-inner { background:transparent url(/images/skycom/extended-grid/1024/GREY/ms-bg-top.png) no-repeat center bottom; } #aoc-header-bottom, #aoc-body-main, #aoc-pagecontent-inner { background:#4e566b; } .aoc-title h2, #aoc-welcome p { color:#fbfffb; } #aoc-header-buts li a:link, #aoc-header-buts li a:visited { color:#92c7f1; } .aoc-columns-container .aoc-gutter-horiz { height:.625em; } .aoc-columns-container { height:20.1875em; background:#4e566b url(/images/skycom/extended-grid/1024/GREY/ms-bg-strip.png) repeat-y center bottom; padding-bottom:.9375em; } html>body .aoc-columns-container { min-height:20.1875em; height:auto; } .aoc-title h2 img { float:left; margin-right:.3125em; } .aoc-clear { clear:both; } h3 { padding:0 .6875em .1875em .6875em; } h3 a { font-size:1em; } .content { padding:.1875em .625em; } .wrapper { border:1px solid #dbdbdb; overflow:visible; padding-bottom:0.625em; *display:inline-block;} .ie .wrapper { *display:inline-block;} /********************** MY SKY ROUNDED CORNERS ***************/ div.main { background:#f6f7f9 url(/images/skycom/extended-grid/1024/GREY/ms-bg.gif) repeat-x left bottom; } div.l { background:transparent url(/images/skycom/extended-grid/1024/GREY/ms-l.gif) repeat-y left top; width:100%; } div.r { background:transparent url(/images/skycom/extended-grid/1024/GREY/ms-r.gif) repeat-y right top; } div.top, div.middle-title { position:relative; height:7px; overflow:hidden; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#063A73', endColorstr='#08254D'); /*IE*/ background-image: linear-gradient(top, rgb(6,59,115) 44%, rgb(8,41,86) 72%, rgb(8,37,77) 86%); background-image: -o-linear-gradient(top, rgb(6,59,115) 44%, rgb(8,41,86) 72%, rgb(8,37,77) 86%); background-image: -moz-linear-gradient(top, rgb(6,59,115) 44%, rgb(8,41,86) 72%, rgb(8,37,77) 86%); background-image: -webkit-linear-gradient(top, rgb(6,59,115) 44%, rgb(8,41,86) 72%, rgb(8,37,77) 86%); background-image: -ms-linear-gradient(top, rgb(6,59,115) 44%, rgb(8,41,86) 72%, rgb(8,37,77) 86%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.44, rgb(6,59,115)), color-stop(0.72, rgb(8,41,86)), color-stop(0.86, rgb(8,37,77)) ); } div.t { background:transparent url(/images/skycom/extended-grid/1024/GREY/ms-t.gif) repeat-x left top; height:7px; overflow:hidden; margin:0 7px; } div.tl { background:transparent url(/images/skycom/extended-grid/1024/GREY/ms-tl.gif) no-repeat left top; height:7px; width:7px; overflow:hidden; position:absolute; left:0; top:0; } div.tr { background:transparent url(/images/skycom/extended-grid/1024/GREY/ms-tr.gif) no-repeat right top; height:7px; width:7px; overflow:hidden; position:absolute; right:0; top:0; } div.bot { position:relative; width:100%; height:7px; overflow:hidden; background:transparent; } div.b { background:transparent url(/images/skycom/extended-grid/1024/GREY/ms-b.gif) repeat-x left top; height:7px; overflow:hidden; margin:0 7px; } div.bl { background:transparent url(/images/skycom/extended-grid/1024/GREY/ms-bl.gif) no-repeat left top; height:7px; width:7px; overflow:hidden; position:absolute; left:0; top:0; } div.br { background:transparent url(/images/skycom/extended-grid/1024/GREY/ms-br.gif) no-repeat right top; height:7px; width:7px; overflow:hidden; position:absolute; right:0; top:0; } /********************** EPG MIN-HEIGHT,ETC ***************/ .epg-min-height { height:37.375em; } html>body .epg-min-height { min-height:37.375em; height:auto; } .ie6 .epg-min-height-rounded { height:38.25em; } html>body .epg-min-height-rounded { min-height:37.25em; height:auto; } body .epg-min-height .skyEPG, body .epg-min-height-rounded .skyEPG { top:0; } body .epg-min-height-rounded .wrapper { z-index:0; } /*********************** compclass : ms-linklist name : My Sky V2 Link List basesize : single ------------ ***********************/ .ms-linklist {} .ms-linklist h3 { padding:0 .6875em .1875em .6875em; } .ms-linklist h3 a { font-size:1em; } .ms-linklist .content { padding:.1875em .625em; } .ms-linklist .wrapper { clear:both; position:relative; border:1px #dbdbdb solid; padding-bottom: 0; } .ms-linklist .ln-content { position:relative; overflow:hidden; } .ms-linklist .ln-list { position:relative; overflow:hidden; } .ms-linklist ul { position:relative; margin:0; padding:0; width:100%; overflow:hidden; } .ms-linklist ul li { line-height:1em; margin:0; padding:0; list-style-type:none; position:relative; clear:both; float:left; width:100%; border:1px solid #dbdbdb; border-width:1px 0 0 0; } .ms-linklist ul li.first { border:0; } .ms-linklist ul li a { position:relative; font-size:.75em; padding:.4167em .6667em .4167em .8333em; display:block; background:#fff url(/images/skycom/extended-grid/1024/GREY/ms-linklist-item-bg.jpg) repeat-x bottom left; } /*********************** compclass : ms-linkbar name : My Sky V2 Link Bar basesize : single ------------ ***********************/ .ms-linkbar {} .ms-linkbar h3 { padding:0 .6875em .1875em .6875em; } .ms-linkbar h3 a { font-size:1em; } .ms-linkbar .content { padding:.1875em .625em; } .ms-linkbar .wrapper { clear:both; position:relative; border:1px #dbdbdb solid; padding-bottom:0; } .ms-linkbar .ln-content { position:relative; overflow:hidden; } .ms-linkbar .ln-list { position:relative; overflow:hidden; } .ms-linkbar ul { position:relative; margin:0; padding:0; width:100%; overflow:hidden; } .ms-linkbar ul li { line-height:1.375em; height:1.5625em; margin:0; padding:0; list-style-type:none; float:left; width:33%; border:solid #dbdbdb; border-width:0 0 0 1px; } .ms-linkbar ul li.first { border:0; } .ms-linkbar ul li a { position:relative; font-size:.75em; width:auto; height:2.0833em; padding:.4167em .625em; margin:0; background:transparent url(/images/skycom/extended-grid/1024/GREY/extended-grid/ms-linkbar-item-bg.jpg) repeat-x bottom left; } .ms-linkbar ul li span { position:relative; font-size:.75em; height:2.0833em; padding:0 .625em; margin:0; background:transparent url(/images/skycom/extended-grid/1024/GREY/ms-linkbar-item-bg.jpg) repeat-x bottom left;} /*********************** compclass : ms-teaser name : My Sky V2 Teaser basesize : single ------------ ***********************/ .ms-teaser {} .ms-teaser h3 { padding:0 .6875em .1875em .6875em; } .ms-teaser .content { padding:.1875em .625em; position: relative !important; } .ms-teaser .wrapper { background-color:#fff; border:1px solid #dbdbdb; overflow: hidden; padding-bottom:.625em; display:block; } .ms-teaser h4 { font-size:.75em; margin:.625em .625em 0 .625em; } .ms-teaser p { font-size:.75em; margin:.625em .625em 0 .625em; } .ms-teaser ul { font-size:.75em; padding:0; margin:.625em .625em 0 .625em; padding-top:.625em; background:transparent url(/images/skycom/extended-grid/1024/GREY/ms-dotted-hr.gif) 0 0 repeat-x; font-size:.75em; list-style:none; } .ms-teaser ul.first { background:none; padding-top:0; } .ms-teaser ul li { line-height:1.1667em; } .ms-teaser hr { margin:0; padding:0; } .ms-teaser.wide.with-img img { float:left; margin-bottom:-.625em; } .ms-teaser.wide.with-img h4 { margin-left:16.25em; } .ms-teaser.wide.with-img p { margin-left:16.25em; } .ms-teaser.wide.with-img ul { margin-left:16.25em; } /*********************** compclass : ms-profile name : My Sky V2 Profile basesize : single ------------ ***********************/ .ms-profile {} .ms-profile h3 { padding:0 .6875em .1875em .6875em; } .ms-profile .content { padding:.1875em .625em; } .ms-profile .wrapper { background-color:#fff; border:1px solid #dbdbdb; overflow:auto; padding-bottom:.625em; display:inline-block; } .ms-profile h4 { font-weight: normal; } .ms-profile p { font-weight: bold; } .ms-profile ul { margin: 0; padding:0; list-style:none; } .ms-profile ul.first { background:none; padding-top:0; } .ms-profile ul li { line-height:1.1667em; } .ms-profile hr { margin:0; padding:0; } .ms-profile div.section { font-size:.75em; margin: .625em .625em 0 .625em; padding-top: 0.625em; background:transparent url(/images/skycom/extended-grid/1024/GREY/ms-dotted-hr.gif) 0 0 repeat-x; } .ms-profile div.section.first { padding-top: 0; background: none; } /*********************** compclass : ms-tools name : My Sky V2 Tools and Email basesize : single ------------ ***********************/ .ms-tools {} .ms-tools h3 { color:#000; padding:0 0 .1875em .6875em; } .ms-tools .content { padding:.1875em .625em; } .ms-tools .wrapper { background-color:#fff; border:1px solid #dbdbdb; padding:0 .3125em; } .ms-tools img { height:3em; width:2.5625em; padding:0 .125em; } /*********************** compclass : minirecs name : My Sky V2 Mini Recommendations basesize : single ------------ ***********************/ .minirecs {} body .recs-visible { display:block; } .minirecs h3 { padding:0 0 .1875em .6875em; } .minirecs h3 a { font-size:1em; } .minirecs .minirecs-content { padding:.1875em .625em; } .minirecs .wrapper { clear:both; position:relative; border:1px #dbdbdb solid; background:#fff; padding:.25em; } .minirecs h4 { font-size:.75em; font-weight:bold; color:#666; cursor:pointer; cursor:hand; } .minirecs .recs-body{ display:none; } .minirecs .recs-foot{ display:none; margin:0 0 .375em 0; clear:both; } .minirecs .recs-foot ul { padding:0 0 0 .125em; margin:0; list-style:none; } .minirecs .recs-foot li { font-size:.75em; line-height:1.1667em; } .minirecs table { table-layout:fixed; border-width:0px; margin-top:.0625em; } .minirecs table colgroup.col-rating, .minirecs table colgroup.col-rating col{ width:3.6em; } .minirecs table colgroup.col-programme, .minirecs table colgroup.col-programme col{ width:9em; } .minirecs th { text-align:left; font-size:.6875em; padding:0 0 .4545em .1818em; border-width:0px; color:#929292; } .minirecs th.col-programme-head { visibility:hidden; } .minirecs td { vertical-align:top; padding:0 2px; border-width:0px; } .minirecs td.minirecs-rating { vertical-align:bottom; margin-right:5px; } .minirecs td.minirecs-rating span{ display:block; height:1.3em; } .minirecs td.minirecs-rating br{ display:none; } .minirecs .no-recommend { font-size:.75em; color:#4d4d4d; padding:1em; } .minirecs .minirecs-time { font-size:.75em; } .minirecs .minirecs-time span { cursor:pointer; cursor:hand; } .minirecs .minirecs-channel { font-size:.625em; } .minirecs table tr.divider td div { height:1em; background:transparent url(/images/skycom/extended-grid/1024/GREY/ms-dotted-hr.gif) repeat-x 50% 50%; padding-right:.1875em; } .minirecs table tr.divider td hr { display:none; } .minirecs p.nojs-error { display:block; } .minirecs p.xml-error { display:none; font-size:.75em; color:#c50c0a; font-family:arial,helvetica; margin:.75em 0 .75em 2.3333em; text-indent:-2.3333em; line-height:1em; } .minirecs p.xml-error img { width:1.5833em; height:1.5833em; vertical-align:middle; margin-right:.5em;} .minirecs p.xml-error-visible { display:block; } /*********************** compclass : ms-login-small name : My Sky V2 Single Column Login basesize : single ------------ ***********************/ .ms-login-small {} .ms-login-small h3 { padding:0 .6875em .1875em .6875em; } .ms-login-small .content { padding:.1875em .625em; } .ms-login-small .wrapper { background:#fff; border:1px solid #dbdbdb; overflow:visible; padding-bottom:.5em; display:inline-block; } .ms-login-small .errors { background: url(/images/skycom/extended-grid/1024/GREY/ms-dotted-hr.gif) 0 100% repeat-x; color:#e51317; margin: 0 .625em; padding: .625em 0; } .ms-login-small .errors p { font-size:.75em; color:#e51317; } .ms-login-small .errors ul { margin-top:.625em; } .ms-login-small .errors li { font-size:.75em; font-weight: bold; } .ms-login-small .form-list { min-height:3.125em; padding:.1875em .625em; } .ms-login-small .form-list ul { list-style-type:none; padding:0; margin:0; } .ms-login-small .form-list li { padding:0; margin:0; border-bottom:.25em white solid; line-height:1em; } .ms-login-small .form-list input.input-username, .ms-login-small .form-list input.input-password { width:15.1875em; vertical-align:middle; font-size:.75em; } .ms-login-small .form-list label { display:block; padding:.25em 0 .1667em 0; font-size:.75em; font-weight:bold; } .ms-login-small .form-list .autologin { padding-top:.125em; height:1em; margin-left:-.25em; } .ms-login-small .form-list .autologin label { margin-left:.3125em; } .ms-login-small .form-list .autologin input, .ms-login-small .form-list .autologin label { float:left; font-size:.75em; font-weight:normal; vertical-align:middle; } .ms-login-small .button { float:left; padding-left:.625em; margin-right:.625em; } .ms-login-small .button input { font-size:1em; width:4.25em; height:1.5625em; cursor:pointer; } .ms-login-small .help { text-align:right; padding-right:.625em; } .ms-login-small .help ul { padding:0 0 0 .125em; margin:0; list-style:none; } .ms-login-small .help li { font-size:.75em; line-height:1.125em; } .ms-login-small .content .wrapper .footer { clear:both; padding-top:.625em; margin:.75em .625em 0 .625em; background:transparent url(/images/skycom/extended-grid/1024/GREY/ms-dotted-hr.gif) 0 0 repeat-x; } .ms-login-small .content .wrapper .footer ul { list-style-type:none; padding:0; margin:0; } .ms-login-small .content .wrapper .footer li { font-size:.75em; line-height:1.1667em; width:100%; padding:0; margin:0; float:none; height:auto; display:block; } .ms-login-small .footer li a { padding:0; margin:0; font-weight:normal; } .ms-login-small .footer li span { padding:0; margin:0; font-weight:bold; } .ms-login-small .nojs-error { padding-left:.625em; } .js-on .ms-login-small .nojs-error { display:none; } /*********************** compclass : global-form name : Form template basesize : double ------------ ***********************/ .global-form-input-default-value { display:none; } .global-form-input-tip { font-size:.6875em; color:#666; background:#fff; } .global-form-tip-warning { clear:both; padding-top:1em; font-weight:normal; font-size:.75em; background:#fff; display:none; white-space:normal!important;} .global-form-tip-warning-required { color:red; display:block!important; } .global-form-tip-warning-invalid { color:red; display:block!important; } .form-tip-text { display:none; background:#fff; font-size:.75em; padding:0 0 1em 0; white-space:normal!important; } .form-tip-text-required { color:red!important; display:block!important; } .form-tip-text-invalid { color:red!important; display:block!important; } .form-input-highlight-required { background:#d2e7ee!important; } .form-input-highlight-invalid { background:#ffcfcf!important; } div.form-input-highlight-required, div.form-input-highlight-invalid { padding:.25em 0 .375em 0; } /*********************** compclass : flash-container name : My Sky V2 Flash Hero basesize : double ------------ ***********************/ .flash-container {} .flash-container h2 { display:none; } .flash-container .flash-content, .flash-container .flash-alternate { position:absolute; } .flash-container .flash-content { visibility: hidden; } .flash-hero, .flash-hero object, .flash-hero embed {} .flash-demo, .flash-demo object, .flash-demo embed {} /*********************** compclass : ms-article name : My Sky V2 Article basesize : double ------------ ***********************/ .ms-article {} .ms-article h3 { padding:0 .6875em .1875em .6875em; } .ms-article .content { padding:.1875em .625em; } .ms-article .wrapper { background:#fff; border:1px solid #bdbdbd; overflow:auto; padding:.625em; display:inline-block; } .ms-article .wrapper img.first { float:left; margin:0 .625em .625em 0; } .ms-article .wrapper img { float:left; margin:0 .625em .1875em 0; } .ms-article img.wide, .ms-article .flash-content { padding:0; border:solid #bdbdbd; border-width:1px 1px 0 1px; width:28.3125em; height:12.5em; } .ms-article .wrapper h4 { font-size:.75em; } .ms-article .wrapper p { font-size:.75em; margin:.625em 0 0 0; } .ms-article .wrapper .wrapper-inner ul { padding:0; margin:.625em 0 0 1.4375em; } .ms-article .wrapper ol { padding:0; margin:.625em 0 0 1.4375em; } .ms-article .wrapper ul li { font-size:.75em; clear:both; } .ms-article .wrapper ol li { font-size:.75em; margin:0; padding:0; } .ms-article .wrapper ul.vcm-links { padding:0; margin:0 .625em 0 0; padding:0; list-style:none; } .ms-article .wrapper ul.vcm-links li { padding:0; } .ms-article .wrapper ul li, .ms-article .wrapper ol li { padding:0 0 .625em 0; line-height:1.1667em; } .ms-article .wrapper .wrapper-inner p a, .ms-article .wrapper .wrapper-inner p a span { text-decoration:none; color:#009bd4; } .ms-article .wrapper p a:hover, .ms-article .wrapper p a:hover span { text-decoration:underline; } /*********************** compclass : ms-set-preferences name : My Sky V2 MS Set Preferences basesize : double ------------ my-sky-top-level-viewing-preferences ***********************/ .ms-set-preferences {} .ms-set-preferences h3 { padding:0 .6875em .1875em .6875em; } .ms-set-preferences .content { padding:.1875em .625em; } .ms-set-preferences .wrapper { background:#fff; border:1px solid #bdbdbd; overflow:auto; padding:.625em; display:inline-block; } .ms-set-preferences h4 { clear:both; font-size:.75em; font-weight:bold; } .ms-set-preferences .preferences-type, .ms-set-preferences .preferences-time { clear:both; } .ms-set-preferences ul{ margin:0; padding:0; } .ms-set-preferences li{ margin:0; padding:0; list-style-type:none; } .ms-set-preferences .preferences-type p, .ms-set-preferences .preferences-time p { font-size:.75em; margin:.625em 0 0 0; } .ms-set-preferences .preferences-type ul { background:url(/images/skycom/extended-grid/1024/GREY/ms-dotted-hr.gif) repeat-x top left; margin-top:.75em; margin-bottom:1.25em; } .ms-set-preferences .preferences-type li { clear:both; line-height:1.375em; height:1.5625em; background:url(/images/skycom/extended-grid/1024/GREY/ms-dotted-hr.gif) repeat-x bottom left; } .ms-set-preferences .preferences-type li span { font-size:.75em; font-weight:bold; } .ms-set-preferences .preferences-type li a { font-size:.75em; } .ms-set-preferences .preferences-type li a span { font-weight:normal; } .ms-set-preferences .preferences-time p { margin-bottom:.875em; } .ms-set-preferences .preferences-time h3{ margin-top:1em; } .ms-set-preferences .preferences-time ul { margin-top:.375em; } .ms-set-preferences .preferences-time li { clear:both; padding:.25em 1.5em 0 0; display:inline; } .ms-set-preferences .preferences-time li span { font-weight:bold; font-size:.75em; } .ms-set-preferences .preferences-time li span.label { width:5.5em; padding-top:0.25em; display:block; float:left; } .ms-set-preferences .preferences-time label {font-size:.75em; vertical-align:middle; } .ms-set-preferences .preferences-time input { vertical-align:middle; margin-right:.375em; } /*********************** compclass : ms-additional-users name : My Sky V2 Additional Users basesize : double ------------ my-sky-top-level-viewing-preferences ***********************/ .ms-additional-users {} .ms-additional-users h3 { padding:0 .6875em .1875em .6875em; } .ms-additional-users .content { padding:.1875em .625em; } .ms-additional-users .wrapper { background:#fff; border:1px solid #bdbdbd; overflow:auto; padding:.625em; display:inline-block; } .ms-additional-users p { font-size:.75em; } .ms-additional-users ul.users { background:url(/images/skycom/extended-grid/1024/GREY/ms-dotted-hr.gif) repeat-x top left; margin:.75em 0 1.25em 0; padding:0; } .ms-additional-users ul.users li { margin:0; padding:0; list-style-type:none; clear:both; line-height:1.375em; height:1.5625em; background:url(/images/skycom/extended-grid/1024/GREY/ms-dotted-hr.gif) repeat-x bottom left; } .ms-additional-users ul.users li span { font-size:.75em; font-weight:bold; padding-right:.3333em; } .ms-additional-users ul.users li a { font-size:.75em; } .ms-additional-users ul.users li span.separator { color:#dbdbdb; padding-right:0; } /*********************** compclass : global-freetext name : Generic Freetext basesize : double ------------ ***********************/ .global-freetext {} .global-freetext-content { padding:.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:.625em; font-weight:bold; } .global-freetext-body { font-size:.625em; } .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:.25em 0 0 0; } .global-freetext-links-container .column-left li, .global-freetext-links-container .column-right li { line-height:.875em; margin-top:0; } .largebodytext .global-freetext-body { font-size:.6875em; } .largebodytext .global-freetext-body p { margin-top:.7273em; } .largebodytext .global-freetext-body p.first { margin-top:0; } .global-freetext .narrow-left .column-left { width:38.5%; } .global-freetext .narrow-left .column-right { width:57.5%; } .global-freetext-links-container.singlecolumn .column-left { width:auto; float:none; } .global-freetext-links-container.singlecolumn .column-left li { line-height:1.125em; } .shop .global-freetext-body .global-freetext-justimage { font-size:1.4545em; } .shop .global-freetext-body .global-freetext-justimage img { margin-right:.375em;} /*********************** compclass : ms-legend name : My Sky V2 EPG Legend basesize : double ------------ ***********************/ .ms-legend .wrapper { padding: 0; } .ms-legend .content h3 { float:left; padding: 0; font-size:.75em; font-weight: normal; width:30%; padding-top:.1667em; } .ms-legend .content ul { list-style: none; margin: 0; padding: 0; overflow: visible; } .ms-legend .content li { float:left; width:13.9%; height:1.1875em; } .ms-legend .content img { position: relative; top: -0.2em; } .ms-legend .help-popped img { position: static; } .ms-legend .help-popup { position:absolute; padding:.1818em .4545em .4545em .4545em; margin-left:.25em; width:1em; } .ms-legend .help-link {white-space:nowrap; font-weight:bold; font-family:verdana; font-size:.9091em; cursor:default; margin-top:-.8em; } .ms-legend .help-link strong { font-size:1.1818em; } .ms-legend .help-text {overflow:hidden; visibility:hidden; display:block; padding-top:0; font-size:.75em; line-height:1.1818em; } .ms-legend .help-text2 {overflow:hidden; visibility:hidden; display:none; padding-bottom:0; } .ms-legend .help-popped { border:1px solid #4f556b; background:#fff; width:10em; height:auto; z-index:1000; } .ms-legend .help-popped2 { border:1px solid #4f556b; background:#fff; width:10em; height:auto; } .ms-legend .help-popped .help-link { display:block; margin-top:0;} .ms-legend .help-popped .help-text { height:auto; visibility:visible; padding-top:.5em; } .ms-legend .help-popped2 .help-text { display:none; } .ms-legend .help-popped2 .help-text2 { height:auto; visibility:visible; padding-bottom:1em; display:block; } .ms-legend .help-blocker { position:absolute; left:-1px; top:-1px; display:none; width:100%; height:100%; z-index:-1; filter:alpha(opacity=0); } /*********************** compclass : ms-doyoulikelist name : My Sky V2 Preferences Checkboxlist basesize : double ------------ ***********************/ .ms-doyoulikelist {} .ms-doyoulikelist .wrapper { background-color:#fff; border:1px solid #dbdbdb; overflow:auto; padding:.625em; display:inline-block; } .ms-doyoulikelist p { font-size:.75em; } .ms-doyoulikelist input { vertical-align:middle; margin-right:.625em;} .ms-doyoulikelist label { font-size:.6875em; font-weight:bold; } .ms-doyoulikelist ul { margin:.625em 0 0 0; padding:0; } .ms-doyoulikelist li { float:left; height:1.5em; list-style-type:none; margin:0; padding:0; } .ms-doyoulikelist li input { vertical-align:middle; margin-right:.375em; } .ms-doyoulikelist li label { vertical-align:middle; } .ms-doyoulikelist .threecolumn li { width:31%; } .ms-doyoulikelist .twocolumn li { width:45%; } /*********************** compclass : ms-interestlist name : My Sky V2 Favourites basesize : double ------------ ***********************/ .ms-interestlist {} .ms-interestlist h3 {} .ms-interestlist .wrapper { background-color:#fff; border:1px solid #dbdbdb; overflow:auto; padding:.625em; display:inline-block; } .ms-interestlist .content .wrapper h4 { font-size:.75em!important; padding-bottom:.625em; } .ms-interestlist .content .wrapper p { font-size:.75em; } .ms-interestlist .search { padding:.625em 0; height:1em; } .ms-interestlist .search ul, .ms-interestlist .search li { margin:0; padding:0; list-style-type:none; } .ms-interestlist .search ul li { float:right; height:1.5625em; display:inline; } .ms-interestlist .search ul li p.button-wrapper { font-size:1em; white-space:nowrap; border:.0625em solid #76c5e3; background:transparent url(/images/skycom/extended-grid/1024/GREY/g-button-bg.jpg) repeat-x scroll left center; } .ms-interestlist .search ul li.input-wrapper { float:left; } .ms-interestlist .search ul li.input-wrapper input { vertical-align:middle; width:28.3333em; font-size:.75em; } .ms-interestlist .search ul li.back p.button-wrapper { background:transparent url(/images/skycom/extended-grid/1024/GREY/g-back-behaviourton-bg.jpg) repeat-x scroll left center; } .ms-interestlist .search ul li.back p.button-wrapper { border:.0625em solid #bdbdbd; } .ms-interestlist .search ul li p.button-wrapper input { padding:.3333em 1.1667em .25em 1.1667em; font-size:.75em; font-family:arial,helvetica,freesans,sans-serif; font-weight:bold; cursor:pointer; cursor:hand; white-space:nowrap; border-width:0; margin:0; background-color:transparent; vertical-align:middle; overflow:visible; width:auto; } .ms-interestlist .list { clear:both; } .ms-interestlist .list ul { background:url(/images/skycom/extended-grid/1024/GREY/ms-dotted-hr.gif) repeat-x top left; margin:.75em 0 .625em 0; padding:0; } .ms-interestlist .list li { clear:both; line-height:1.375em; height:1.5625em; background:url(/images/skycom/extended-grid/1024/GREY/ms-dotted-hr.gif) repeat-x bottom left; list-style-type:none; } .ms-interestlist .list li span { font-size:.75em; font-weight:bold; } .ms-interestlist .list li a { font-size:.75em; } .ms-interestlist .list li a span { font-weight:normal; } /*********************** compclass : myrecs name : My Sky V2 My TV Recommendations basesize : triple ------------ ***********************/ .recs-container div.intro { padding: 0 .625em; } .recs-container div.intro p { font-size:.75em; margin-top:.833em; } .recs-container .actions { padding:.625em .625em 0 .625em; clear:both; } .recs-container .actions ul { position:relative; margin:0; padding:0; width:100%; overflow:hidden; margin:0; padding:0; list-style-type:none; } .recs-container .actions ul li.right { float:right; margin-left:.625em;} .recs-container .actions ul li p.link-wrapper { padding:5px 16px 8px 16px; margin:0; text-indent:0!important; } .recs-container .actions ul li a { font-weight:bold; font-size:.75em; } .recs-container .actions ul li { width:auto; float:left; height:1.5625em; line-height:1em; margin:0; padding:0; list-style-type:none; position:relative; border:.0625em solid #76c5e3; background:transparent url(/images/skycom/extended-grid/1024/GREY/g-button-bg.jpg) repeat-x left center; } .myrecs{ margin-top:.625em;} .myrecs.recs-visible { display:block; } .myrecs.recs-visible .nojs-error { display:block; } .myrecs .recs-title { padding: .3125em 0; border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; } .myrecs h3 { padding: 0 .625em; } .myrecs td.programme, .myrecs td.programme a:link, .myrecs td.programme a:visited { font-weight: bold; color:#009BD4; } .myrecs-nav { background-color:#fff; margin-top:2px; border-bottom: 1px solid #D6D6D6; } .myrecs .recs-head .myrecs-nav { margin-top:0; } .myrecs-nav .container { position:relative; top:0; left:0; height:1.5625em; overflow:hidden; } .myrecs .recs-head .container div div { height:50%; } .myrecs td div.border { position:relative; border:.0625em #d6d6d6 solid; font-size:1em; } .myrecs td div.height { position:relative; overflow:hidden;} .myrecs td div.content { padding: 0; position:relative; overflow:hidden; } .myrecs td div.inner { overflow:hidden; } .myrecs-nav .container div { position:absolute; height:1.5625em; text-align:center; line-height:1.3125em; } .myrecs-nav .container div div { left:0; bottom: 0; border-left: 1px #D6D6D6 solid; height:50%; overflow:hidden; } .myrecs-nav .container div.cell-left { left:.625em; top:.0625em; text-align:left; line-height:1.5625em; } .myrecs-nav .container div.cell-middle { top:.0625em; padding-left:.5em; line-height:1.5625em; } .myrecs-nav .container div.date {left:13.9375em; } .myrecs-nav .container div.time-start {left:18.9375em; } .myrecs-nav .container div.time-finish {left:23.9375em; } .myrecs-nav .container div.channel {left:26.9325em;} .myrecs-nav .container div.rating {left:35.9375em;} .myrecs-nav .container div span{ font-size:.6875em; } .myrecs table { border-top: 1px solid; table-layout:fixed; width:100%; font-size:1em; border:0; } .myrecs table col#col-programme { width:14em; } .myrecs table col#col-date { width:5em; } .myrecs table col#col-time { width:8em; } .myrecs table col#col-channel { width:9em; } .myrecs table col#col-rating {} .myrecs thead { display:none; } .myrecs td { text-align:left; padding: .1875em .125em 0 .0625em; } .myrecs td.programme { padding-left: 0; } .myrecs td.programme div.border { border-left: 0; padding-left: .625em; } .myrecs td.rating { padding-right: 0; font-weight:normal; } .myrecs td.rating div.border { border-right: 0; padding-left: .625em; } .myrecs td.rating span { margin-left: .5em; } .myrecs td.rating br { display:none; } .myrecs td div.border { padding: .75em 0 0 .3125em; } .myrecs td div.inner { font-size:.75em; height:2.1667em;} .myrecs td.rating div.inner { font-size:1em; height:1.625em; } .myrecs td.selected div.border{} .myrecs td.currentpopout div.border {} .myrecs tr.popout, .myrecs tr.popout td{ width:45em!important; background-color:transparent; height:auto; font-size:1em; padding:0; border-right-width:0px; } .myrecs tr.popout td h4.message { margin-left:1em; font-size:.75em; height:4em; line-height:4em; color:#0131a0; } .myrecs .recs-foot{ display:none; } .myrecs .no-recommend { font-size:.75em; color:#4d4d4d; padding:1em; } .myrecs p.xml-error { display:none; font-size:.75em; color:#c50c0a; font-family:arial,helvetica; margin:.75em 0 .75em 2.3333em; text-indent:-2.3333em; line-height:1em; } .myrecs p.xml-error img { width:1.5833em; height:1.5833em; vertical-align:middle; margin-right:.5em; } .myrecs p.xml-error-visible { display:block; } .js-on div.border { cursor:pointer; cursor:hand; } .js-on .myrecs div.border { cursor:default; } .js-on .myrecs .programme .border { cursor:pointer; cursor:hand; } .js-on .myrecs .programme .border a.none-hvr { text-decoration:none !important; } /*********************** compclass : recently-rated name : My Sky V2 5 Star Rated Programmes basesize : triple ------------ ***********************/ .recently-rated{ margin-top:.625em; } .recently-rated .recs-title { padding: .3125em 0; border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; } .recently-rated h3 { padding: 0 .625em; } .recently-rated .head-nav { background-color:#fff; clear:both; } .recently-rated .head-nav .container { position:relative; top:0; left:0; height:1.5625em; overflow:hidden; border-bottom:1px #D6D6D6 solid; } .recently-rated .head-nav .container div { position:absolute; height:1.5625em; text-align:center; line-height:1.5625em; } .recently-rated .head-nav .container div div { left:0; bottom: 0; border-left: 1px #D6D6D6 solid; height:50%; overflow:hidden; } .recently-rated .head-nav .container div.cell-left { left:.625em; top:.0625em; text-align:left; line-height:1.5625em; } .recently-rated .head-nav .container div.cell-middle { top:.0625em; padding-left:.5em; line-height:1.5625em; } .recently-rated .head-nav .container div.options {left:13.9375em; } .recently-rated .head-nav .container div.rating {left:35.9375em;} .recently-rated .head-nav .container div span{ font-size:.6875em; } .recently-rated table { table-layout:fixed; width:100%; font-size:1em; } .recently-rated table col#rr-col-programme { width:14em; } .recently-rated table col#rr-col-options { width:22em; } .recently-rated table col#rr-col-rating {} .recently-rated thead { display:none; } .recently-rated tr {} .recently-rated tr.unused div.content { visibility:hidden; } .recently-rated h4 { font-size:.75em;width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .recently-rated td div.border { position:relative; border:.0625em #D6D6D6 solid; font-size:1em; } .recently-rated td div.height { position:relative; overflow:hidden; height:1.625em; padding:.75em .3125em 0 0; } .recently-rated td div.content { padding: 0; position:relative; overflow:hidden; } .recently-rated td div.inner { overflow:hidden; height:2.375em;} .recently-rated td p.showtime { font-size:.625em; font-weight:bold; } .recently-rated td.programme div.height { height:2.025em; padding: .35em .3125em 0 .625em; } .recently-rated td.programme div.border { border-left: 0; } .recently-rated td div.border {} .recently-rated td div.height {} .recently-rated td div.content {} .recently-rated td { text-align:left; padding: .1875em .125em 0 .0625em; } .recently-rated td.programme { padding-left: 0; } .recently-rated td.programme div.border { border-left: 0; } .recently-rated td.rating { padding-right: 0; font-weight:normal; } .recently-rated td.rating div.border { border-right: 0; padding-left: .625em; } .recently-rated td.rating span { margin-left: .5em; } .recently-rated td.rating br { display:none; } .recently-rated td.options ul { margin:0; padding:0; list-style-type:none; font-size:.75em; width:100%;} .recently-rated td.options li { margin:0; padding:0; list-style-type:none; float:left; width:48%; height:1.3em; } .recently-rated td.options img { margin-right:1em; } .recently-rated td.options img.remote { vertical-align:top; margin-right:.6em; } .recently-rated td.options div.inner {} .recently-rated td.rating div.inner {} .recently-rated.four-options td div.height {} .recently-rated.four-options td div.content {} .recently-rated.four-options td.options div.inner {} .recently-rated.four-options td.rating div.inner {} .recently-rated.four-options td.programme div.inner {} .recently-rated.four-options td.options li {} .recently-rated.four-options td.rating div.inner p {} .recently-rated .foot-nav { margin: 0.625em; clear:both; } .recently-rated .foot-nav ul { padding:0; margin:0; list-style:none; min-height:.75em; } .recently-rated .foot-nav ul li { font-size:.75em; padding:0; margin:0; float:left; list-style-type:none; display: none; } .recently-rated .foot-nav ul li.navback { border-right: 1px solid #D6D6D6; margin-right: 0.4167em; } .recently-rated .foot-nav ul li.navback, .recently-rated .foot-nav ul li.navnext, .recently-rated .foot-nav ul li.navfirst, .recently-rated .foot-nav ul li.navlast { display: block; } .recently-rated .foot-nav ul li.navback a.none-hvr { border-left-width:0; color: #4D4D4D; } .recently-rated .foot-nav ul li.navnext a.none-hvr { border-left-width:0; color: #009BD4; } .recently-rated .foot-nav ul li.navone a { border-left-width:0; } .recently-rated .foot-nav ul li.navfirst a.none-hvr { border-left-width:0; padding-left:0; color: #4D4D4D; } .recently-rated .foot-nav ul li.navlast a.none-hvr { border-left-width:0; color: #009BD4; } .recently-rated .foot-nav ul li a:link, .recently-rated .foot-nav ul li a:visited { color:#310870; padding-right: 0.4167em; } .recently-rated .foot-nav ul li a { border-left:1px #000 solid; } .recently-rated .foot-nav ul li.firstitem { border-left-width:0px; padding-left:0; } .recently-rated .foot-nav ul li a { color:#320770; } .recently-rated .foot-nav ul li.selected a { text-decoration:underline!important; } .recently-rated .foot-nav ul li.unused { display:none; } .recently-rated img.planner { width:.8em; height:.8em; } .recently-rated img.reminder { width:.8em; height:1em; } .recently-rated img.email { width:.8em; height:.8em; } .recently-rated img.remote { width:1.2em; height:1.2em; } /*********************** 3 column Program Popout ------------ ***********************/ .global-progpopout-container { overflow:hidden; } .global-progpopout-content { font-family:arial,helvetica; } .global-progpopout-title { background-color:#7C8191; 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{ padding: 0 .75em; text-align:center; margin:0; float:left; height:2em; line-height:2em; background-color:#717788; } .global-progpopout-title span { font-size:.875em; font-weight:bold; font-family:arial,helvetica; color:#fff;} .global-progpopout-title h4 { width:18em; float:left; padding: 0 .75em; font-weight:bold; height:2em; line-height:2em; } .global-progpopout-title-left p.access{ padding-top:.5625em; margin:0; float:right; height:2em; color:#fff; font-size:.875em; font-weight:bold; font-family:arial,helvetica; } .global-progpopout-title-left p.access img.speaker{ position:relative; top:.1429em; width:.5em; height:.9286em; margin-right:.2143em; } .global-progpopout-title-left p.access span{color:#fff; font-size:1em;} .global-progpopout-title-right p.rating{ padding: 0 .75em; text-align:center; margin:0; float:left; height:2em; line-height:2em; background-color:#717788; } .global-progpopout-title-right p.extras{ padding: 0 .75em; margin:0; float:left; height:2em; line-height:2em; padding-left:.5em; } .global-progpopout-title-right p.close{ margin:0; float:right; padding-top:.5em; padding-right:.625em; text-align:right; } .global-progpopout-title-right p.close img { width:1em; height:.875em; } .global-progpopout-body, .global-progpopout-column-left, .global-progpopout-column-right { height:6.25em; 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 .625em .625em .625em; } .global-progpopout-column-left-body p { margin:.8333em 0 0 0; font-size:.75em; 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:.625em; height:.5625em; margin-right:.0625em; vertical-align:bottom; } .global-progpopout-column-left-footer { margin-top:.75em; } .global-progpopout-column-left-footer a { font-size:.6875em; color:#000; font-weight:normal;} .global-progpopout-column-left-footer a:link { color:#000!important; } .global-progpopout-column-left-footer a:visited { color:#000!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:.625em; } .global-progpopout-column-right-title h5 { font-size:.75em; font-weight:bold; } .global-progpopout-column-right-list { padding-top:.3125em;} .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 img { width:.75em; height:.75em; margin-right:.5em; vertical-align:middle; } .global-progpopout-column-right-list ul li a { font-size:.75em; } .global-progpopout-column-right-footer { margin-top:.5em; } .global-progpopout-column-right-footer a { font-size:.75em; font-weight:normal; } /********************** MY SKY V2 BUTTONS/LINKS ***************/ ul li p.link-wrapper a:link, ul li p.link-wrapper a:visited, ul li p.link-wrapper a:active, ul li p.link-wrapper a:hover { text-decoration:none!important; } /*** container variants ***/ .reg-form .footer { height:1.5625em; margin:.625em 0 0 .625em; padding:0; clear:both; z-index:2; } .wrapper .footer { height:1.5625em; margin:1.25em 0 0 0; padding:0; clear:both; z-index:2; } .inform-link-wrapper { height:1.5625em; margin:0; padding:0; clear:both; z-index:2; margin-right:8.625em; } .footer { height:1.5625em; margin:0; padding:0; clear:both; z-index:2; } /******** generic stuff ********/ .footer ul, .footer li { margin:0; padding:0; list-style-type:none; } .footer ul li p { clear:both; } .footer ul li { float:right; height:1.5625em; display:inline; } .footer ul li p.link-wrapper { padding:0; margin:0!important; text-indent:0!important; line-height:1.25em; display:block; font-size:1em!important; } .footer ul li p.link-wrapper a { font-size:.75em!important; padding:0 1.1667em 0 1.1667em; line-height:2em; height:1.9167em; border:.0833em solid #76c5e3; font-weight:bold; float:left; } .footer ul li p.button-wrapper, .reg-form .form-split ul li p.button-wrapper { font-size:1em; white-space:nowrap; border:.0625em solid #76c5e3; } .footer ul li p.button-wrapper, .footer ul li p.link-wrapper a { background:transparent url(/images/skycom/extended-grid/1024/GREY/g-button-bg.jpg) repeat-x scroll left center; } .footer ul li p.link-wrapper a:hover { background:transparent url(/images/skycom/extended-grid/1024/GREY/g-button-bg-hover.jpg) repeat-x scroll left center; } /******** hide back links when no JS is present ********/ .footer ul li.back, .footer ul li.back-behaviour { float:left; display:none; } .js-on .footer ul li.back, .js-on .footer ul li.back-behaviour { display:block; } .footer ul li.back p.button-wrapper, .footer ul li.back p.link-wrapper a, .footer ul li.back-behaviour p.link-wrapper a { background:transparent url(/images/skycom/extended-grid/1024/GREY/g-back-button-bg.jpg) repeat-x scroll left center; } .footer ul li.back-behaviour p.link-wrapper a:hover { background:transparent url(/images/skycom/extended-grid/1024/GREY/g-back-button-bg-hover.jpg) repeat-x scroll left center; } .footer ul li.back p.button-wrapper, .footer ul li.back p.link-wrapper a, .footer ul li.back-behaviour p.link-wrapper a { border:.0625em solid #bdbdbd; } .footer ul li.left p.hover { background: transparent url(/images/skycom/extended-grid/1024/GREY/g-back-button-bg-hover.jpg) repeat-x scroll left center !important; } .footer ul li.left p.hover { border-color: #adadad; } .footer ul li.right p.hover { background: transparent url(/images/skycom/extended-grid/1024/GREY/g-button-bg-hover.jpg) repeat-x scroll left center !important; } .footer ul li.right p.hover { border-color: #54a3c1; } .footer ul li p.button-wrapper input { padding:.3333em 1.1667em .25em 1.1667em; font-size:.75em; font-family:arial,helvetica,freesans,sans-serif; font-weight:bold; cursor:pointer; cursor:hand; white-space:nowrap; border-width:0; margin:0; background-color:transparent; vertical-align:middle; overflow:visible; width:auto; } /* special cases */ .reg-form .footer { margin-left:.625em; } .reg-form .footer ul li { margin-right:.625em; } /* multiple buttons need spacing */ .ms-article .wrapper .footer ul li p.link-wrapper a { font-size:1em!important; } .reg-form ul li p.button-wrapper { background:transparent url(/images/skycom/extended-grid/1024/GREY/g-button-bg.jpg) repeat-x scroll left center; } .reg-form ul li p.button-wrapper.hover { background:transparent url(/images/skycom/extended-grid/1024/GREY/g-button-bg-hover.jpg) repeat-x scroll left center; } li.left p.link-wrapper a:hover { background: transparent url(/images/skycom/extended-grid/1024/GREY/g-back-button-bg-hover.jpg) repeat-x scroll left center !important; } li.back p.link-wrapper a:hover { background: transparent url(/images/skycom/extended-grid/1024/GREY/g-back-button-bg-hover.jpg) repeat-x scroll left center !important; } /*********************** compclass : ms-comp name : My Sky V2 Competition basesize : double ------------ ***********************/ .ms-comp {} .ms-comp h3 { padding:0 .6875em .1875em .6875em; } .ms-comp .content { padding:.1875em .625em; } .ms-comp .wrapper img { float:left; margin:.625em .625em .1875em 0; } .ms-comp .wrapper .body-section p { clear: none; } .ms-comp .wrapper .form-list ul li { font-size: 1em; line-height: 100%; margin: 0; padding: 0; margin-top: 0.625em; padding-top: 0.625em; background: transparent url(/images/skycom/extended-grid/1024/GREY/ms-dotted-hr.gif) 0 0 repeat-x } .ms-comp .wrapper .form-list ul ul li { font-size: 1em; float: none; margin-top: 0; } .ms-comp .wrapper .form-list ul ol li { font-size: 1em; float: none; margin-bottom: 0.625em; float: left; margin-top: 0; background: none; } .ms-comp .wrapper .form-list .form-input .label { margin: 0; padding: 0; margin-bottom: 0.4167em; float: none; width: auto; font-size: 0.75em; display: block; text-align: left; background: none; } .ms-comp .wrapper .form-list .form-input .input { margin: 0; padding: 0; float: none; width: auto; vertical-align: baseline; } .ms-comp .wrapper .form-list img { float: left; vertical-align: bottom; margin-top: 0; margin-bottom: 0; padding: 0; } .ms-comp .wrapper .form-list .input .wide { width: 99.2%; } .ms-comp .wrapper .form-list .input { display: block; } .ms-comp .wrapper .form-list .input label, .ms-comp .wrapper .form-list .label-radio label, .ms-comp .wrapper .form-list .label-radio a { font-size: 0.75em; vertical-align: baseline; } .ms-comp .wrapper .form-list .input input, .ms-comp .wrapper .form-list .input textarea { vertical-align: bottom; width: 52.15%; margin: 0; font-size: 100%; } .ms-comp .wrapper .form-list .label-radio { padding: 0; } .ms-comp .wrapper .form-list .error, .ms-comp .wrapper .form-list .radio-group p.error { font-size: 0.75em; font-weight: bold; padding: 0pt 0pt 0.4545em; } .ms-comp .wrapper .form-list .radio-inline .label-radio { float: left; } .ms-comp .wrapper .form-list .radio-inline .input-radio { float: left; clear: left; height: auto; margin-left: 0; } .ms-comp .wrapper .form-list .radio-inline .input-radio input { width: auto; float: left; } .ms-comp .wrapper .form-list .radio-inline img { float: left; margin-top: 0.625em; margin-bottom: 0.3125em; } .ie .ms-comp .wrapper .form-list .input .radio, .ms-comp .wrapper .form-list .input .radio { width: auto; margin: 0; } .ie .ms-comp .wrapper .form-list .input .wide { width: 98.2%; } .ie .ms-comp .wrapper .form-list .input input, .ie .ms-comp .wrapper .form-list .input textarea { vertical-align: bottom; width: 52.15%; } .ie .ms-comp .wrapper .form-list .radio-inline .label-radio { float: left; width: 90%; margin-top: 0.1875em; } .ie .ms-comp .wrapper .form-list .radio-inline .input-radio { float: left; clear: left; height: auto; } .ie .ms-comp .wrapper .form-list .radio-inline .input-radio input { width: auto; float: left; } .ie .ms-comp .wrapper .form-list .radio-inline img { float: none; display: block; margin-top: 0.625em; margin-bottom: 0.3125em; } /*********************** Competition portlet ------------ ***********************/ .comp-portlet li.list-dash-bottom { padding-bottom: 0.7273em; background: transparent url(/images/skycom/extended-grid/1024/GREY/ms-dotted-hr.gif) repeat-x scroll 0pt 100%; } .comp-portlet div.label { float: none !important; display: block !important; text-align: left !important; width: auto !important; margin: 0 !important; } .comp-portlet div.input { float: none !important; display: block !important; width: auto !important; margin: 0 !important; } .comp-portlet div.input input.fullwidth { width: 99% !important; margin: 0 !important; } .comp-portlet div.input textarea.fullwidth { width: 99% !important; margin: 0 !important; } .comp-portlet div.radio-group-item { padding-top: 0.3125em; padding-bottom: 0; line-height: 1em; } .comp-portlet div.radio-group-item input { vertical-align: middle !important; } .comp-portlet div.radio-group-item label { vertical-align: middle !important; } .comp-portlet .body-section p {display: block; clear: none !important; padding-top: 0.7273em; } .comp-portlet img { float: left; margin: 0.625em 0.625em 0 0; } /* IE6 specific fixes */ * html .comp-portlet .wrapper { width: 453px; overflow: hidden !important; } * html .comp-portlet div.input input.fullwidth { width: 98.5% !important; } * html .comp-portlet div.input textarea.fullwidth { width: 98.5% !important; } /* BACKGROUND COLOUR ALTERATION AS PER STORY 297 (implemented by DJE) */ #aoc-header-bottom, #aoc-header-bottom-inner, #aoc-body-main, #aoc-pagecontent-inner, .aoc-columns-container { background:#ECECEC none repeat scroll 0% 50%; } #aoc-header-buts li a:link, #aoc-header-buts li a:visited { color:#009BD4; font-weight: bold; } .aoc-title h2, #aoc-welcome p { color: #4d4d4d; } div.loading h4 { color: #788AA0; margin: 10px 15px; text-align: center; font-size: 0.9em; } /* ALTERATION TO HOW IAF BUTTONS ARE RENDERED */ .content a.iaf-mainbut:link, .content a.iaf-mainbut:visited, .content a.iaf-mainbut:hover, .content a.iaf-mainbut:active { display: block; width: 218px; height: 25px; background: #009BD4 url("../../images/skycom/extended-grid/1024/GREY/iaf_button_bg.jpg") no-repeat top left; line-height: 25px; font-size: 12px !important; font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #fff; font-weight: bold; text-align: center; text-decoration: none !important; } /*------------------ Rotating portlet changes (GDW) ------------*/ .rotating-portlet h4 { font-size: 1em; margin: 20px 5px 0px 7px; color: #00ACDE; }