.clear,
footer,
.filterRow {
    clear: both;
}


#scrollbar1,
.viewport,
footer,
nav#abcFooter {
    position: relative;
}


#view,
.overview img {
    float: left;
}

#scrollbar1 .disable,
.img-failed,
body#tv-guide nav.subnavHolder {
    display: none;
}

#jump,
#location {
    -moz-appearance: button;
}

.channel,
.location {
    list-style-type: none;
}

#miniEPG .series,
.channel.banner {
    white-space: nowrap;
}


body {
    font-family: "ABCSans";
    margin: 0;
}

#navbar-main {
    top: 0px;
    z-index: 110;
}


#miniEPG .list-view .channel.first,
#miniEPG .list-view ul li:first-child .programs li:first-child {
    border-top: 1px solid #cacaca;
}

#view {
    background: #f6f6f6;
    min-height: 600px;
    width: 100%;
}

#scrollbar1 {
    border-bottom: 1px solid #cacaca;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    float: left;
    left: 0px;
    overflow: hidden;
    top: -5px;
    width: 100%;
}

.viewport {
    margin-left: 61px;
    width: 100%;
}

.overview {
    left: 0px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    width: 13000px;
}

#scrollbar1 .scrollbar {
    height: 20px;
    position: relative;
    z-index: 2;
    z-index: 800;
}

#scrollbar1 .track {
    background: #f6f6f6;
    height: 20px;
    margin: 5px 0 0;
    position: relative;
    width: 978px !important;
}

#scrollbar1 .rail {
    border-bottom: 5px solid #CACACA;
    height: 14px;
    margin: 10px 20px auto 0px;
    position: absolute;
    width: 100%;
}

#scrollbar1 .thumb {
    background: #fff;
    border: 3px solid #CACACA;
    border-radius: 5px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    color: #CACACA;
    cursor: pointer;
    font-size: 16px;
    height: 30px;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 36px !important;
}

#scrollbar1 .thumb .end {}

#scrollbar1 .sep {
    display: none;
    margin: auto 4px;
    vertical-align: text-bottom;
}

.noSelect {
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
        user-select: none;
}

#jump {
    background-color: #f2f3f3;
    border: none;
    color: #b4b4b4;
    cursor: pointer;
    float: right;
    height: 31px;
    margin-left: 5px;
    -webkit-appearance: inherit;
}

#jump span {
    color: #333;
    font-size: 14px;
    line-height: 14px;
    margin-left: 0px;
}

#jump span:hover,
#jump:hover span,
#jump span:focus,
#jump:focus span {
    color: #fff;
}

#jump li span {
    color: #c8c8c8;
    margin-left: 0px;
}

.location {
    border-top: 0 !important;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
}

#jump {
    margin-top: 1.2em;
    width: 100%;
}

#jump ul,
#jump ul li {
    display: inline;
}

#jump ul {
    float: right;
}

.filterRow ul {}

.filter.left {
    float: left;
}

.filter.right {
    float: right;
}

.refresh-widget {
    float: left;
    margin-left: 20px;
    margin-top: 5px;
}

.refresh-widget span {
    cursor: pointer;
    font-size: 20px;
    line-height: 31px;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

#jump li {
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    color: #262626;
    float: left;
    height: 26px;
    line-height: 22px;
    margin-right: 3px;
    padding-left: 8px;
    padding-right: 8px;
    z-index: 2000;
}

.location {
    background-color: #111;
    color: #fff;
    overflow: auto;
    text-align: left;
    width: 290px;
}

.location li {
    background: #111;
    border-bottom: 1px solid #111;
    border-right: 1px solid #111;
    float: left;
    font: 14px Arial, Helvetica, sans-serif;
    height: 34px;
    line-height: 34px;
    width: 50%;
}

.location li.locVal {
    cursor: pointer;
}

#location {
    border: none;
    color: #262626;
    display: block;
    float: right;
    height: 31px;
    margin-right: 10px;
    margin-top: 8px;
    text-align: right;
    -webkit-appearance: inherit;
}

.locationLabel {
    cursor: pointer;
    display: inline-block;
    font: 14px Arial, Helvetica, sans-serif;
    height: 100%;
    line-height: 31px;
    padding: 0 4px;
    text-align: right;
}

.locationLabel i {
    alignment-baseline: alphabetic;
    color: #262626;
    font-size: 1.4em;
    margin-left: 4px;
}


.location .locHeader {
    background: #111;
    border: none;
    border-bottom: 0px;
    border-right: 0;
    height: 37px;
    line-height: 37px;
    padding-left: 10px;
    width: 100%;
}

.location .subHeader {
    background: #3a3a3a;
    border-bottom: 0px;
    border-right: 0;
    height: 29px;
    line-height: 29px;
    padding-left: 10px;
    width: 100%;
}

.channel,
.list-view .schedule,
.programs,
.timelineBar {
    border-bottom: 1px solid #cacaca;
}

.locationLabel:hover,
.locationLabel.dhighlight,
.locationLabel:focus,
.locationLabel:hover i,
.locationLabel:focus i {
    background-color: #262626;
    color: #fff;
}

.location li span {
    display: block;
    padding-left: 9px;
}

.location li span:hover,
.location li:focus span {
    color: #262626;
}

.location .active,
#jump .active,
.location:focus,
#jump:focus {
    background: url(../png/background_active_tick.png) center right no-repeat #127ab2;
}

.onNow {
    background: #ba2026;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 26px;
    margin-left: 30px;
    text-align: center;
    width: 65px;
}

.otherBanner {
    margin-top: 660px;
    position: absolute;
    z-index: 600;
}

#epgInnerWrap {
    background: #F5F8F8;
    height: auto;
    overflow: auto;
    overflow-y: hidden;
    padding-bottom: 0px;
    right: 0px;
    top: 0px;
    width: 99% !important;
}

#epgInnerWrap .schedule,
.list-view .schedule {
    background-color: #fff;
    border-left: 1px solid #cacaca;
    cursor: pointer;
    float: left;
    font-size: 15px;
    list-style-type: none;
    margin-bottom: 0px;
    min-height: 36px;
    overflow: hidden;
    padding-left: 0px;
    position: relative;
}

#miniEPG .list-view ul.programs li .schedule:last-child {
    border-left: 0px !important;
}

#epgInnerWrap .schedule {
    height: 86px;
}

.list-view .schedule {
    border-right: 1px solid #cacaca;
    clear: right;
    float: none;
    height: 50px;
}

.list-view.verticalProgram .schedule {
    height: 54px;
}

.programIview,
.list-view.verticalProgram .schedule.programIview .progTxt {
    background-color: #fff;
}

