img {border: none;}
#infoboxhandle {position: absolute; z-index: 100; display: none;}
#infobox .img {border: solid 1px #c0c0c0; padding: 1px;}
#infoboxshad {position: absolute; top: 6px; left: 6px;width: 587px; height: 252px; background: url(//media.tiscali.co.uk/images/ch/tv/tv-infobox-shad.png) no-repeat; z-index: 99; display: none;}
.channel_name {width: 100px; position: fixed;}
.chan {height: 39px; margin-top: 1px;background-color: #fff;}
.days {background-color: red; width: 80px; height: 20px; float: left;}
.currenttime {height: 20px; background: url(//media.tiscali.co.uk/images/ch/tv/tv-top2bot-fade.jpg) repeat-x; border-right: solid 1px #c0c0c0;}
.cats {text-align: center;}
.cats a {margin: 0px 9px; font-size: 11px;}
.channels {width: 80px; background-color: #c0c0c0; height: 364px; position: relative; overflow: hidden; text-align: center;}
.timeslots {float: right; width: 50px; height: 400px; background-color: #333; text-align: right; font-size: 11px; background: #333 url(//media.tiscali.co.uk/images/ch/tv/tv-slot-bg.jpg) repeat-y;}
.timeslotsinner {padding: 8px;}
#gridcover {background-color: #000; position: absolute; z-index:-1; width: 100%; height: 100%; filter: alpha(opacity=30); -moz-opacity: 0.3;}
#grid {background-color: #555; height: 380px; overflow: scroll; position: relative;}
.gridinner {width: 6000px; height: 2000px; position: absolute;}
.topstrip {height: 20px; overflow: hidden; white-space: nowrap; background-color: #c0c0c0;}
.leftstrip {float: left; position: relative; width: 80px; background-color: #333;}
.times {position: relative; overflow: hidden; height: 20px;}
.times_inner {position: absolute; width: 8000px;}
.tm {float: left; margin-left: 1px; width: 119px; height: 20px; background: #333 url(//media.tiscali.co.uk/images/ch/tv/tv-top2bot-fade.jpg) repeat-x; color: #fff; font-weight: bold;}
.tm_inner {padding: 2px 4px;}
.settingsbutton {float: right; margin-right: 30px;}
.gridinner a {display: block; overflow: hidden; position: absolute; z-index: 1; height: 40px; color: #000; background: #d4d4d4 url(//media.tiscali.co.uk/images/ch/tv/tv-prog-bg.jpg) repeat-x; text-decoration: none; border: solid 1px #c0c0c0;}
.gridinner a:hover {text-decoration: none;}
.pinner {display: block; padding: 4px; white-space: nowrap;}
.ptitle {display: block; font-weight: bold;}
.ptime {display: block; font-size: 10px; color: #000;}
.chan_logo {}
.movie_icn {border: none; vetical-align: center; margin-right: 2px;}
.options {padding: 4px;}
.options select {width: 180px;}
.options .optiontext {float: left; margin: 2px 60px 0px 0px;}
.options .tool a {margin: -5px 5px -5px 0px;}
#infobox {position: absolute; top: 0px; left: 0px; z-index: 100; overflow: hidden; border: solid 1px #c0c0c0; background-color: #fff; color: #000; width: 100%; height: 100%; isplay: none;}
#infobox a {color: #09f;}
#infobox .pinner {white-space: normal; padding: 0.2em 0.4em;}
#infobox .ptime, #infobox .ptitle .movie_icn {display: none;}
#infobox .ptitle {margin-bottom: 0.2em; white-space: nowrap;}
#infobox .desc {margin-right: 210px; font-size: 12px; height: 134px; overflow: auto; border: solid 1px #d4d4d4; padding: 8px;}

#infobox .closebut {z-index: 1000; position: absolute; left: 557px; top: 10px;}
#progmediawrapper {z-index: 100; width: 202px; position: absolute;}
.vidhotspot {position: absolute; top: 0px; left: 0px; width: 202px; height: 114px; cursor: pointer;}
.progmedia {width: 200px; height: 112px; overflow: hidden;}
.resizetext {font-size: 11px;}
.enlarge {display: inline;}
.reduce {display: none;}

.hide {display: none;}
.mbot {margin-bottom: 4px;}

#progmediawrapper.big {position: absolute; top: 0px; left: 0px; background-color: #fff; width: 587px;}
.big .progmedia, .big .vidhotspot {width: 444px; height: 250px;}
.big .enlarge {display: none;}
.big .reduce {display: inline;}
.chan_num {background: url(//media.tiscali.co.uk/images/ch/tv/service-channels.jpg) no-repeat; width: 89px; height: 18px; text-align: right; color: #fff; float: left; margin-right: 6px;}
.chan_num .txt {font-size: 11px; padding: 2px 2px 0px 0px;}
.chan_num_tiscali {background-position: 0px 0px;}
.chan_num_freeview {background-position: 0px -18px;}
.chan_num_sky {background-position: 0px -36px;}
.chan_num_virgin {background-position: 0px -54px;}
.chan_num_freesat {background-position: 0px -72px;}
.chan_num_bt {background-position: 0px -90px; color: #000; margin: 0px;}
.block {height: <?= $block_html_size ?>px;}

#infobox .tabs {position: relative; top: 1px; font-size: 12px; height: 19px; overflow: hidden;}
#infobox .tabs a {display: block; float: left; position: relative; padding: 1px 6px; background-color: #d4d4d4; color: #000; border: solid 1px #d4d4d4; text-decoration: none; margin-right: 2px; font-weight: bold;}
#infobox .tabs a:hover {background-color: #555; color: #fff;}
#infobox .tabs .tabsel, #infobox .tabs a.tabsel {background-color: #fff; color: #000; border-bottom: solid 1px #fff;}

#infobox .tool a {margin: 0px 0px 0px 10px;}

#timeline {position: absolute; width: 5px; height: 100%; z-index: 99; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
.viewtypetext {display: none;}
.settingschannel {
  position: relative;
  float: left;
  width: 160px;
  margin-right: 10px;
  border: none;
  background-color: transparent;
}

#searchresults {
  float: right;
  width: 150px;
  height: 400px;
  display: none;
}

#searchresults .searchhdr {
  background: url(//media.tiscali.co.uk/images/ch/tv/tv-top2bot-fade.jpg) repeat-x;
  height: 20px;
}
#searchresults .searchhdr .hdrtxt {padding: 2px 0px 0px 4px; font-weight: bold;}

#searchresults .scrollarea {
  height: 380px;
  overflow: auto;
  overflow-x: hidden;
  font-size: 11px;
}

#searchresults .scrollarea a {olor: #fff !important;}

#searchresults .pad {
  padding: 8px 0px 8px 8px;
}

.tvpromos {width: 900px; height: 80px; font-size: 11px; margin: 0px auto;}
.tvpromos .actorname {font-size: 12px; font-weight: bold;}
.line {border: solid 1px #222; margin: 8px 0px;}

/* Full screen guide */
.fsguide #page-x {position: static; width: auto;}
.fsguide #header {width: auto; padding: 0px 10px 10px 10px;}
.fsguide #content {width: auto;}
.fsguide #header-top {height: auto;}
.fsguide #header-tabs, .fsguide #header-subnav, .fsguide #header-search-bar, .fsguide #footer {display: none;}
.fsguide .col12, .fsguide .col3, .fsguide h1 {display: none;}
.fsguide #jumbobanner {display: none;}
.fsguide #tvhelp {display: none;}