.channel_opg .t {
    height: 37px;
    width: 310px;
    display: block;
    background: url(../images/channel_opg.png) no-repeat top;
}

.opg_box .t {
    height: 57px;
    width: 950px;
    display: block;
    overflow: hidden;
}

.opg_box .green_bar {
    height: 32px;
    width: 950px;
    display: block;
    background: url(../images/opg_container_full.png) no-repeat top;
}

.opg_box .no_slider {
    height: 32px;
    width: 950px;
    display: block;
    background: url(../images/opg_container_full_empty.png) no-repeat top;
}

.opg_box .grey_bar {
    height: 25px;
    width: 948px;
    display: block;
    background: url(../images/greybar_bg.png) repeat-x top;
    border-left: 1px solid #71A515;
    border-right: 1px solid #71A515;
    border-bottom: 2px solid #4D4D4D;
}

.opg_box .grey_bar_btm {
    height: 27px;
    width: 950px;
    display: block;
    background: url(../images/greybar_bottom.png) no-repeat 0 0;
}

.opg_box .grey_bar .programme_search_bar {
    height: 25px;
    width: 954px;
    margin-top: 0;
    background: url(../images/prog_search_bar.png) no-repeat 0 0;
}

#sort_title {
    height: 15px;
    width: 15px;
    margin-left: 231px;
    margin-top: 5px;
    display: block;
    float: left;
    cursor: pointer;
}

#sort_time {
    height: 15px;
    width: 15px;
    margin-left: 218px;
    margin-top: 5px;
    float: left;
    display: block;
    cursor: pointer;
}

.sort_neutral {
    background: url(../images/ui-icons_454545_256x240.png) no-repeat scroll -50px -193px;
}

.sort_asc {
    background: url(../images/ui-icons_454545_256x240.png) no-repeat scroll -65px -193px;
}

.sort_desc {
    background: url(../images/ui-icons_454545_256x240.png) no-repeat scroll -97px -193px;
}

.opg_box .t2 {
    height: 32px;
    width: 950px;
    display: block;
    background: url(../images/opg_container_full.png) no-repeat;
}

.opg_box .b {
    float: left;
    height: 27px;
    width: 950px;
    display: block;
    border-top: 2px solid #4D4D4D;
    overflow: hidden;

}

.mini_opg_box .t {
    float: left;
    height: 32px;
    width: 470px;
    display: block;
    background: url(../images/mini_opg_container.png) no-repeat top;
}

.mini_opg_box .l {
    float: left;
    display: block;
    height: 485px;
    width: 10px;
    background: url("../images/opg_container_side.png") repeat-y;
    z-index: 300;
}

.mini_opg_box .r {
    float: right;
    display: block;
    height: 485px;
    width: 10px;
    background: url("../images/opg_container_side.png") repeat-y -10px 0;
    z-index: 300;
}

.mini_opg_box .b {
    float: left;
    height: 29px;
    width: 455px;
    display: block;
    background: url(../images/mini_opg_container.png) no-repeat 0 -30px;
    overflow: hidden;
    padding: 8px 5px 5px 10px;
}

.opg_ch_block {
    width: 114px;
    height: 55px;
    display: block;
    background: url(../images/opg/opg_ch_block02.png) no-repeat;
    overflow: hidden;
    margin-bottom: 2px;
    cursor: pointer;
}

.opg_ch_block .ch_number {
    margin: 8px 2px 2px 2px;
    padding: 4px 2px 2px 0px;
    display: block;
    width: 30px;
    height: 20px;
    float: left;
    color: #fff;
    font-size: 18px;
}

.opg_ch_block .ch_logo {
    display: block;
    width: 78px;
    height: 40px;
    float: left;
    background-color: #555;
    color: #fff;
}

.opg_ch_block .ch_name {
    float: none;
    display: block;
    width: 107px;
    padding-left: 5px;
    padding-right: 2px;
    padding-bottom: 2px;
    height: 20px;
    overflow: hidden;
    text-align: left;
    font-size: 10px;
    color: #666;
    line-height: 12px;
}

.mini_opg_ch_block {
    display: block;
    height: 55px;
    margin-bottom: 2px;
    overflow: hidden;
    cursor: pointer;
}