.list-view .schedule .timeRange {
    display: none;
}

.list-view .schedule .txTime {
    clear: none;
    float: left;
    margin-top: 7px;
    overflow: visible;
    white-space: nowrap;
}

.list-view .schedule .txTitle {
    clear: none;
    margin-top: 9px;
    max-width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}

.list-view .schedule .txOnNow {
    clear: none;
    float: right;
    margin-left: 10px;
    margin-top: 10px;

}

.list-view .schedule .iviewImg {
    float: right;
    margin-right: 10px;
    margin-top: 5px;
    width: auto;
}

body#home .list-view .schedule .iviewImg,
body#abc1 .list-view .schedule .iviewImg,
body#abc2 .list-view .schedule .iviewImg {
    margin-right: 20px;
}

.whatson-title {
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 8px;
}

.txCh,
.txOnNow,
.txTime,
.txTitle {
    clear: both;
    margin-left: 10px;
}

.whatson-title .date {
    font-weight: normal;
}

.channel.banner,
.list-view .schedule.programOnNow .txTime,
.programOnNow .txTitle,
timeline .hr {
    font-weight: 700;
}

#epgInnerWrap .schedule.first {
    border-left: 0;
}

.criteria,
.list-view .channel,
.list-view .schedule {
    border-left: 1px solid #cacaca;
}


#epgInnerWrap ul {
    height: auto;
}

#epgInnerWrap li {
    background: #fff;
    border-top: 1px solid #cacaca;
    clear: both;
    height: 86px;
}

#epgInnerWrap ul li {
    overflow-y: hidden;
}

#epgInnerWrap li.freeBanner {
    height: 52px;
}

#epgInnerWrap li.freeBanner div.freeBanner {
    background: #f6f6f6 !important;
    cursor: pointer;
    height: 52px !important;
    width: 100%;
}

#epgInnerWrap li.otherChannels div.freeBanner.hover,
.channel.banner.otherChannels .title.hover,
.channel.banner.otherChannels.hover {
    background: #262626 !important;
}

.channel.banner.otherChannels.hover .title {
    color: #fff !important;
}

.list-view .freeBanner {
    background: #f6f6f6 !important;
    height: 52px;
    line-height: 52px;
    vertical-align: middle;
    width: 100%;
}

.list-view .freeBanner span {
    padding-left: 14px;
}

.txTime,
.txCh {
    color: #007199;
    float: left;
    font-size: 14px;
    height: 20px;
    margin-right: 10px;
    overflow: visible;
    white-space: nowrap;
}

.txOnNow {
    background: #ba2026;
    color: #fff;
    float: left;
    font-size: 10px;
    height: 1.5em;
    margin-right: 0px;
    margin-top: 3px;
    padding: 0px 2px;
    white-space: nowrap;
}

.list-view .schedule .txOnNow,
.txTitle {
    margin-right: 10px;
}

.list-view .txTime,
.list-view .schedule .txTitle {
    font-size: 14px !important;
}

.list-view .progTxt {
    margin-top: 10px;
    min-width: 233px;
}

.list-view.verticalProgram .progTxt {
    margin-top: 0px;
    padding-top: 10px;
}


.pInfo3 .txOnNow {
    float: none;
}

.txTitle,
html.ie8 #miniEPG .list-view .pInfo,
html.ie8 #miniEPG .list-view img.prog {
    float: left;
}

.txTitle {
    color: #2f2f2f;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    line-height: 1.2em;
    margin-top: 7px;
    max-height: 34px;
    overflow: hidden;
}

body#home .highlightTxt .txTitle {
    max-height: 40px;
}

.programOnNow {
    background: #fff;
}

.programPlayedToday {
    background: #e8eeee;
}

.now {
    border-right: 4px solid rgb(186, 32, 38);
    border-right: 4px solid rgba(186, 32, 38, 0.25);
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 700;
}

html.ie8 #miniEPG .list-view .schedule {
    float: left;
    width: 457px;
}

html.ie8 #miniEPG .list-view .channel img {
    margin-top: 2px !important;
}

.nextDay,
.previousDay {
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    margin-top: 143px;
    padding-top: 255px;
    text-align: center;
    width: 100px;
    z-index: 3000;
}

html.ie8 #miniEPG .list-view .channel,
html.ie8 #miniEPG .list-view .schedule {
    height: 54px;
}



.previousDay {
    background: url('../png/yest_arr.png') no-repeat #535252 20px 184px;
}

.nextDay {
    background: url('../png/tom_arr.png') no-repeat #535252 20px 184px;
}

.nextDay.noBg {
    background: none;
}

.timeline span {
    float: left;
    font-size: 16px;
    height: 32px;
    line-height: 24px;
    margin-top: 1em;
    width: 240px;
}

timeline .hr {
    width: 240px;
}

.timeline span.last,
.timeline span.last span.fullHour,
.timeline span.last span.hr {
    width: 30px;
}

.timeline span.last {
    margin-top: 0px;
}

.scrollButtons {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    z-index: 100;
}

.header,
.timelineBar {
    position: relative;
    width: 100%;
}

.header {
    background: #fff;
    display: none;
    top: 0px;
    z-index: 800;
}

.timelineBar {
    background: #f6f6f6;
    height: 68px;
    overflow: hidden;
    z-index: 700;
}

.channel {
    background: url(../png/chbg.png) repeat-y #fff right;
    clear: both;
    float: left;
    height: 86px;
    width: 61px;
    z-index: 2;
}

body#tv-guide .channel {
    float: none;
}

body#tv-guide .list-view .channel {
    float: left;
    height: 108px;
    width: 60px;
}

body#tv-guide .list-view .channel img {
    height: 107px;
    width: 60px;
}

.programs {
    float: left;
    width: calc(100% - 60px);
}

body#tv-guide .programs {}

body#tv-guide .list-view .programs {
    border-top: none;
    width: calc(100% - 60px);
}

.list-view .programs {
    border-bottom: 0px;
}

.list-view .channel {
    border-bottom: 1px solid #cacaca;
    cursor: pointer;
}

/* channel tool tip */
#chToolTip {
    height: 60px;
    left: 0px;
    position: absolute;
    top: 110px;
    width: auto;
    z-index: 900;
}

.tv-guide-mobile #chToolTip {
    top: 56px;
}

div.chToolTipBg {
    left: 22px;
    position: absolute;
    top: 30px;
}

.channels,
.criteria {
    position: relative;
    z-index: 799;
}

div.chToolTipBg i {
    color: #111;
}

div.chToolTipTxt {
    background: #111;
    color: #fff;
    float: left;
    padding: 8px;
    width: auto;
}

