ITV 1 UK TV

* { margin:0; padding:0; } html {background-color:transparent;} body, html {overflow:hidden;min-width:282px;} body { font:normal 85% Helvetica,Tahoma,sans-serif; scrollbar-base-color: #4c0606; scrollbar-3dlight-color: #fff; } #webtv #webtvdiv {color:#000; overflow:hidden;background:none;} body, html, #webtvdiv, .yui-content, #channels, #channelsdiv {height:100%;} .yui-navset-left { padding:0; /* width of tabs + border + margin */ } .yui-navset-left .yui-nav { border-width:0 0 0 0; width:29px; /* width of tabs */ height:263px; margin:99px 1px 1px 1px; float:left; } #MyWebTVIcon { width:25px; height:26px; background:url(../../img/layout/webtvs/tv_red.png) no-repeat 0 4px; } .yui-navset-left .yui-nav img { border:0px; padding:5px 5px 4px 5px; } .yui-navset-left .yui-nav li { list-style:none; border:1px solid #333; background-color: #500505; margin-top:2px; } .yui-navset-left .yui-nav .selected a, .yui-navset-left .yui-nav li a { list-style:none; border:1px solid #c30; display:block; background-color:#900; } .yui-navset-left .yui-nav li em { margin:0; padding:0; } .yui-navset-left .yui-nav .selected a:hover, .yui-navset-left .yui-nav li a:hover { background-color:#c00; border:1px solid #f30; } .yui-navset-left .yui-nav .disabled a, .yui-navset-left .yui-nav .disabled a:hover { border:1px solid #500505; background-color: #500505; } .yui-navset .yui-nav li a em{display:block;} /* .yui-navset .yui-nav a{position:relative;} .yui-navset .yui-nav li a{display:block;display:inline-block;vertical-align:bottom;zoom:1;} .yui-navset-left .yui-nav li a{display:block;} */ .yui-navset-left .yui-nav .disabled a, .yui-navset-left .yui-nav .disabled a:hover, .yui-navset-left .yui-nav .disabled a:focus { cursor:default; } /* background of the flash window */ /* may be useful because the flash player background */ /* is set to transparent */ #FLSDIV.tab-content { background:#000; } /* Player */ .yui-content { margin:0 0 0 31px; } /* Code for channels page */ /* see http://developer.yahoo.com/yui/datatable/DOMOverview.gif for table generated markup */ #channels { text-align:center; /* aligns channel table in the center */ overflow:hidden; } #channels #header h1 a { color:#660808; } .start_marketing a, #mywebtv a { color:#660808; } .menu_tv { width:100%; height:28px; background-image:url(../../img/layout/webtvs/red_menu.jpg); background-repeat:repeat-x; border:0px solid red; margin-top:5px; } .menu_tv ul { margin:0; padding:0; } .menu_tv li { list-style:none; float:left; height:28px; background-image:url(../../img/layout/webtvs/red_menu.jpg); background-repeat:repeat-x; border:0px solid red; margin-bottom:1px; } .menu_tv li a, #refreshingmessage { font-size:12px; color:#FFF; text-decoration:none; padding:7px 25px 7px 25px; display:block; } .menu_tv li a:hover { background-color:#660808; height:14px; } .menu_tv .input { font-size:12px; color:#FFF; margin-left:20px; padding:0px; height:25px; float:left; margin-top:4px; } .menu_tv .input2 { font-size:12px; color:#FFF; padding:0px; height:25px; width:54px; float:left; margin-left:10px; margin-top:4px; background:url(../../img/layout/webtvs/red_button.jpg) no-repeat 0 0; } .menu_tv .input2 button { width:54px; height:19px; border:0; background:transparent; } .menu_tv .form { float:right; padding-right:20px; width:336px; } .menu_tv .stix { width:2px; height:28px; background:url(../../img/layout/webtvs/red_stix.jpg) no-repeat 0 0; } /* Channels table header cells */ #channelsdiv th, #channelsdiv .yui-dt-bd #yui-dt0-bodytable thead th { background-color:#4c0606; text-align:center; height:22px; color:#FFF; font-size:11px; border-bottom:solid #fff 1px; } #channelsdiv .yui-dt-bd #yui-dt0-bodytable thead tr { height:22px; } #channelsdiv .yui-dt-bd #yui-dt0-bodytable thead th .yui-dt-label { position:static; } #channelsdiv .yui-dt-bd #yui-dt0-bodytable thead th a { color:#FFF; } /* Channels table body */ #channelsdiv .yui-dt-bd #yui-dt0-bodytable tbody { width:100%; border:0px solid red; min-height:258px; background:inherit; } /* buttons and channels table container */ #channelsdiv0 { clear:both; height:70%; overflow:hidden; text-align:left; /* Alignment of the refresh and manage channels buttons */ } /* channel table container */ #channelsdiv { border:0px solid red; /*margin-top:1px;*/ overflow:auto; clear:right; background:url(../../img/layout/webtvs/bg.png) #660808 no-repeat 0 0; } /* channel table div wrapper */ /* http://www.webmasterworld.com/forum83/1789.htm */ #channelsdiv .yui-dt-bd { overflow:hidden; } /* width of the columns inside table */ #channelsdiv .yui-dt-bd #yui-dt0-bodytable tbody #yui-dt0-bdrow0-cell0 { width:5%; min-width:20px; } #channelsdiv .yui-dt-bd #yui-dt0-bodytable tbody #yui-dt0-bdrow0-cell1 { width:5%; min-width:30px; } #channelsdiv .yui-dt-bd #yui-dt0-bodytable tbody #yui-dt0-bdrow0-cell2 { width:40%; } #channelsdiv .yui-dt-bd #yui-dt0-bodytable tbody #yui-dt0-bdrow0-cell4 { width:50%; } /* align text to the left in channel column */ #channelsdiv .yui-dt-bd #yui-dt0-bodytable tbody .colChannel { text-align:left; } /* align text to the left in inside the description column */ #channelsdiv .yui-dt-bd #yui-dt0-bodytable tbody .colDescription { text-align:left; } /* Channels table cells */ #channelsdiv td, #channelsdiv .yui-dt-bd #yui-dt0-bodytable tbody td { border:0; border-bottom:1px solid #ffffff; border-style:solid; text-align:center; /* default cell text alignment */ border-collapse: separate; color:#fff; color:#FFF; font-size:11px; height:20px; } #channelsdiv .yui-dt-bd #yui-dt0-bodytable tbody tr { height:25px; } #channelsdiv .yui-dt-bd #yui-dt0-bodytable thead tr th { margin:2px 0; } #channelsdiv .yui-dt-bd #yui-dt0-bodytable tbody tr, #channelsdiv .yui-dt-bd #yui-dt0-bodytable tbody td { padding: 2px 0 2px 0; } /* onmouseover highlight color */ #channelsdiv .yui-dt-bd #yui-dt0-bodytable .yui-dt-highlighted, #channelsdiv .yui-dt-bd #yui-dt0-bodytable .yui-dt-highlighted td { background-color:#b60c0c; margin-top:1px; } /* onmouseover cursor */ #channelsdiv .yui-dt-bd #yui-dt0-bodytable .yui-dt-highlighted, #channelsdiv .yui-dt-bd #yui-dt0-bodytable .yui-dt-highlighted td { cursor:pointer; cursor:hand; } /* channel table */ #channelsdiv .yui-dt-bd #yui-dt0-bodytable { height:100%; overflow:auto; background:inherit; } /* width of the channels table */ #channelsdiv, #channelsdiv .yui-dt-bd, #channelsdiv .yui-dt-bd #yui-dt0-bodytable, #channelsdiv .yui-dt-bd #yui-dt0-bodytable thead, #channelsdiv .yui-dt-bd #yui-dt0-bodytable tbody { width:100% /* width of the channels table */ } /* width of the divs inside the columns */ #channelsdiv .yui-dt-bd #yui-dt0-bodytable tbody .yui-dt-col-0 #channelsdiv .yui-dt-bd #yui-dt0-bodytable tbody .yui-dt-col-1, #channelsdiv .yui-dt-bd #yui-dt0-bodytable tbody .yui-dt-col-2, #channelsdiv .yui-dt-bd #yui-dt0-bodytable tbody .yui-dt-col-3, #channelsdiv .yui-dt-bd #yui-dt0-bodytable tbody .yui-dt-col-4, #channelsdiv .yui-dt-bd #yui-dt0-bodytable div {width:100%;} #channelsdiv .yui-dt-hd, #yui-dt0-headtable thead, #channelsdiv .yui-dt-hd, #yui-dt0-headtable, #channelsdiv .yui-dt-hd { display:none; } .copy { border:0px solid red; height:37px; clear:both; padding-top:10px; width:100%; margin:0 auto; position:absolute; bottom:0; right:5px; } .copy a{ background-image:url(../../img/layout/webtvs/copy_red.png); background-repeat:no-repeat; width:231px; height:37px; display:block; border:0px solid red; float:right; margin-right:20px;