.mini_opg_ch_block .t {
    height: 3px;
    width: 90px;
    background: url("../images/mini_opg_ch_block.png") no-repeat;
    overflow: hidden;
    display: block;
}

.mini_opg_ch_block .m {
    height: 42px;
    width: 90px;
    display: block;
    background: #fff;
    overflow: hidden;

}

.mini_opg_ch_block .b {
    height: 10px;
    width: 87px;
    background: url("../images/mini_opg_ch_block.png") no-repeat 0 -3px;
    overflow: hidden;
    display: block;
    font-size: 9px;
    text-align: right;
    line-height: 1em;
    color: #666;
    padding: 0 3px 0 0;
}

#tv_guide_loading {
    background: url("../images/opg/loading_icon.gif") center no-repeat transparent;
    background-color: #4d4d4d;
    text-align: center;
    height: 120px;
}

#tv_guide_error {
    background: #4d4d4d;
    text-align: center;
    color: white;
    font-weight: bold;
}

#opg_control {
    height: 853px;
    background: #4d4d4d;
    float: left; /*z-index: 1;*/
/*border-top: 2px solid #4D4D4D;*/
    border-left: 1px solid #71A515;
    border-right: 1px solid #71A515;
}

.opg_control {
    position: relative;
    overflow: hidden;
    border-left: 1px solid #71A515;
    border-top: 2px solid #4D4D4D;
    height: 853px
}

.opg_full {
    width: 948px;
}

.opg_medium {
    width: 715px;
}

#timeslots {
    position: relative;
    height: 25px;
    font-size: 11px;
    margin-left: 16px;
    z-index: 100;
}

.timeslot {
    margin: 0;
    background: url(../images/opg_time_slot.png);
    color: #fff;
    width: 50px;
    height: 25px;
    text-align: center;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 0;
    opacity: .9;
}

#channels {
    height: 855px;
    width: 115px;
    text-align: center;
    background-color: #71A515;
    overflow: hidden;
    position: absolute;
    -moz-user-select: none;
    left: 0px;
    z-index: 200; /*margin-right: 1px;*/
    padding-left: 1px;
}

.channel {
    margin: 0;
    width: 90px;
    height: 50px;
    color: #C6CBC9;
    text-align: right;
    font-size: 9px;
    margin-bottom: 2px;
    background-color: #232523;
    -moz-user-select: none;
    overflow: hidden;
}

.channel img {
    width: 60px;
    height: 30px;
    vertical-align: top;
    -moz-user-select: none;
    float: right;
}

.schedule {
    margin: 0;
    width: 240px;
    height: 55px;
    background-color: #fefefe;
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    text-align: left;
    font-size: 11px;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    -moz-user-select: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}

.schedule_duration {
    margin: 0;
    font-style: italic;
    font-size: 10px;
    color: #999999
}

.schedule>div {
    margin: 0;
    padding: 4px;
    height: 55px;
}

.schedule h3 {
    margin: 0;
    font-size: 10px;
    line-height: 14px;
    font-weight: normal;
    color: #666666;
    overflow: hidden;
    height: 30px;
}

#shows {
    overflow: hidden;
    position: absolute;
}

#opg_expander {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 0px;
}

.opg_v_scrollbar {
    float: left;
    width: 20px;
    height: 853px;
    border-top: 2px solid #4D4D4D;
}

.channel_slider_bg {
    width: 20px;
    height: 813px;
    float: left;
    padding-bottom: 5px;
    padding-top: 5px;
}

#channel_slider {
    margin-top: 60px;
    margin-left: 5px;
}

.channel_slider_arrow_top_scroll {
    background: #747474 url("../images/arrow_scrollup.png") no-repeat scroll -2px 0;
    cursor: pointer;
}

.channel_slider_arrow_top_no_scroll {
    background-color: #747474;
}

.channel_slider_arrow_top, .channel_slider_arrow_btm {
    width: 20px;
    height: 15px;
    float: left;
}

.channel_slider_arrow_btm_scroll {
    background: #747474 url("../images/arrow_scrolldown.png") no-repeat scroll -2px 0;
    cursor: pointer;
}