.channel.banner {
    background: #f6f6f6;
    cursor: pointer;
    height: 51px;
    margin-top: 1px;
}

.channel.banner .title {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin-left: 12px;
    margin-top: 15px;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

.channel h1,
.progTitle,
.timeTabs .tabOn .tabDay {
    font-weight: 700;
}

.withDetails .channel {
    height: 377px;
}

.channel h1 {
    font-size: 15px;
}

.channel img {
    background: no-repeat center center;
}

.criteria,
.criteria.tv-guide-mobile .filterRow,
.criteria.tv-guide-mobile .filters {
    background: #f6f6f6;
}


.channels {
    float: left;
    margin-top: 1px;
    width: 60px;
}

.criteria,
.no-programs-message {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
}

.no-programs-message {
    border-top: 1px solid #cacaca;
    margin-top: 53px;
    padding-bottom: 50px;
    padding-top: 50px;
    text-align: center;
}

.criteria {
    border-right: 1px solid #cacaca;
    height: 100px;
    top: 0px;
}

.criteria.tv-guide-mobile {
    background: #f6f6f6;
    height: 40px;
}


.criteria.tv-guide-mobile .prev span,
.criteria.tv-guide-mobile .next span {
    display: none;
}

.timeline {
    background: #fff url(../gif/timelinebar.gif) repeat-x 61px 2px;
    height: 67px;
    padding-left: 46px;
    width: 11650px;
}

.timeline .txOnNow {
    font-weight: bold;
    margin-left: 39px;
    margin-top: 43px;
    position: absolute;
}

.show-earlier {
    background-color: #fff;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-top: 1px solid #c1c1c1;
    color: #262626;
    cursor: pointer;
    float: left;
    padding: 10px;
    text-align: center;
    width: 100%;
}

.progSummary,
.show-earlier .right {
    padding-left: 20px;
}

.pSummary,
.progSummary,
.show-earlier .left {
    padding-right: 20px;
}

.show-earlier:focus,
.show-earlier:hover {
    background-color: #262626;
    color: #fff;
    text-decoration: underline;
}

.show-earlier:focus i,
.show-earlier:hover i {
    color: #fff;
    text-decoration: none;
}

#progDetail {
    background: #262626;
    color: #fff;
    float: left;
    height: 292px;
    overflow: hidden;
    position: relative;
    z-index: 701;
}

body#home #progDetail {
    height: 282px;
}

.progSummary {
    background: #262626;
    left: 50%;
}

img.prog {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 158px;
    margin-right: 20px;
    margin-top: 15px;
    width: 280px;
}

img.prog-other {
    background-color: #fff;
    border-left: 38px solid #fff;
    border-right: 38px solid #fff;
    width: auto;
}

.pSummary {
    float: left;
    height: 97px;
    margin-top: 7px;
    overflow: hidden;
    width: 360px;
}

.pInfo,
.pInfo2 {
    float: left;
}

.channels-wrap {
    background: #f5f8f8;
    width: 12500px;
}

.pInfo2 {
    border-top: 1px solid #d7d7d7;
    margin-top: 10px;
    min-height: 120px;
    padding-top: 0px;
}

.progTxt {
    float: left;
    height: 100%;
    width: 100%;
}

.progTitle {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 19px !important;
    margin-bottom: 0px;
    margin-top: 13px;
}

.series,
.mins,
.rating {
    font-size: 13px;
    margin-bottom: 0px;
    margin-top: 5px;
}


#miniEPG .mobile .series {
    white-space: normal;
}

.rating span {
    line-height: 1.9em;
    padding-left: 5px;
}

#datepicker {
    background: url('../png/cal.png') no-repeat;
    border: none;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 0px;
    height: 20px;
    line-height: 0px;
    margin-right: 13px;
    margin-top: 10px;
    width: 20px;
}

#epgInnerWrap .schedule.active,
#epgInnerWrap .schedule.active span span,
#epgInnerWrap .schedule:focus,
#epgInnerWrap .schedule:focus span span,
#epgInnerWrap .schedule:hover,
#epgInnerWrap .schedule:hover span span,
.list-view .schedule.active,
.list-view .schedule:focus,
.list-view .schedule:hover {
    background: #262626 !important;
    border-bottom: 1px solid #262626;
}

.progDate {
    font-size: 16px;
    margin: 0;
}

.pInfo .txOnNow {
    font-size: 11px;
    margin-left: 0;
    margin-top: 6px;
    padding-right: 3px;
}

.list-view .schedule:hover .txTitle,
.list-view .schedule:focus .txTitle,
.list-view .schedule.active .txTitle,
.list-view .schedule:hover .txTime,
.list-view .schedule:focus .txTime,
.list-view .schedule.active .txTime {
    color: #fff;
}


#epgInnerWrap .schedule.active,
.list-view .schedule.active {
    display: block;
    z-index: 701;
}

.verticalProgram.channel-view .schedule.active {
    display: none !important;
}

.channel-view img.print-logo {
    display: none;
}



#epgInnerWrap .schedule.active .txTitle,
#epgInnerWrap .schedule.active .txTime,
#epgInnerWrap .schedule:hover .txTitle,
#epgInnerWrap .schedule:hover .txTime,
#epgInnerWrap .schedule:focus .txTitle,
#epgInnerWrap .schedule:focus .txTime {
    clear: both;
    color: #fff;
}

#epgInnerWrap .schedule.active .txOnNow,
#epgInnerWrap .schedule:hover .txOnNow,
#epgInnerWrap .schedule:focus .txOnNow {
    background: #ba2026 !important;
}

.pInfo,
.pInfo2 {
    width: 580px;
}


.pInfo3 {
    float: left;
    height: auto;
    width: 530px;
}

.pInfo4,
.pInfo4 span {
    float: right;
    height: auto;
    width: 50px;
}

.pInfo4 span img {
    float: right;
}

.nowTimeline {
    background: #e8edee;
    height: 30px;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 107px;
    z-index: 7000;
}

.timeTabs .tabOn .tabDay,
.timeTabs .tabOn .tabDate,
.timeTabs ul li:hover .tabDay,
.timeTabs ul li:focus .tabDay,
.timeTabs ul li:hover .tabDate,
.timeTabs ul li:focus .tabDate {
    color: #127ab2;
}

.timeTabs li.disabled,
.timeTabs li.disabled .tabDay,
.timeTabs li.disabled:hover,
.timeTabs li.disabled:hover .tabDay,
.timeTabs li.disabled .tabDate,
.timeTabs li.disabled:hover .tabDate {
    background: none;
    color: #69b3db;
    cursor: default;
    font-weight: normal;
}

.timeTabs li.disabled:hover .tabDate {
    color: #fff;
}

