/* Top5.tv stylesheet 'style.css' RH */ /* Site body */ body { font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, sans-serif; color: #787878;margin: 0; padding: 0; border: 0; background: url("/images/backgrounds/white-noise.png"); background-repeat: repeat;} body a { color: #2d7bda;} #noscript_message {clear: both; float: left; color: white; padding-left: 10px; position: relative; top: -20px;} /* Main content area */ #top_bar { width: 100%;height: 163px;background-image: url("/images/backgrounds/top_bar_bg.png"); background-repeat: repeat-x;} #min_max { clear: both;min-width:845px; max-width:1400px; margin: 0 auto;position: relative;top: -163px; } #main_and_shadow {clear: both; margin: 0 20px 0 20px; position: relative;} #shadow_left {float: left; position: relative; left: -20px;width: 20px; } #main {position: absolute; width: 100%; left: 0px; } /* left: 0px; for IE7 */ #shadow_right {float: right;position: relative; left: 20px; width: 20px; } #headers{margin-left: 10px; margin-right: 10px;} #main_canvas { clear: both; background: white; width: 100%; margin: auto; } #popup_canvas {background: white; margin: auto; overflow:auto; height: 500px; } #content { clear: both; position: relative; margin-left: 10px; margin-right: 10px;} /* position: relative acts as a basis for absolute positioning */ .clear_div{clear:both;} .other_page_title{padding: 1em 0 0.2em 0; font-weight: bold; font-size: 1.4em; margin-bottom: 1em; } /* Flash messages */ #flash_notice { float: left; padding-top: 4px; height: 24px; background-image: url("/images/navi/flash_bg.png"); background-repeat: repeat-x; color: #fdfdfd; } .flash_bg_end {float: left;} /* Settings bar */ #settings_bar { float: right; padding-top: 5px; height: 24px; background-image: url("/images/navi/settings-bg.png"); background-repeat: repeat-x; color: #fdfdfd; } #settings_bar a{color: #fdfdfd; border-left: 1px solid #fdfdfd;} #current_user {margin-left: 0.3em; color: #347abb;} .settings-bg-end {float: right;} .help_tab {float: right; margin-right: 8px;} /* Main navigation */ #main_nav {clear: both; padding-top: 8px;} #logo_image img{ float:left; position:relative; border: none; top: -4px;} #view_nav { float: left; margin-left: 70px; } #view_index, #view_categories, #view_grid {float: left; padding-left: 0; border: none; top: -13px; position: relative; } /* Search box, rendered in main navigation (shared/search_box)*/ #search_box {float: right; margin-top: 0.05em; position: relative; left: 20px;} #search_field {height: 15px;} #search_btn {float: left: border: 0; position: relative; left: -25px; top: 5px;} /* Clock */ #clock { clear: both; float: right; color: #fdfdfd; position: relative; top: -30px;} /* Index (aka top5) view */ .top5_top_bar{ height: 20px; color: #fdfdfd; font-size: 10px; padding-top: 4px; padding-left: 5px; } .top5_table{border-collapse: collapse; position: relative; left: 5px;} #top5_title{ background-image: url("/images/backgrounds/darkgrey_topbar_bg.png"); background-repeat: repeat-x; } .top5_more_recs{float: right; padding-top: 9px; margin-bottom: -5px; color: #2d7bda;} .top5_more_recs {text-decoration: none;} .top5_more_recs:hover {text-decoration: underline;} #top5_watch_list_title, #top5_new_series_title, #top5_promotion_title, #top5_first_actions_title { background-image: url("/images/backgrounds/lightgrey_topbar_bg.png"); background-repeat: repeat-x;} #top5_watch_list_title a {font-size: 10px; color:#fdfdfd; text-decoration: none;} #top5_watch_list_title a:hover {text-decoration: underline;} #top5_title { margin-left: 5px;} #top5_new_series_title { margin-top: 10px; margin-left: 5px;} #top5_first_actions_title { margin-top: 10px; margin-left: 5px;} #index_table {position: relative; top: -10px; } #index_table td{vertical-align: top; } #watch_list_td{width: 190px; } #watch_list_panel{background-image: url("/images/backgrounds/long_vert_col_break.png"); background-repeat: no-repeat; padding-left: 4px;} #recs_td{min-width: 500px;} #promotion_hor{margin-top: 10px;} #first_actions_hor{margin-top: 10px;} #get_started{background: white;} #get_started_inside{position: relative; top: 2px; margin: 0px 2px 4px 4px; border: 2px solid #f0f0f0;} .gs_table{padding: 20px 10px 10px 10px; font-size: 12px;} #gs_slogan{font-size: 20px; color: #5299c5; padding: 0px 0 20px 5px; } .gs_content{float: left; padding: 0 10px 10px 50px; min-width: 100px; max-width: 200px;} .gs_1{background-image: url("/images/icons/gs_1.png"); background-repeat: no-repeat; } .gs_2{background-image: url("/images/icons/gs_2.png"); background-repeat: no-repeat; } .gs_3{background-image: url("/images/icons/gs_3.png"); background-repeat: no-repeat; } .gs_none {padding-left: 14px;} .gs_title{font-size: 18px; color: #5299c5;} .gs_next_phase{float: left; padding-top: 0px; padding-left: 15px; width: 40px;} .gs_close {float: right; padding: 5px 10px 0 0; } #gs_actions{padding: 30px 0 0 5px; border-spacing: 6px; } .gs_count{padding-left: 10px;} .gs_link {text-decoration: none; color: #787878;} .gs_link:hover{text-decoration: underline;} /* Footer (shared/_footer.html.erb) */ #footer { clear: both; float: left; border-top: 1px solid #ededed; width: 100%; padding-bottom: 30px; padding-top: 15px; color: #a9acac; font-size: 10px; _top: auto;} #footer a {color: #a9acac;} #footer ul { list-style-type: none; } #footer li { display: inline; } #footer li a { text-decoration: none; } #footer li a:hover { text-decoration: underline; } #footer_links_1 { float: left; } #footer_app_version { float: left; margin-left: 0.75em; padding: 0 0 0 0.75em;} #footer_copyright{ clear: both; float: left; padding-left: 10px;} #footer_color_codes{ float: left; margin-left: 50px; } #footer_links_2 { float: right; padding-right: 10px;} .footer_color_tag{ padding: 0px 4px 0 6px; position: relative; top: 2px;} #footer_follow{ clear: both; float: right; padding-right: 10px; } #footer_follow_text{margin-right: 3px;} #footer_follow img {border: none; margin-right: 2px; position: relative; top: 6px;} /* Category date selection (subnavi) */ #cd_btn_ondemand, #cd_btn_today, #cd_btn_tomorrow, #cd_btn_next_week {float: left; padding-left: 0; border: none; top: -9px; position: relative;} /* Grid date selection (subnavi)*/ #gd_bar{clear: both; height: 31px; width: 90%; background-image: url("/images/navi/gd_lightgrey_bg.png"); background-repeat: repeat-x; float: right; top: -9px; position: relative; } #gd_btns {clear: both;} #gd_btn_today, #gd_btn_tomorrow {float: left; padding-left: 0; border: none; top: -40px; position: relative;} #gd_date_select {float: left; height: 31px; position: relative; top: -40px; } #gd_date_bg_lower { float: left; } #gd_date_bg {float: left; border: none; position: relative; left: -169px; } #gd_btn_prev {float: left; border: none; left: -169px; position: relative;} #gd_date_text{float: left; position: relative;left: -286px; height: 30px; padding-top: 8px; font-size: 10px; width: 116px; text-align: center;} #gd_date_dropdown{position: relative; top: -17px; } #gd_btn_next {float: left; border: none; left: -287px; position: relative;} #gd_page_select {clear: both; height: 31px; position: relative; top: -71px; left: 420px; } #gd_page_prev {float: left; border: none; position: relative;} #gd_page_bg {float: left; border: none; position: relative; top: 4px;} #gd_page_text{float: left; position: relative; left: -88px; height: 31px; padding-top: 8px; font-size: 10px; width: 88px; text-align: center; } #gd_page_dropdown{position: relative; top: -17px;} #gd_page_next {float: left; border: none; left: -86px; position: relative;} #show_past {float: right; position: relative; top: -95px; margin-right: 10px;} #show_past_btn, #hide_past_btn {float: right; padding-right: 5px; } #show_past_text {float: right; height: 16px; color: #fdfdfd; } /* Error messages */ .errorExplanation{color: #A52D31;} .fieldWithErrors{color: #A52D31; border: red;} /* Piped & inline links (inline has no separator between links) */ .piped, .inline { display: block;} /* .piped:after, .inline:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } */ .piped ul, .inline ul { list-style-type: none; margin: 0; padding: 0;} .piped li, .inline li { float: left; display: inline; } .piped a { border-left: 1px solid #787878; padding: 0 0 0 0.75em; margin-left: 0.75em; text-decoration: none; } .inline a { padding: 0 0 0 0.75em; margin-left: 0.75em; text-decoration: none;} .piped a.first, .inline a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; } .piped li a:hover, .inline li a:hover { text-decoration: underline;} /* Superscript bubble */ .sup { vertical-align: baseline; padding: 0.15em; font-size: 0.7em; position: relative; top: -0.5em; margin-right: 0.125em; margin-left: 0.125em; background-color: white; -moz-border-radius: 8px; -webkit-border-radius: 8px;} /* Opaque */ .transparent { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } /* Alfa message */ /* #alfa_message {background-color: #fef49c; margin: auto; margin-top: 20px; margin-bottom: 10px; padding: 0.5em; width: 80%; text-align: center; -moz-border-radius: 8px; -webkit-border-radius: 8px;} */ .alfa_message_top5{color: #0E34A0; font-weight: bold; font-size: 1.2em;} .alfa_message_link {font-weight: bold;} .alfa_message_link {text-decoration: none;} .alfa_message_link:hover{text-decoration: underline;} /* Categories view */ #categories_table {position: relative; top: -10px; } #categories_table td{vertical-align: top; } #categories_list{padding: 0; border: 0; margin: 0; } .cat_common_header{clear: both; height: 37px; background-image: url("/images/backgrounds/cat_common_bg.png"); background-repeat: repeat-x; } .cat_common_arrowhead{float: right; } .cat_movie_header{height: 24px; background-image: url("/images/backgrounds/cat_movie_bg.png"); background-repeat: repeat-x;} .cat_fiction_header{height: 24px; background-image: url("/images/backgrounds/cat_fiction_bg.png"); background-repeat: repeat-x;} .cat_series_header{height: 24px; background-image: url("/images/backgrounds/cat_series_bg.png"); background-repeat: repeat-x;} .cat_sport_header{height: 24px; background-image: url("/images/backgrounds/cat_sport_bg.png"); background-repeat: repeat-x;} .cat_kids_header{height: 24px; background-image: url("/images/backgrounds/cat_kids_bg.png"); background-repeat: repeat-x;} .cat_document_header{height: 24px; background-image: url("/images/backgrounds/cat_document_bg.png"); background-repeat: repeat-x;} .cat_arrowhead{float: left;} .cat_title {color: white; float: left; padding: 4px 30px 0px 10px;} .cat_title a {text-decoration: none; color: white;} .cat_hide, .cat_show {float: left; padding-left: 5px;} .cat_hide a, .cat_show a {text-decoration: none;} .cat_nav{float: right; position: relative; top: 3px; left: 16px; } .cat_pagecount_bg{float: left; position: relative; left: 18px;} .cat_pagecount_text{float: left; position: relative; left: -19px; width: 36px; text-align: center;} .cat_prev {float: left; position: relative; top: -6px; left: 16px;} .cat_next { float: left; position: relative; top: -6px; left: -15px;} .cat_more { float: left; position: relative; top: -8px; left: 2px;} .cat_less { float: left; position: relative; top: -8px; left: -2px;} .cat_content {clear: both; width: 100%; position: relative; top: -14px; left: -2px;} .category_table {border-collapse: collapse; position: relative; left: 2px; top: 1px;} /* Grid view */ #grid_content{clear: both; width: 100%; overflow: auto; position: relative; top: -71px; margin-bottom: -60px; } .grid_table {clear:both; border-collapse:collapse; width: 100%; margin-left: 0px; position: relative;} .grid_table th {border-left: solid 1px #f0f0f0; border-right: solid 1px #f0f0f0; padding:12px 0.5em 6px 0.5em; font-size: 1.0em; color: #686868; text-align: center;} .grid_table td {vertical-align:top; border: 1px solid #f0f0f0;} .be_list_table { border-spacing: 0; } .be_list_table td {border-style:none;vertical-align:top;padding: 0px 1px 1px 2px;} .be_list_table tr.be_list_bold {color: #0E34A0;} .be_list_table a { text-decoration: none; } .be_list_table a:hover { text-decoration: underline; } .be_list_table tr.be_list_bold a{color: #0E34A0;font-weight: bold;} .be_thumb, .be_follow, .be_play {position: relative; top: 2px; padding-right: 1px;} /* Watch list view */ .watch_list_date{padding-top: 0.5em; font-weight: bold; color: #404040;} #watch_list_not_logged{font-weight: bold;} .watch_list_program a {text-decoration: none; color: #2d7bda; } .watch_list_program a:hover { background-color: #e0e0e0; text-decoration: none;} .watch_list_line{ background-image: url("/images/backgrounds/horiz_dashedline_bg.png"); background-repeat: repeat-x; } .wl_tip{display: none;} .wl_actions{border-bottom: 2px solid #ccc; padding-bottom: 5px;} .wl_close{float: left; padding-bottom: 5px;} .wl_seen{padding: 0px 0px 3px 4px; color: #fff; text-decoration: none; } .wl_seen:hover {text-decoration: underline;} .wl_stars{float: right; } .wl_rate{float: right; color: #ccc; padding-right: 5px;} .wl_synopsis{clear: both; padding-top: 5px; } .wl_play{position: relative; top: 2px;} /* Program card (in index and category views) */ .pc_program, .pc_actions{padding-left: 8px;} .program_td {width: 20%;vertical-align: top; } .pc_left_border {border-left: 2px solid #eee;} .pc_top_border {border-top: 1px solid #eee;} .pc_bottom_spacing {padding: 7px 0 0 0;} .pc_title {clear:both;font-size: 1.2em; padding-bottom: 0.1em; padding-top: 6px;} .pc_title a {text-decoration: none; color: #2d7bda; } .pc_title a:hover { background-color: #becace; text-decoration: none;} .pc_channel {clear: both; font-weight: bold; margin-right: 0.5em; color: #404040;} .pc_od_icon {float: right; padding: 3px 10px 0 3px; } ._pc_od_icon {float: left; padding: 0px 5px 0px 0px;} .pc_od_link {float: left; font-weight: bold;text-decoration: none;} .pc_od_link:hover{text-decoration: underline; } .pc_time {clear: both; font-weight: bold; color: #404040;} .pc_synopsis {clear: both; } .pc_img_synopsis {clear: both;} .pc_img {float: left; padding-right: 0.5em;} .cat_icon_small{ padding-bottom: 1px;} .like, .dislike {float: left; margin-top: 2px; margin-right: 4px;} .follow_series{ float: left; margin-top: 2px;} .follow_series a{ text-decoration: none;} /* Program popup */ .program_popup{margin: auto; padding: 15px 5px 5px 5px;} .popup_title {color: #2d7bda; font-size: 2em; padding: 0.5em 0 0.5em 0;} .popup_rb{clear: both; float: left; margin-left: 10px;} .popup_ch_img {float: left; margin-left: 0.5em; padding: 0;} .popup_synopsis_frame {padding: 0.4em 1em 0.8em 0; border-right: 1px solid #cacaca; width: 70%; vertical-align: top;} .popup_synopsis_image {float: right; padding-left: 10px;} ._popup_synopsis_image {float: left; padding-right: 10px;} .popup_action_frame {padding: 0.4em 0 0 1em; width: 30%; border-left: 1px solid #cacaca; vertical-align: top; } .popup_table_1{clear:both; border-collapse: collapse; margin-top: 10px;} .popup_table_2 td {vertical-align: top; } .popup_table_2 a {text-decoration: none;color: #1D5180;} .popup_table_2 a:hover {text-decoration: underline;} .calendar{background-color: #c02f1b; color: white;padding: 0.1em;} #popup_airtime {font-weight: bold; float: left; margin: 0; padding: 0.1em 0 0.25em 0em;} .popup_admin_hl{border-bottom: 1px solid #aaa; padding-top: 10px} .popup_od_play{padding-top: 5px; position: relative; top: 5px;} .popup_od_link{text-decoration: none; padding: 5px 0px 0px 0px; } .popup_od_link:hover{text-decoration: underline;} /* Program index (a.k.a search results) */ #table_programs {table-layout: fixed; margin-top: 5px;} #_table_programs td{color: #004b8b;} .pi_program_title:hover {text-decoration: underline;} .pi_program_category{padding-left: 1em; padding-right: 1em;} /* Feedback form */ #feedback_form {margin-left: 10px;} #feedback_title{width: 580px;} #feedback_content{width: 580px;} /* User */ #user_new {margin-left: 10px;} #user_edit {margin-left: 10px;} #user_edit_request_validation {padding-left: 1em;} #user_edit_request_validation a {color: #A52D31; text-decoration: none;} #user_edit_request_validation a:hover {color: #A52D31; text-decoration: underline;} /* Login, register & edit user settings */ #login_panel, #register_panel, #edit_panel {background-color: #718890; color: white; padding: 2px 10px 7px 10px; width: 190px;} /* #c0ccd1 */ #register_panel, #edit_panel {margin-top: 10px; } .login_submit{background-color: #455e67; color: white; border: 1px solid #ccc;} .login_label {clear: both; margin-top: 5px;} .login_field {clear: both; width: 180px;} #login_check_box{clear: both; float: left; margin-top: 10px; } #login_remember_me{ float: left; margin-left: 2px; margin-top: 10px;} #login_submit{float: right; margin-left: 5px; margin-top: 10px;} .login_forget_link{clear: both; float: left; margin-top: 5px;} .login_forget_link a {text-decoration: none; color: #005;} .login_forget_link a:hover {text-decoration: underline;} #login_reset_request{clear: both; float: left; margin-top: 5px;} #login_submit_reset {clear: both; float: right; margin-top: 10px;} #reg_title, #edit_title{font-size: 1.1em; margin-top: 5px; } .reg_label {clear: both; float: left; margin-top: 5px;} .reg_field {clear: both; float: left; width: 180px;} #register_submit, #edit_submit{clear: both; float: right; margin-left: 5px; margin-top: 10px; } #edit_request_validation {padding-top: 5px; color: #009; text-decoration: none;} #edit_request_validation a{text-decoration: underline; } /* Settings */ #tv_channels_select_table td {vertical-align: top; padding-right: 3em;} .tv_channel_list_name {font-weight: bold; padding-bottom: 0.5em;} .tv_channel_list {border_: 1px solid red;} .tv_channel_list_select {padding-top: 0.8em;} #tv_channel_sort_list li {list-style: none; border: 2px solid white; width: 200px; background-color: #aaa; text-align: center;} #category_list li{list-style: none;} /* Error message handling */ .errorExplanation {color: #900; } .errorExplanation h4{ margin: 15px 0 0 0;} .errorExplanation ul {float: left; padding: 0px 0px 0px 10px;} .errorExplanation li {float: left; list-style: none; } /* Blog */ .blog_date{font-size: 1.3em; color: #888; padding-top: 1em;} .blog_title{font-weight: bold; font-size: 1.3em; padding-top: 0.7em; padding-bottom: 0.7em;} .blog_sub_title{font-weight: bold; padding-top: 0.7em; } .blog_sign{font-weight: bold; padding-top: 0.5em; padding-bottom: 0.5em;} .blog_line{width: 100%; border-bottom: 1px solid #bbb; margin-top: 1em; } #blog li {padding-top: 0.5em;} /* Admin views */ #table_users{table-layout: fixed;} #table_users th{text-align: left;} #users_table .title {color: black;} #table_users td{color: #004b8b;} .feedbacks_paginate, .users_paginate{margin-bottom: 10px;} .users_paginate .current {color: red; font-weight:bold;} .users_paginate a{text-decoration: none;} #table_programs a{color: #004b8b;text-decoration:none; } #edit_feedback{margin-left: 10px;} .edit_feedback_table{border-bottom: 2px solid #888; border-top: 2px solid #888; width: 100%; border-collapse: collapse;} .edit_feedback_table td{vertical-align: top;} .edit_feedback_table:hover{background-color: #ddd;} .feedback_col1{width: 80px; } #feedback_action_taken{width: 600px;} #feedback_action_table {margin-top: 10px;} #feedback_action_table td{vertical-align: top; padding-top: 0.7em;} #feedback_submit{width: 600px} .grey_link a{text-decoration: none; color: #2d7bda;} .grey_link a:hover {text-decoration: underline; } #table_series {width: 100%;} #table_series td {vertical-align: top;} #td_1 {width: 20%;} #td_2 {width: 80%;} .series_paginate .current {color: red; font-weight:bold;} .series_paginate a{text-decoration: none; } #se_program_showtimes a{text-decoration: none; color: #004b8b;} .se_series_title a{text-decoration: none; color: #004b8b;} .se_old_tag{color: #888;} .se_old_tag a{padding-left: 0.5em; text-decoration: none; font-weight: bold; color: #004b8b;} .se_add_tag{padding-top: 0.5em; color: blue;} .se_add_tag a{text-decoration: none; color: #004b8b;} #se_series_tagging{padding-top: 0.8em;} #se_series_tagging a{text-decoration: none;} #se_similarity_tagging{padding-top: 0.8em;} #se_similarity_tagging a{text-decoration: none;} .se_select_existing{padding-top: 0.9em;} .se_new_tag{color: #004b8b;} #se_archetype_section{padding-top: 1em; padding-left: 3em;} /* TOP5 dropdown */ .top5_dropdown a {text-decoration: none; color: #787878;} .top5_dropdown div {visibility: hidden;} .top5_dropdown_list{border: 1px solid #a9acac; border-top: none; background-color: white; z-index: 100; text-align: left; padding-left: 6px;} .top5_dropdown_list a { display: block; text-decoration: none; color: #787878;} .top5_dropdown_list a:hover { background-color: #c0caca;} .top5_dropdown_selected { background-color: #e0eaea;} /* Button alert for non-logged-in users */ .non_logged_info{clear: both; display: inline; visibility: hidden; position: relative; top: 0px; text-align: left; color: white; background: #718890; padding-top: 5px; z-index: 100;} /*---------- bubble tooltip -----------*/ a.tt{position:relative;z-index:24;color:#3CA3FF;font-weight:bold;text-decoration:none;} a.tt span{ display: none; } /*background:; ie hack, something must be changed in a for ie to execute it*/ a.tt:hover{ z-index:25; color: #aaaaff; background:;} a.tt:hover span.tooltip{display:block;position:absolute;top:0px; left:-230px;padding: 15px 0 0 0;width:207px;color: #004b8b;text-align: center; filter: alpha(opacity:90);KHTMLOpacity: 0.90;MozOpacity: 0.90;opacity: 0.90;} a.tt:hover span.top{display: block;padding: 40px 8px 0;background: url("/images/bubble2.png") no-repeat top;} a.tt:hover span.middle{display: block;padding: 0px 8px; background: url("/images/bubble2_filler.png") repeat bottom; } a.tt:hover span.bottom{display: block; padding:3px 8px 10px; background: url("/images/bubble2.png") no-repeat bottom;}