.channel_slider_arrow_btm_no_scroll {
    background-color: #747474;
}

.channel_slider_scroll {
    background: #747474 url("../images/v_scrollbar_grey.png") no-repeat scroll -2px 0;
}

.channel_slider_no_scroll {
    background-color: #747474;
}

.opg_day_selection {
    float: left;
    margin: 6px 8px 6px 10px;
}

.opg_day_selection select {
    margin: 0;
}

.time_slider {
    margin-left: -1802px;
    position: absolute;
}

.expanded {
    margin-left: -4202px;
}

.time_slider .yui-slider {
    vertical-align: top;
    display: block;
}

.opg_pg_popup {
    position: absolute;
    left: 650px;
    top: 420px;
    display: none;
    z-index: 999;

}

.opg_pg_popup .t {
    background: url(../images/opg_popup_top.png) no-repeat;
    display: block;
    height: 21px;
    width: 203px;
    overflow: hidden;
    color: #666;
    font-size: 1.2em;
    padding-top: 15px;
    padding-right: 23px;
    float: none;
}

.opg_pg_popup_full {
    color: #666;
    font-size: 1.1em;
    padding-top: 15px;
    padding-right: 5px;
    padding-left: 6px;
    height: 838px;
    overflow-x: hidden
}

.b_english {
    background: url("../images/b_english.gif");
}

.b_chinese {
    background: url("../images/b_chinese.gif");
}

.arrow_right .t {
    background: url(../images/opg_popup_top_arrow_right.png) no-repeat;
}

.opg_pg_popup .m {
    background: url(../images/opg_popup_bg.png) repeat-y;
    display: block;
    width: 166px;
    padding: 5px 30px 5px 30px;

}

.opg_pg_popup .m h1 {
    font-size: .8em;
    color: #666;
    margin-bottom: 8px;
}

.opg_pg_popup .b {
    background: url(../images/opg_popup_bottom.png) no-repeat;
    display: block;
    height: 12px;
    width: 226px;
    font-size: 0;
    overflow: hidden;
}

.opg_box #synopsis {
    width: 214px;
    float: left;
    height: 853px;
    border-right: 1px solid #71A515;
    border-top: 2px solid #4D4D4D;
}

.opg_synopsis_channelname, .opg_synopsis_genre {
    color: #333333;
    line-height: 1.4em;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
}

.opg_synopsis_title {
    color: #68c325;
    font-weight: bold;
    padding: 2px;
}

.opg_synopsis_lang_btn {
    padding: 2px;
    cursor: pointer;
}

.opg_synopsis_content {
    padding: 2px;
}

.opg_synopsis_content .label {
    color: #333333;
    font-size: 11px;
    font-weight: bold;
}

.opg_synopsis_content .text {
    color: #666666;
    font-size: 11px;
    padding: 2px;
}

.opg_program_title {
    color: #68c325;
    margin: 0;
    font-weight: bold;
    width: 166px;
}

.opg_program_content {
    color: #262626;
    line-height: 1.4em;
    font-size: 12px;
}

.opg_program_episode_info {
    padding: 1px;
}

.opg_pg_popup_close {
    width: 14px;
    height: 14px;
    float: right;
    background: url("../images/cross_grey.png") no-repeat
}

.opg_pg_popup_close:hover {
    width: 14px;
    height: 14px;
    float: right;
    background: url("../images/cross.png") no-repeat
}

.hidden {
    display: none;
}

.opg_genre {
    background: url("../images/opg_pg_genre_panel_corner.png") #5e5e5e right -5px no-repeat;
    width: 928px;
    margin-left: 12px;
    display: block;
    clear: both;
    overflow: hidden;
    color: #ccc;
    font-size: 11px;
}

.opg_genre b {
    background: url("../images/opg_pg_genre_panel_corner.png") #5e5e5e left 0 no-repeat;
    width: 6px;
    height: 5px;
    float: left;
    display: block;
    overflow: hidden;
}

.opg_genre label {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 0 4px;
}

.opg_genre_list {
    list-style: none;
}

.opg_genre_list li {
    float: left;
    margin: 0 5px;
    padding: 0 0 4px 0;
}