.rating img {
    margin-right: 5px;
}

.ui-datepicker-title {
    color: #fff;
    font-weight: normal !important;
    line-height: 2.5em !important;
}

.ui-widget-header {
    background: #434343 !important;
    border: none;
    color: #fff;
}

.ui-datepicker .ui-datepicker-header {
    border: none !important;
    border-radius: 0px !important;
    padding: 0 !important;
}

.ui-datepicker th {
    background: #F5F8F8 !important;
    font-weight: normal !important;
    padding: .4em .3em;
}

.ui-datepicker table {
    border-collapse: collapse;
    border-spacing: 0 !important;
    font-size: 0.7em !important;
    margin: 0 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #fff !important;
    border: none;
    height: 24px;
    line-height: 2em;
    width: 30px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: url('../png/datetoday.png') no-repeat -3px bottom !important;
    color: #555 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #40274f !important;
    color: #fff !important;
}

.ui-state-disabled .ui-state-default,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled .ui-state-default {
    background: url('../png/datebg.png') #e0e5e8 !important;
    opacity: 1 !important;
}

.ui-state-hover .ui-icon,
.ui-widget-content .ui-datepicker-prev,
.ui-widget-content .ui-datepicker-next {
    background: #434343 !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
    text-align: center !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-prev-hover span {
    background: url('../png/dateleft.png') no-repeat !important;
    border: none;
    height: 24px;
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-next-hover span {
    background: url('../png/dateright.png') no-repeat !important;
    border: none;
    height: 24px;
}

.ui-state-hover {
    border: none !important;
    padding: 1px;
}

.ui-corner-all {
    border-radius: 0px !important;
}

.ui-datepicker-month,
.ui-datepicker-year {
    font-size: 18px;
}

div.ui-datepicker {
    border: 2px solid #434343;
    padding: 0px !important;
    width: auto;
}

.ui-datepicker td {
    border-right: 1px solid #C0BEBE;
    border-top: 1px solid #C0BEBE;
    margin: 2px;
    padding: 0px;
}

.ui-front {
    z-index: 1000000 !important;
}

.previousDay div,
.nextDay div {
    background: #d2dbe2;
    height: 36px;
    margin-top: 111px;
}

.sticky {
    left: 0;
    position: absolute;
    top: 0;
}

.channel img {
    display: block;
    height: 85px;
    width: 60px;
}

#miniEPG .channel {
    height: 56px;
    width: 46px;
}

#miniEPG .channel img {
    background-size: contain;
    height: 44px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    width: auto;
}

.timeTabs,
.timeTabs ul li {
    background: #017db3;
    float: left;
}

#miniEPG .list-view .channel {
    height: 54px;
    width: 60px;
}

#miniEPG .list-view .channel img {
    height: 53px;
    margin-top: 20px;
    width: 60px;
}

#miniEPG .list-view.mobile .channel {
    height: 100px;
    width: 60px;
}

#miniEPG .list-view.mobile .channel img {
    height: 99px;
    margin-top: 0px;
    width: 60px;
}

body#home .list-view .progTxt,
body#abc1 .list-view .progTxt,
body#abc2 .list-view .progTxt {
    height: 2em;
}

.timeTabs {
    clear: both;
    height: 50px;
    width: 100%;
}

.timeTabs .tabDay {
    float: left;
    font-size: 15px;
    line-height: 1em;
    margin-top: 8px;
    width: 100%;
}

.timeTabs .tabDate {
    color: #fff;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin-top: 0px;
    text-transform: uppercase;
    width: 100%;
}

.timeTabs ul {
    list-style: none;
    margin: 5px auto 0;
    padding-left: 15px;
    padding-right: 15px;
    width: 980px;
}

.timeTabs ul li {
    color: #fff;
    cursor: pointer;
    height: 45px;
    margin: 0px 3px 0px 0px;
    text-align: center;
    width: 8%;
}

.filters {
    margin: 0;
    width: 100%;
}

#arrowsRow {
    display: none;
}

.fullguide-timeNav #arrowsRow {
    display: block;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0px;
    width: 980px;
}

.previousHour {
    left: 0px;
    position: absolute;
    top: 119px;
}

.nextHour {
    left: 938px;
    position: absolute;
    top: 119px;
}

html.ie8 .nextHour {
    left: 937px;
}

.previousHour .icon-chevron-left,
.nextHour .icon-chevron-right {
    background: #fff;
    cursor: pointer !important;
    display: block;
    font-size: 32px;
    max-height: 63px;
    min-height: 63px;
    padding: 17px 10px 14px 10px;
    text-decoration: none !important;
    width: auto;
}

html.ie8 .previousHour .icon-chevron-left,
html.ie8 .nextHour .icon-chevron-right {
    max-height: 46px;
    min-height: 46px;
    padding: 17px 10px 0px 10px;
}

.previousHour a.icon-chevron-left:hover,
.nextHour a.icon-chevron-right:hover,
.previousHour a.icon-chevron-left:focus,
.nextHour a.icon-chevron-right:focus {
    background: #007DB3;
    color: #fff;
    text-decoration: none !important;
}

.previousHour a.previousHigh,
.nextHour a.nextHigh {
    background: #fff !important;
    color: #007DB3 !important;
}

.timeTabs ul li:hover,
.timeTabs ul li:focus {
    background: #f6f6f6;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

}

.timeNav {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    width: 20% !important;
}

.desktop,
.timeNav div {
    height: 1.4em;
    overflow: hidden;
}

.timeNav div i.icon-chevron-left,
.timeNav div i.icon-chevron-right {
    font-size: 18px;
    margin-left: 4px;
    margin-right: 4px;
    vertical-align: middle;
}

.timeNav div:hover,
.timeNav div:focus {
    color: #fff;
}

.timeNav.disabled,
.timeNav.disabled span div,
.timeNav.disabled span:hover div,
.timeNav.disabled span div:hover {
    color: #69b3db;
    cursor: default;
    text-decoration: none !important;
}

.timeNav.day {
    display: none;
}

#jump:hover,
#jump:focus {
    background-color: #fff;
    color: #cbcbcb;
}

#jump li:hover {
    background: #262626 !important;
}

.location li:hover span {
    background: #dadada;
}

#jump li:focus,
.location li:focus span {
    background: #dadada;

}

#jump li:hover,
#jump li:focus,
#jump.dhighlight li {
    border: 1px solid #dadada !important;
    border-radius: 4px;
}

.filters .dhighlight,
#jump:focus,
#jump.dhighlight {
    background-color: #f6f6f6;
}

#jump:focus span,
#jump li:hover span {
    color: #fff;
}

#jump.dhighlight span {
    color: #262626;
    display: inline-block;
}