.opg_genre_list li a {
    font-size: 13px;
    color: #fff;
    padding: 1px 4px 1px 4px;
}

.chinese_highlight {
    background-color: #fffab1;
    color: #666;
}

.drama_highlight {
    background-color: #ffedfb;
}

.education_highlight {
    background-color: #f0ffbc;
}

.entertainment_highlight {
    background-color: #ffe7bc;
}

.kids_highlight {
    background-color: #d0d2ff;
}

.movies_highlight {
    background-color: #f0d0ff;
}

.news_highlight {
    background-color: #d1d1d1;
}

.sports_highlight {
    background-color: #c9e39c;
}

.others_highlight {
    background-color: #c4c1a0;
}

.infotainment_highlight {
    background-color: #bcf5ff;
}

.genre23_highlight {
    background-color: #d01a55;
}

.schedule_highlight {
    background-color: #D1EDBD;
}

#opg_control #shows .schedule:hover {
    background-color: #D1EDBD;
}

.opg_genre_link_highlight:hover {
    color: #666;
}

.opg_genre_link_highlight span {
    color: #666;
}

.opg_program_synopsis {
    font-size: 11px;
    color: #666;
}

.opg_program_gengre {
    color: #333;
}

.opg_program_next_showing_title {
    font-size: 11px;
    color: #666;
    padding: 0 0 4px 0
}

.opg_program_next_showing_date {
    font-size: 11px;
    float: left;
    color: #666;
    width: inherit;
}

.opg_program_next_showing_date strong {
    float: left;
    color: #68c325;
}

.opg_program_next_showing_time {
    float: left;
    background: #68c325;
    padding: 8px 4px;
    margin-right: 10px;
    color: #fff;
    font-weight: bold;
    width: 58px;
}

.opg_program_next_showing_channel {
    font-size: 11px;
    padding: 2px 0;
    color: #666;
    float: left;
    width: inherit;
}

#no_channels_available_warning {
    position: absolute;
    font-size: 14px;
    z-index: 400;
    padding: 10px 30px;
    color: #333;
    background: #f5f5f5;
    border: #fff 2px solid;
    text-align: center;

}

.no_channels_available_warning_full_opg {
    width: 450px;
    margin-top: 100px;
    margin-left: 167px;

}

.no_channels_available_warning_mini_opg {
    width: 200px;
    margin-left: 100px;
    margin-top: 40px;
}

.date_carousel_box .l {
    float: left;
    background: url(../images/opg/darkbox_left.png) no-repeat scroll 0 0;
    height: 65px;
    width: 6px;
    display: block;
}

.date_carousel_box .r {
    float: left;
    background: url(../images/opg/darkbox_right.png) no-repeat scroll 0 0;
    height: 65px;
    width: 6px;
    display: block;
}

.date_carousel_box .c {
    float: left;
    background: url(../images/opg/darkbox_bg.png) repeat-x scroll 0 0;
    height: 65px;
    width: 172px;
    display: block;
    overflow: hidden;
}