#jump.dhighlight .jumpLabel {
    color: #262626;
    float: right;
    margin-right: 10px;
    padding: 5px 5px 5px 0px;
}

.mobile #jump.dhighlight .jumpLabel {
    padding: 15px 5px 5px 0;
}

.mobile #jump li {
    height: 46px;
    line-height: 40px;
    padding-left: 16px;
    padding-right: 16px;
}

.timeTabs ul li.timeNav.prev span {
    color: #fff;
    cursor: pointer;
    float: left;
    font-weight: normal;
    margin-top: 10px;
    text-align: left !important;
}

.timeTabs ul li.timeNav.next span {
    color: #fff;
    cursor: pointer;
    float: right;
    font-weight: normal;
    margin-top: 10px;
    text-align: right !important;
}

.timeTabs ul li.timeNav.prev span:focus,
.timeTabs ul li.timeNav.next span:focus,
.timeTabs ul li.timeNav.prev span:hover,
.timeTabs ul li.timeNav.next span:hover {
    color: #fff;
    text-decoration: underline;
}

html.ie8 body#tv-guide .timeTabs ul li.week,
html.ie8 body#tv-guide .timeTabs ul li.day {
    background: #017DB3 !important;
}

html.ie8 .filters {
    margin: 0 auto 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 980px;
}

.tabOn {
    background: #f6f6f6 !important;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #000;
}

.timeNav span {
    width: 100%;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

.ui-dialog {
    background: #434343;
    height: 100% !important;
    width: 99% !important;
}

.ui-dialog .ui-dialog-content {
    background: none !important;
    overflow: visible !important;
    padding: 0 !important;
}

.ui-dialog .ui-state-default,
.ui-dialog .ui-widget-content .ui-state-default,
.ui-dialog .ui-widget-header .ui-state-default {
    background: #434343 !important;
}

.ui-dialog {
    border: none !important;
}

#miniEPG :focus,
#view :focus {
    border: none !important;
    outline: none !important;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: auto;
}

/* More Info and Iview buttons */
.moreLink {
    background: #111;
    border: 4px solid #111;
    border-radius: 4px;
    float: right;
    height: auto;
    margin-bottom: 0px;
    margin-top: 4px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 10px;
    padding-top: 5px;
    width: 234px !important;
}

.seeFull {
    margin-top: 4px;
    white-space: nowrap;
}

.pIview {
    background: url(../png/iview_20x20.png) #111 no-repeat 200px center;
    border: 4px solid #111;
    border-radius: 4px;
    float: right;
    height: auto;
    margin-bottom: 1px;
    margin-top: 4px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 10px;
    padding-top: 5px;
    width: 234px !important;
}

.moreLink a,
.pIview a {
    color: #fff;
    display: block;
    font-size: 15px;
    text-decoration: none;
}

.moreLink a:hover,
.pIview a:hover,
.moreLink:hover a,
.pIview:hover a {
    color: #000;
    text-decoration: none;
}

.moreLink a:hover i,
.pIview a:hover i,
.moreLink:hover a i,
.pIview:hover a i {
    text-decoration: none;
}

.moreLink a:focus,
.pIview a:focus {
    color: #fff;
    text-decoration: underline;
}

.pIview:hover,
.moreLink:hover {
    background-color: #dadada;
    border: 4px solid #dadada;
    border-radius: 4px;
}

.moreLink i.icon-chevron-right {
    margin-left: 5px;
    margin-right: 10px;
}

.count {
    font-size: 0.8em;
    padding-left: 5px;
}

/* add ie8 overidides */
html.ie8 #progDetail {
    height: 292px;
    width: 100% !important;
}

html.ie8 body#home #progDetail {
    height: 282px;
}


ul.abc-channels-menu,
ul.abc-channels-menu li {
    display: inline;
}

ul.abc-channels-menu {
    float: left;
    margin-top: 2em;
    width: 100%;
}

ul.abc-channels-menu li {
    align: center;
    float: left;
    min-height: 50px;
    vertical-align: center;
    width: 20% !important;
}

ul.abc-channels-menu li a {
    float: left;
    min-height: 50px;
    width: 100% !important;
}

ul.abc-channels-menu li img {
    filter: alpha(opacity=100);
    float: left;
    height: auto;
    -moz-opacity: 1.0;
    opacity: 1.0;
    width: 100% !important;
}

ul.ABC1 li#tvABC1 img,
ul.ABC2 li#tvABC2 img,
ul.ABC3 li#tvABC3 img,
ul.ABC4KIDS li#tvABC4KIDS img,
ul.ABCN li#tvABCNEWS24 img,
ul.abc-channels-menu li a:hover img,
ul.abc-channels-menu li a:focus img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.5;
}

body.channel-page .full-tv-schedule,
.abc-schedule,
.abc2-schedule {
    display: none;
}

body#home .full-tv-schedule {
    display: inline-block;
    float: left;
}

body#abc1 .abc-schedule {
    display: inline-block;
    float: left;
}

body#abc2 .abc2-schedule {
    display: inline-block;
    float: left;
}

.guideHeader {
    margin-bottom: 0px !important;
    margin-top: 0px;
    padding-bottom: 8px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 8px;
}

.guideHeader h2 {
    font-size: 28px;
    float: left;
    margin-top: 0;
    padding-right: 20px;
    padding-top: 0;
    width: auto;
}

.guideHeader div {
    float: left;
    padding-top: 24px;
    width: auto;
}

.locationHolder {
    border-bottom: 1px solid #cacaca;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
    padding-right: 0px !important;
    position: relative;
    z-index: 1000;
}

.tv-guide-mobile li.desktop {
    display: none;
}

.tv-guide-mobile li.tabOn {
    display: inline-block;
}

#miniEPG .list-view.mobile .channel img {
    background-position: top left;
    background-size: cover;
}

.tv-guide-mobile .timeTabs ul {
    width: 100% !important;
}

.tv-guide-mobile .timeTabs ul li {
    margin: 0 !important;
    padding-left: 2%;
    padding-right: 2%;
    width: 33% !important;
}

/* channel view jump to period menu overides */
#jump.channel-view {
    display: block !important;
    height: 45px;
}

#jump.channel-view.dhighlight .jumpLabel {
    float: left !important;
}

#jump ul.jump-channel {
    float: left;
    width: auto;
}

#jump ul.jump-channel li {
    background: none;
    float: left;
    width: auto;
}

#jump ul.jump-channel li a {
    color: #262626;
}

#jump ul.jump-channel li:hover,
#jump ul.jump-channel li:focus {
    background: #DADADA;
}

#jump ul.jump-channel li a:hover {
    color: #fff;
    text-decoration: none;
}

#jump ul.jump-channel li a:focus {
    background: #262626;
    color: #fff;
    text-decoration: underline;
}

#jump ul.jump-channel li:hover a {
    color: #fff;
}

#miniEPG .mobile .pInfo2 {
    padding-bottom: 20px;
}

.mobile #jump.channel-view {
    height: 130px;
}

.mobile ul li {
    background: url(../gif/background_miniepg_mobile.gif) no-repeat bottom left;
    border-left: 1px solid #cacaca;
    float: left;
    width: 100%;
}

.mobile ul li ul li,
.list-view.mobile .channel,
.channel-view ul li,
.channel-view .mobile ul li ul li {
    border-left: none;
}

.channel-view ul li,
.channel-view.pageContent.verticalProgram ul li {
    background: none;
}

.list-view.mobile #progDetail:not(.ontoday) {
    position: fixed;
}

a.channelOffAir span.txOnNow {
    display: none;
}

@media only screen and (max-width: 320px) {
    .list-view .schedule.programOnNow .txTitle {
        max-width: 32%;
    }

    .closeBtn {
        min-width: 40px;
    }

    .desktop {
        display: none;
    }

    .timeNav {
        background: #017db3 !important;
        cursor: default !important;
    }

    .pSummary {
        height: 53px;
        margin-bottom: 8px;
        width: 100%;
    }

    .pInfo2 {
        width: 100%;
    }

    .pInfo3 {
        width: 80%;
    }

    .pInfo {
        width: 100%;
    }

    .pInfo4 {
        width: 20%;
    }

    .pInfo {
        width: 100%;
    }
}

@media only screen and (min-width: 320px) {
    .list-view .schedule.programOnNow .txTitle {
        margin-right: 0px;
    }

    .desktop {
        display: none;
    }

    .timeNav {
        background: #017db3 !important;
        cursor: default !important;
    }

    .pSummary {
        height: 53px;
        margin-bottom: 8px;
        width: 100%;
    }

    .pInfo3 {
        width: 80%;
    }

    .pInfo {
        width: 100%;
    }

    .mobile .pInfo4 {
        position: absolute;
        right: 10px;
        top: 0px;
        width: 20%;
    }

    .pInfo2 {
        width: 100%;
    }

    .pInfo4 .close-icon i {
        background: #272727;
        display: block;
        padding: 4px;
    }
}

@media only screen and (min-width: 480px) {
    .list-view .schedule.programOnNow .txTitle {
        margin-right: 0px;
        max-width: 60%;
    }

    .desktop {
        display: none;
    }

    .timeNav {
        background: #017db3 !important;
        cursor: default !important;
    }

    .pSummary {
        height: 53px;
        margin-bottom: 8px;
        width: 100%;
    }

    .pInfo3 {
        width: 80%;
    }

    .pInfo {
        width: 100%;
    }

    .pInfo4 {
        width: 10%;
    }

    .pInfo2 {
        width: 100%;
    }
}

@media only screen and (min-width: 801px) {
    .desktop {
        display: block;
    }

    .timeNav div {
        display: none;
    }

    .timeNav {
        background: #017db3 !important;
        cursor: default !important;
    }

    .location .locHeader i.icon-times {
        cursor: pointer;
        float: right;
        font-size: 1.8em;
        padding: 10px;
        vertical-align: middle;
    }

    .pSummary {
        height: 53px;
        margin-bottom: 8px;
        width: 100%;
    }

    .pInfo3 {
        width: 80%;
    }

    .pInfo {
        width: 100%;
    }

    .pInfo4 {
        width: 10%;
    }

    .pInfo2 {
        width: 100%;
    }
}

@media only screen and (min-width: 992px) {
    .list-view .schedule .txTitle {
        max-width: 265px;
    }

    .filters {
        margin: 0 auto 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        width: 980px;
    }

    .desktop,
    .timeNav div {
        display: block;
    }

    .timeNav {
        background: #017db3 !important;
        cursor: default !important;
    }

    img.prog {
        display: block;
    }

    .pSummary {
        height: 97px;
        width: 360px;
    }

    .pInfo4 {
        width: 50px;
    }

    .pInfo {
        width: 580px;
    }

    .pInfo2 {
        width: 580px;
    }

    .pInfo3 {
        float: left;
        min-height: 80px;
        width: 510px;
    }

    .progTitle {
        font-size: 19px;
    }

    .pInfo3 .txOnNow {
        float: none;
    }

    body#home .pInfo2-txt p,
    body#abc1 .pInfo2-txt p,
    body#abc2 .pInfo2-txt p {
        margin: 0;
    }
}

@media only screen and (min-width: 1025px) {

    #miniEPG .list-view .channel,
    #miniEPG .list-view .schedule {
        height: 54px;
    }

    #miniEPG .list-view.mobile .channel,
    #miniEPG .list-view.mobile .schedule {
        height: 50px;
    }

    #miniEPG .list-view .schedule.active {
        background-color: #fff;
        display: block;
    }

    #miniEPG img.prog,
    body#home .pInfo,
    body#abc1 .pInfo,
    body#abc2 .pInfo {
        float: left;
    }

    #miniEPG .list-view .channel img {
        margin-top: 0px;
    }

    /* add not mobile */
    .list-view .schedule {
        float: left !important;
        margin-left: 0px !important;
        width: 50% !important;
    }

    .pInfo2-txt p {
        max-height: 130px;
        overflow-y: auto;
    }

    .verticalProgram .pInfo2-txt p {
        max-height: 200px;
    }

    body#home .pInfo,
    body#abc1 .pInfo,
    body#abc2 .pInfo {
        width: 600px;
    }
}

@media only screen and (max-width: 979px) {

    /* hide timelineBar and Arrows when smaller than 980px */
    #arrowsRow,
    .timelineBar {
        display: none !important;
    }

    .locationHolder {
        width: 100% !important;
    }

    .criteria {
        width: 100%;
    }

    
}


@media only screen and (max-width: 1023px) {
.location li {
    height: 44px;
    line-height: 44px;
}
.guideHeader div {padding-bottom:12px;}
.locationHolder {width:100% !important;}
    .criteria {
        z-index:901;
        width: 100%;
    }
    .categorySelected,
    .channelSelected {
        margin-left: 20px
    }
        
    /* hide mobile design elements */
    .timeNav.week,
    #jump,
    #scrollbar1 .scrollbar {
        display: none;
    }

    .timeNav.day {
        display: block;
    }
}


.list-view.mobile ul.programs,
.list-view.verticalProgram ul.programs {
    min-width: 90%;
}

.list-view.mobile ul.programs li,
.list-view.verticalProgram ul.programs li {
    width: 100%;
}