.date_carousel_item {
    color: #FFFFFF;
    width: 46px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    float: left;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

.date_carousel_item:hover, .active {
    /*background-color: #606369;*/
}

.date_carousel_not_allowed {
    cursor: not-allowed;
}

.carousel_btn {
    height: 65px;
    width: 12px;
    float: left;
    padding-top: 25px;
}

.genre_carousel_box .l {
    float: left;
    background: url(../images/opg/darkbox_left.png) no-repeat scroll 0 0;
    height: 65px;
    width: 6px;
    display: block;
}

.genre_carousel_box .r {
    float: left;
    background: url(../images/opg/darkbox_right.png) no-repeat scroll 0 0;
    height: 65px;
    width: 6px;
    display: block;
}

.genre_carousel_box .c {
    float: left;
    background: url(../images/opg/darkbox_bg.png) repeat-x scroll 0 0;
    height: 65px;
    width: 748px;
    display: block;
    overflow: hidden;
}

.genre_carousel_box .c .title {
    font-size: 11px;
    margin-left: 5px;
    margin-top: 0px;
    font-weight: bold;
    color: #FFFFFF;
}

.genre_carousel_box .leftarrow {
    float: left;
    background: url(../images/greybox_bg.png) repeat-x scroll 0 0;
    height: 65px;
    width: 12px;
    display: block;
    overflow: hidden;
}

.genre_carousel_box .rightarrow {
    float: left;
    background: url(../images/greybox_bg.png) repeat-x scroll 0 0;
    height: 65px;
    width: 12px;
    display: block;
    overflow: hidden;
}

.genre_carousel_item {
    float: left;
    height: 42px;
    width: 90px;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.genre_carousel_item h1 {
    font-size: 14px;
    color: #CCCCCC;
}

.genre_carousel_item h2 {
    font-size: 10px;
    color: #CCCCCC;
}

.genre_carousel_item_separator {
    background: url("../images/opg/darkbox_divider.png") no-repeat center;
    height: 42px;
    width: 1px;
    float: left;
}

.genre_100 {
    background: url("../images/opg/genre_100.png") no-repeat center;
}

.genre_100:hover, .genre_100_active {
    background: url("../images/opg/genre_100_hover.png") no-repeat center;
}

.genre_200 {
    background: url("../images/opg/genre_200.png") no-repeat center;
}

.genre_200:hover, .genre_200_active {
    background: url("../images/opg/genre_200_hover.png") no-repeat center;
}

.genre_300 {
    background: url("../images/opg/genre_300.png") no-repeat center;
}

.genre_300:hover, .genre_300_active {
    background: url("../images/opg/genre_300_hover.png") no-repeat center;
}

.genre_400 {
    background: url("../images/opg/genre_400.png") no-repeat center;
}

.genre_400:hover, .genre_400_active {
    background: url("../images/opg/genre_400_hover.png") no-repeat center;
}

.genre_500 {
    background: url("../images/opg/genre_500.png") no-repeat center;
}

.genre_500:hover, .genre_500_active {
    background: url("../images/opg/genre_500_hover.png") no-repeat center;
}

.genre_600 {
    background: url("../images/opg/genre_600.png") no-repeat center;
}

.genre_600:hover, .genre_600_active {
    background: url("../images/opg/genre_600_hover.png") no-repeat center;
}

.genre_700 {
    background: url("../images/opg/genre_700.png") no-repeat center;
}

.genre_700:hover, .genre_700_active {
    background: url("../images/opg/genre_700_hover.png") no-repeat center;
}

.genre_800 {
    background: url("../images/opg/genre_800.png") no-repeat center;
}

.genre_800:hover, .genre_800_active {
    background: url("../images/opg/genre_800_hover.png") no-repeat center;
}

/*Predictive search box*/
.programme_predictive_search_box {
    float: left;
    margin: 3px 0 0 0;
}

#predictive_search_form input {
    float: left;
    display: block;
    width: 180px;
    height: 20px;
    background: url(../images/programme_searc_textbox.png) no-repeat left center;
    border: none;
    color: #999999;
    font-size: 10px;
    padding-left: 4px;
    line-height: 14px;
    _background-attachment: fixed;
}

/*programme search*/
.opg_search_result {
    width: 714px;
    height: 853px;
    background: #FFFFFF;
    float: left;
    z-index: 1;
    color: #333333;
    font-size: 11px;
    border-left: 1px solid #71A515;
    border-top: 2px solid #4D4D4D;
}

.result_row {
    border-bottom: 1px solid #CCCCCC;
    width: 715px;
    height: auto;
    float: left;
    cursor: pointer;
}

.result_row:hover, .selected {
    background-color: #D1EDBD;
}

.result_row .programme_name {
    border-right: 1px solid #CCCCCC;
    height: 100%;
    width: 240px;
    float: left;
    margin-left: 10px;
}

.result_row .programme_classification {
    border-right: 1px solid #CCCCCC;
    height: auto;
    width: 120px;
    float: left;
    text-align: center;
}

.result_row .programme_time {
    border-right: 1px solid #CCCCCC;
    height: auto;
    width: 110px;
    float: left;
    text-align: center;
}

.result_row .programme_channel {
    height: auto;
    float: left;
    width: 231px;
    border-right: 1px solid #CCCCCC;
}

.result_row .programme_channel .channel_description {
    width: 120px;
    float: left;
    margin-left: 5px;
}

.result_row .programme_channel .channel_description .number {
    width: 120px;
    float: left;
}

.result_row .programme_channel .channel_description .name {
    width: 120px;
    float: left;
}

.result_row .programme_channel .channel_logo {
    width: 90px;
    float: left;
    height: 50px;
}

.programme_search_result_msg {
    font-size: 11px;
    margin-left: 15px;
    margin-top: 2px;
    width: 420px;
    float: left;
}

.programme_search_result_pagination {
    margin: 2px 234px 2px 0;
    float: right;
    width: auto;
    font-size: 11px;
}

.programme_search_result_button {
    float: left;
    display: block;
    background-color: #f5f5f5;
    border: 1px #e5e5e5 solid;
    padding: 0px 5px;
    margin: 0 5px;
}

.programme_search_result_deactivepage {
    float: left;
    display: block;
    background-color: #f5f5f5;
    border: 1px #e5e5e5 solid;
    padding: 0px 5px;
    margin: 0 5px;

}

.programme_search_result_activepage {
    float: left;
    display: block;
    background-color: #00609b;
    border: 1px #e5e5e5 solid;
    padding: 0px 5px;
    margin: 0 5px;
    color: #fff;
}

#sort_tooltip {
    position: absolute;
    z-index: 250;
    margin-top: 7px;
}