.list-view.mobile .schedule,
.list-view.verticalProgram .schedule {
    width: 100% !important;
}

@media only screen and (min-width: 980px) {
    .list-view.verticalProgram {
        margin-left: auto;
        margin-right: auto;
        width: 980px;
    }

    .locationHolder {
        width: 980px !important;
    }
}

@media only screen and (max-width: 640px) {

    .list-view.mobile ul.programs,
    .list-view.verticalProgram ul.programs {
        min-width: 78%;
    }
}

@media only screen and (min-width: 980px) {
    #progDetail {
        width: 100% !important;
    }
}

/* start mobile styles old 1280 break point changed to .mobile */
.mobile .close-icon {
    font-size: 2em !important;
}

.mobile .schedule.active {
    background: #262626 !important;
    display: block;
}

#miniEPG .mobile #progDetail {
    overflow-y: auto;
}

#miniEPG .mobile .progSummary {
    float: left;
    min-height: 100%;
}

/* mobile view for program details */
.mobile #progDetail {
    height: 100%;
    left: 0px;
    padding-left: 0 !important;
    /* position: fixed; */
    top: 0px;
    width: 100% !important;
    z-index: 1004;
}

body#home .mobile #progDetail {
    height: 100%;
}

.verticalProgram.mobile #progDetail {
    overflow-y: auto;
    padding-bottom: 1em;
}

.verticalProgram.mobile #progDetail.progSummary {
    float: left;
    min-height: 100%;
}

.mobile .pInfo2-txt {
    display: block !important;
    width: 100% !important;
}

.mobile .pInfo2-links {
    display: block !important;
    padding-left: 0 !important;
    width: 100% !important;
}

.mobile .pIview {
    width: 100% !important;
}

.mobile .moreLink {
    float: left;
    width: 100% !important;
}

.mobile .pInfo {}

.mobile img.prog {
    height: auto !important;
    max-width: 460px !important;
    width: calc(100% - 40px) !important;
}

.mobile img.prog-other {
    border-left: 31px solid #fff !important;
    border-right: 31px solid #fff !important;
    height: 146px !important;
    width: auto !important;
}

/* end mobile styles old 1280 break point changed to .mobile */

/* moved outside 1280 break */
.timeNav div {
    display: block;
}

@media only screen and (max-width: 800px)
/* was 767px */

    {
    .timeTabs ul {
        width: 100% !important;
    }

    .timeTabs ul li {
        margin: 0 !important;
        padding-left: 2%;
        padding-right: 2%;
        width: 33% !important;
    }

    .locationHolder.dhighlight {
        z-index: 1004;
    }

    ul.abc-channels-menu li {
        width: 33.33% !important;
    }

    /* mobile menu styles for date picker and state picker */
    div.ui-datepicker {
        left: 0px !important;
        position: fixed !important;
        top: 0px !important;
        width: 100% !important;
    }

    .location {
        height: 100%;
        left: 0px;
        max-width: 100%;
        min-width: 100%;
        position: fixed;
        top: 0px;
    }

    .location .locHeader i.icon-times {
        cursor: pointer;
        float: right;
        font-size: 2.2em;
        padding: 10px;
        vertical-align: middle;
    }

    .tabOn {
        display: block;
    }

    .verticalProgram .progSummary {
        float: left;
        height: auto;
        padding-left: 3%;
        padding-right: 3%;
        width: 100% !important;
    }

    .verticalProgram .progSummary img.prog {
        float: left;
        height: auto;
        margin-bottom: 1em;
        max-width: 320px;
        width: 100%;
    }

    .verticalProgram .progSummary .pInfo {
        float: left;
        height: auto;
        width: 100% !important;
    }

    .verticalProgram #progDetail {
        height: 100%;
        overflow: none;
        width: 100%;
    }

    .verticalProgram .progSummary .pInfo .pInfo3,
    .verticalProgram .progSummary .pInfo .pInfo2 {
        width: 100% !important;
    }

    .verticalProgram .moreLink,
    .verticalProgram .pIview {
        margin-top: 0.5em;
    }

    .verticalProgram .moreLink,
    .verticalProgram .pIview {
        float: left;
        margin-right: 50%;
        width: 50%;
    }

    .filters select {
        margin-left: 5%;
    }
}

@media only screen and (min-width: 1200px) {

    .desktop,
    .timeNav div {
        display: block;
    }

    .timeNav {
        background: #017db3 !important;
        cursor: default !important;
        width: 20% !important;
    }

    img.prog {
        display: block;
    }

    .pSummary {
        height: 97px;
        width: 360px;
    }

    .pInfo4 {
        width: 50px;
    }

    .pInfo {
        width: 580px;
    }

    .pInfo2 {
        width: 580px;
    }

    .progTitle {
        font-size: 19px;
    }

    .pInfo3 .txOnNow {
        float: none;
    }
}

.timeID,
.timeID_c,
.timeID_t,
.timeID_st,
.timeID_et,
.timeID_r,
.timeID_cp,
.timeID_d,
.timeID_crid {
    display: none;
}

.searchActive {
    background: #434343 !important;
    border-bottom: 1px solid #434343 !important;
}

.searchActive .txTitle,
.searchActive .txTime {
    color: #fff;
}

.spinner {
    font-size: 20em;
    text-align: center;
    z-index: 999999;
}

/* Channel & Category Styles */

h4.day-period-title {
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 10px 0;
    width: 100%;
}

.verticalProgram.container {
    padding-left: 0;
    padding-right: 0;
}

.verticalProgram .progTxt {
    align-items: baseline;
    background: #fff;
    border-bottom: 1px solid #C1C1C1;
    border-left: 1px solid #C1C1C1;
    border-right: 1px solid #C1C1C1;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 1em;

}

.verticalProgram ul li ul li:first-child .progTxt {
    border-top: 1px solid #C1C1C1;
}

.list-view.verticalProgram .progTxt {
    border: 0 !important;
}

.list-view.verticalProgram .channel {
    background: #fff !important;
}

.list-view .freeBanner {
    border-bottom: 1px solid #C1C1C1;
}

.list-view.verticalProgram .progTxt {
    background: #fff;
    border-bottom: 0;
    padding-bottom: 0;
}

.list-view.pageContent ul li {
    margin-bottom: 0;
}

.list-view.container.pageContent {
    padding-bottom: 0;
}

.verticalProgram .progTxt.no-programs-scheduled:hover,
.verticalProgram .progTxt.no-programs-scheduled:hover .txTitle {
    background: #FFF !important;
    color: #333;
    cursor: default !important;
}

.verticalProgram .active .progTxt {
    background: #fff;
}