#sort_tooltip .l {
    background: url(../images/tooltip_left.png) no-repeat 0 0;
    height: 30px;
    width: 10px; /*position: absolute;*/
    display: block; /*z-index: 4;*/
    float: left;
}

#sort_tooltip .c {
    background: url(../images/tooltip_bkg.png) repeat-x 0 0;
    width: auto;
    float: left;
    height: 30px;
    margin: -1px 0 0 -4px;
}

#sort_tooltip .r {
    background: url(../images/tooltip_right.png) no-repeat 0 0;
    height: 30px;
    display: block;
    width: 10px;
    float: left;
}

#sort_tooltip label {
    padding-left: 8px;
    padding-right: 8px;
}

.jumpto_channel {
    margin: 3px 10px 0 0;
    float: left;
}

.jumpto_channel input {
    float: left;
    display: block;
    width: 180px;
    height: 20px;
    background: url(../images/jumpto_channel_textbox.png) no-repeat left center;
    border: none;
    color: #999999;
    font-size: 10px;
    padding-left: 4px;
    line-height: 14px;
    _background-attachment: fixed;
}

.opg_v_line {
    background: url(../images/greenbar_divider.png) no-repeat 0 0;
    float: left;
    width: 3px;
    height: 32px;
}

/*single channel*/
.opg_single_channel {
    width: 714px;
    height: 853px;
    background: #FFFFFF;
    float: left; /*z-index: 1;*/
    color: #333333;
    font-size: 11px;
    border-left: 1px solid #71A515;
    border-top: 2px solid #4D4D4D;
}

.opg_single_channel_result {
    height: 776px;
    width: 714px;
    overflow: hidden;
    position: absolute;
}

#single_channel_title {
    height: 50px;
}

#single_channel_title .channel_logo {
    height: 50px;
    display: block;
    float: left;
    padding-left: 25px;
}

#single_channel_title .channel_description {
    display: block;
    float: left;
    height: 40px;
    padding-left: 25px;
    padding-top: 5px;
}

.single_channel_col_header {
    height: 25px;
    display: block;
    background: url(../images/greybar_bg.png) repeat-x top;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.single_channel_col_header .programme_name {
    border-right: 1px solid #CCCCCC;
    height: 25px;
    width: 370px;
    float: left;
    margin-left: 10px;
}

.single_channel_col_header .programme_classification {
    height: 25px;
    width: 215px;
    float: left;
    text-align: center;
}

.single_channel_col_header .programme_time {
    border-right: 1px solid #CCCCCC;
    height: 25px;
    width: 110px;
    float: left;
    text-align: center;
}

.single_channel_result_row {
    border-bottom: 1px solid #CCCCCC;
    height: auto;
    float: left;
    cursor: pointer;
}

.single_channel_result_row:hover, .selected {
    background-color: #D1EDBD;
}

.single_channel_result_row .programme_name {
    border-right: 1px solid #CCCCCC;
    height: auto;
    width: 370px;
    float: left;
    margin-left: 10px;
}

.single_channel_result_row .programme_classification {
    height: auto;
    width: 222px;
    float: left;
    text-align: center;
}

.single_channel_result_row .programme_time {
    border-right: 1px solid #CCCCCC;
    height: 50px;
    width: 110px;
    float: left;
    text-align: center;
}

#btn_all_channels {
    background: url(../images/b_allchannels.gif) no-repeat scroll left center;
    float: left;
    display: block;
    height: 15px;
    margin-top: 8px;
    margin-left: 25px;
    width: 178px;
    cursor: pointer;
}

#btn_expand_timebelt {
    float: left;
    display: block;
    height: 15px;
    margin-top: 7px;
    margin-left: 5px;
    width: 85px;
    cursor: pointer;
}

.single_channel_top_bar {
    float: left;
    padding: 3px 0 0 3px;
}

#btn_more_channel_info {
    background: url("../images/opg/b_moreinfo.png") no-repeat scroll transparent center;
    width: 150px;
    height: 20px;
    cursor: pointer;
    padding: 0 7px;
    float: left;
}

#btn_print_friendly {
    background: url("../images/opg/b_printerfriendly.png") no-repeat scroll transparent center;
    width: 150px;
    height: 20px;
    cursor: pointer;
    padding: 2px 7px 0 0;
    float: left;
}

#btn_opg_feedback {
    background: url("../images/opg/b_sendfeedback.png") no-repeat scroll transparent center;
    width: 110px;
    height: 20px;
    cursor: pointer;
    padding: 1px 7px 0 0;
    float: left;
}

.grey_divider {
    background: url("../images/opg/greybar_divider.png") no-repeat scroll transparent center;
    width: 2px;
    height: 20px;
    padding: 1px 7px 0 0;
    float: left;
}

.timebelt_expand {
    background: url(../images/timebelt_expand.png) no-repeat scroll left center;
}

.timebelt_collapse {
    background: url(../images/timebelt_collapse.png) no-repeat scroll left center;
}

#opg_guide_time_slider_top {
    height: 25px;
    width: 948px;
}

#opg_guide_time_slider_btm {
    height: 25px;
    width: 950px;
}

#opg_guide_time_slider_top .l {
    float: left;
    height: 25px;
    width: 116px;
}

#opg_guide_time_slider_btm .l {
    float: left;
    height: 27px;
    width: 117px;
    overflow: hidden;
}

#opg_guide_time_slider_top .c {
    float: left;
    height: 25px;
    position: relative;
    overflow: hidden;
    width: 598px;
}

#opg_guide_time_slider_btm .c {
    float: left;
    height: 27px;
    overflow: hidden;
    position: relative;
    width: 598px;
}

#opg_guide_time_slider_top .r {
    float: left;
    height: 25px;
    width: 234px;
}

#opg_guide_time_slider_btm .r {
    float: left;
    height: 27px;
    width: 235px;
}

#time_slider_arrow_top_left, #time_slider_arrow_btm_left {
    background: url(../images/arrow_leftborder.png) no-repeat scroll left center;
    float: right;
    display: block;
    height: 25px;
    width: 20px;
    cursor: pointer;
}

#time_slider_arrow_top_right, #time_slider_arrow_btm_right {
    background: url(../images/arrow_rightborder.png) no-repeat scroll left center;
    float: left;
    display: block;
    height: 25px;
    width: 21px;
    cursor: pointer;
}

/* date stepcarousel css */
.date_stepcarousel {
    position: relative;
    overflow: scroll;
    height: 65px;
    margin: 0;
    padding-left: 0;
    padding-top: 4px;
    text-align: center;
    width: 139px;
}

.date_stepcarousel .belt {
    position: absolute;
    left: 0;
}

.date_stepcarousel .panel {
    float: left;
    overflow: hidden;
    width: 46px;
}

#jump_to_channel {
    background: none repeat scroll 0 0 #4D4D4D;
    padding: 0 5px;
    overflow: auto;
}

#jump_to_channel .opg_ch_block {
    float: left;
    margin-left: 3px;
}