.verticalProgram .active .progTxt .txTitle {
    color: #2f2f2f;
}

.verticalProgram .active .progTxt .txTime {
    color: #10608c;
}

/* now-next show other channels */
.list-view .freeBanner.toggleOtherChannels a {
    display: block;
    width: 100%;
    color: #333;
    text-decoration: none;
}
.list-view .freeBanner.toggleOtherChannels a:hover,
.list-view .freeBanner.toggleOtherChannels a:focus {
    color: #fff;
    background: #333 !important;
}
.verticalProgram li.ABC-false {
    display: none;
}


/* overide */

.pageContent.verticalProgram ul li {
    background: #fff;
    min-height: 0px;
    padding: 0;
}

.filters select {
    background: #F2F2F2;
    border: 1px solid #F2F2F2;
    color: #333;
    font-size: 1.1em;
    margin-top: 8px;
    padding-bottom: 0.1em;
    padding-top: 0.1em;
}

/* Category */

.criteria.category,
.criteria.channel {
    border-bottom: 5px solid #BABABA;
}

/* Fixed Layout Styles on Scroll */

nav#abcHeader.fixedLayout,
header#navbar-main.fixedLayout,
nav.subnavHolder.fixedLayout {
    display: none;
}

.criteria.fixedLayout,
.timelineBar.fixedLayout,
nav.subnavHolder.fixedLayout {
    position: fixed;
}

.criteria.fixedLayout {
    border-left: 0px;
    border-right: 0px;
    width: 100%;
}

.scrollbar.fixedLayout {
    position: fixed !important;
    top: 100px;
    width: 980px;
    z-index: 1003;
}

.timelineBar.fixedLayout {
    top: 125px;
    width: 978px;
    z-index: 703;
}

.channels.fixedLayout {
    margin-top: 318px;
    z-index: 702;
}

.channels-wrap.fixedLayout {
    margin-top: 317px;
}

.scrollbar.fixedLayout {
    background: #f6f6f6;
}

.verticalProgram.fixedLayout {
    margin-top: 200px;
}

#scrollbar1 .fixedLayout .rail {}

.fixedLayout .previousHour,
.fixedLayout .nextHour {
    top: 124px;
}

.fixedLayout .previousHour {
    left: 1px;
}

.fixedLayout .nextHour {
    left: 939px;
}

/* Channel and Category views styles */

.verticalProgram #progDetail {
    height: 100%;
    padding-left: 0 !important;
}

.summary-icon {
    background-image: url(../png/background_info_off.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.verticalProgram .progTxt {
    cursor: pointer;
}

.verticalProgram .progTxt:hover,
.verticalProgram .schedule:focus .progTxt,
.verticalProgram .progTxt:active {
    background: #262626 !important;
}

.verticalProgram .schedule:hover .txTitle,
.verticalProgram .schedule:focus .txTitle,
.verticalProgram .schedule:hover .txTime,
.verticalProgram .schedule:focus .txTime {
    color: #fff;
}

.verticalProgram .progSummary {
    float: left;
    height: auto;
    left: 0;
    width: auto;
}

.verticalProgram .progSummary img.prog {
    float: left;
    margin-bottom: 1em;
    width: auto;
}

.verticalProgram .progSummary .pInfo {
    float: left;
    position: relative;
    width: 60%;
}

.verticalProgram .progSummary .pInfo .pInfo4 {
    position: absolute;
    right: 0;
}

.verticalProgram .progSummary .pInfo .pInfo3,
.verticalProgram .progSummary .pInfo .pInfo2 {
    height: auto;
}

.verticalProgram .progSummary .pInfo .pInfo3,
.verticalProgram .progSummary .pInfo .pInfo2 {
    width: 100%;
}

.loading-spinner {
    background: url(../png/background_white1px_mosaic.png);
    height: 100%;
    position: absolute;
    top: 110px;
    width: 100%;
    z-index: 10001;
}

.loading-spinner div {
    padding-left: 48%;
    position: relative;
    top: 20%;
    width: 100px;
    z-index: 10001;
}

body.spinner_bottom .loading-spinner {
    top: 1050px;
}

body.spinner_bottom .loading-spinner div {
    top: 5%;
}

/* older ie spinner */
.loading-spinner div img {
    display: none;
}

html.ie8 .loading-spinner div img,
html.ie9 .loading-spinner div img {
    background-color: #fff;
    border: 5px solid #fff;
    border-radius: 5px;
    display: inline;
    height: 50px;
    margin-left: 50px;
    width: 50px;
}

.closeBtn {
    cursor: pointer;
    min-width: 70px;
    padding-top: 1em;
}

.close-icon {
    color: #D7D7D7;
    display: inline-block;
    float: right;
    font-size: 22px;
    font-weight: bold;
    height: 28px;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    width: 28px;
}

.close-txt {
    float: right;
    padding-top: 4px;
    width: 40px;
}

.closeBtn:hover .close-icon,
.closeBtn:focus .close-icon {
    color: #fff;
}

.closeBtn:focus .close-txt {
    text-decoration: underline;
}

.pInfo2 div {
    width: 100%;
}

.iviewImg {}

.show_text .iviewImg {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 20px;
}

.repeatEvent {
    font-size: 0.9em;
    padding-top: 0.2em;
}

.pInfo2 {
    display: table;
    width: 100%;
}

.pInfo2-txt {
    display: table-cell;
    padding-top: 0.5em;
    vertical-align: top;
    width: auto;
}

.pageContent .pInfo2-txt p {
    width: 100%;
}

.pInfo2-links {
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
    width: 220px;
}

.pInfo3 .progTitle {
    padding-right: 0;
}


/* page notice styles */
@media screen, projection {
    .pageContent p.notice {
        display:block; clear:both; width:100%; padding:0.5em 2px; font-weight:bold; font-size:12px; line-height:1.4; color:#000;
    }
    .notice strong {
        color:#e00;
    }
    .notice a {
        text-decoration:underline; color:#000;
    }
}
@media only screen and (min-width:641px) {
    .pageContent p.notice {
        width:70%; margin:2em auto 0em auto; padding:0.5em 1em; font-size:14px;
    }
}


/* radio channels */
.radioChannels {clear:both; padding-top:2em;}
.radioChannels h4 {}
.radioChannels ul {list-style:none;}
.radioChannels ul li {display:inline; margin:0; padding:0 0.5em 0 0 !important; white-space:nowrap;}

/* print-friendly guides lists */
.printFriendlyGuides {margin-top:-1em;}
.printFriendlyGuides ul {margin-top:0em;}
.printFriendlyGuides ul li {list-style-type:square; margin:0em 1.5em; padding:0 !important;}