/* WIDGETS */ /* standard widget 2019 css START */ .pi_widget { background-color: #fff; margin: 0; } .pi_widget_title { padding: 1.5rem; } .pi_player_component .pi_widget_title { padding: 0 0 1.5rem 0; } .pi_widget_title h2 { margin: 0; } .pi_widget_subtitle { padding: 0 1.5rem 1.5rem 1.5rem; } .pi_widget_sectionheading { padding: 0 1.5rem 1.5rem 1.5rem; } .pi_widget_sectionheading h3 , .pi_widget_sectionheading h4 { margin: 0; border-style: solid; border-width: 1px 0; padding: 4px 0; } .pi_widget_body { padding: 0 1.5rem 1.5rem 1.5rem; } .pi_player_component .pi_widget_body { padding: 0 0 1.5rem 0; } .pi_widget_footer { padding: 0 1.5rem 1.5rem 1.5rem; } /* responsive widget for XS START - bootstrap won't let us do this easily ! */ @media (max-width: 575.98px) { .pi_widget_title { padding-left: 0; padding-right: 0; } .pi_widget_subtitle { padding-left: 0; padding-right: 0; } .pi_widget_sectionheading { padding-left: 0; padding-right: 0; } .pi_widget_body { padding-left: 0; padding-right: 0; } .pi_widget_footer { padding-left: 0; padding-right: 0; } } /* responsive widget for XS END */ /* standard widget 2019 css END */ /* widget container start */ .pi_widget .clear { clear:both; } .pi_widget .message_flash { font-size:1.2em; background: #D2D2D2; padding: 10px 7px; border-radius: 3px; margin-top:10px;} /* widget container end */ /* widget content start [ made up of many sub components ] */ /* widget content : body start */ .pi_widget .pi_widget_body .item { padding: 0 0 1.5rem; position: relative;} .pi_widget .pi_widget_body .mceEditor table { padding: 0; } .pi_widget .pi_widget_body .multiline-edit textarea { margin-right: 1em; } .pi_widget .pi_widget_body .multiline-edit button { margin-right: 0.5em; } .pi_widget .pi_widget_body .author { display: none; } .pi_widget .pi_widget_body .inner_body.empty p { font-size: 1.1em; font-weight: bold; line-height: 1.2em; padding: 10px; } .pi_widget .pi_widget_body .inner_body p.no_entries { font-size: 1.4em; font-weight: bold; text-align:center; color:#b6b6b6; margin:auto; padding-top:3em; padding-bottom:4em } /* widget content : body end */ /* widget content end */ /* fix user input text over start */ /* nb this was global but has nasty knock on effects - so target specific parts of specific widgets here */ /* webcast player START */ .pi_widget_type_3 #webcast.expired , .pi_widget_type_3 #webcast.deleted , .pi_widget_type_3 #webcast.unknown_error , .pi_widget_type_3 #webcast.not_pin_authed { background-color: #FFFFFF; } .pi_widget_type_3 #webcast.expired,.pi_widget_type_3 #webcast.deleted , .pi_widget_type_3 #webcast.unknown_error { padding: 100px 0; text-align: center; } , .pi_widget_type_3 #webcast .welcome_text /*webcast welcome text */ , .pi_widget_type_3 #webcast .welcome_text p { word-wrap: break-word; } /* timeline text in player */ #webcast #Webcast_Welcome { display: none; } #webcast.full.timeline #Webcast_Welcome { display: block; } /* style for player seo text */ #webcast .welcome_text div.seo_divider_wrapper {position:relative; height:38px; margin:0px; padding:0px; margin-bottom:1em;} #webcast .welcome_text div.seo_divider_wrapper div.seo_divider {height:0; border:solid 1px #EEE; z-index:1; position:absolute; top:18px; width:100%;} #webcast .welcome_text div.seo_divider_wrapper img.seo_divider_img {position:absolute; left:50%; margin-left:-51px; z-index:2; background:#fff; padding: 0 1em;} .webcast_warning p { margin-bottom: 0; } .pi_widget_type_3 #webcast.not_pin_authed {padding:1.5em} .pi_widget_type_3 #webcast.not_pin_authed h3 {font-weight:bold; border-bottom:solid 2px #333; color:#333;font-size:1.4em;padding: 0.8em 0;} .pi_widget_type_3 #webcast.not_pin_authed .pin_submit {width: auto;float:right} .pi_widget_type_3 #webcast.not_pin_authed form#webcast_pin {width: 320px;margin-top:2em} .pi_widget_type_3 #webcast.not_pin_authed form#webcast_pin .pin_input{width: 320px;margin-top:1em;margin-bottom:1em} /* webcast player END */ /* fix user input text over end */ /* START new webcast/account style widget layout + tabbed menu*/ /* Webcast subscribe div styling */ .player_subscribe_div .big_date {font-size:1.5rem;font-weight:bold;} .player_subscribe_div .subscribe_message {font-size: 1.25rem;} .player_subscribe_div fieldset.error {border-color:#c00;} .player_subscribe_div p.subscribe_error_message {color:#c00;} .player_subscribe_div input.subscription_subscribe {display: none;} /* this button is for people who are logged in - will be shown by rule below if they are */ .player_subscribe_div fieldset.subscribe_only input.subscription_subscribe {display:block;float:none;width:auto;} .player_subscribe_div fieldset.subscribe_only .email-subscribe-inputs { display:none; } /* if this is a logged in user subscribing self hide email input */ .method_manage_my_details .pi_widget .pi_widget_content {padding-top:0} .pi_widget.pi_widget_type_view_10 .pi_widget_content #webcast .pi_widget_content { padding-top: 10px; } /* for player components other than twitter */ .pi_widget.pi_widget_type_view_10 .pi_widget_content #webcast .pi_widget_type_14 .pi_widget_content { padding-top: 0; } /* for twitter player component ! */ /* subtitle for player widget - needs to understand is squidged betwwen title and tab nav - so no gaps ! */ .pi_widget.pi_widget_type_view_10 .pi_widget_subtitle { margin: 0; border-radius: 0; } /* subtitle for player widget - components put the gaps back ! */ .method_manage_my_details .pi_widget .pi_widget_content #webcast .pi_widget_subtitle, .pi_widget.pi_widget_type_view_10 .pi_widget_content #webcast .pi_widget_subtitle { margin: 0 0 10px; border-radius: 3px; } /* for player components ! */ .pi_widget.pi_widget_type_3 .pi_widget_content .webcast_article_inner, .method_manage_my_details .pi_widget .pi_widget_body {background:#fff; border-radius:2px;} .pi_widget.pi_widget_type_3 .pi_widget_content #subscribe.webcast_article_inner , .pi_widget.pi_widget_type_3 .pi_widget_content .boxed_player_article .webcast_article_inner { padding: 24px; border: solid 1px #B9B9B9; } /* player nav (and manage_my_details ?) */ .widget_tablist { background:#fff; border-bottom: solid 4px #EBEBEB; height: auto !important; padding-left: 2px; } .widget_tab { background:none; margin:0 2rem 0 0; border: 0; padding: 0.5rem 0; text-decoration: none; font-size: 1.125rem; font-weight:bold; display: block; float: left; height: auto !important; min-height: 2.5em; /*display bloack and float left to hide white space */ } .widget_tab#Webcast_Nav_More {margin-right: 0;} .widget_tab:not(.active):not(:hover):not(:focus) { color:#696969 !important;} .widget_tab.active { margin-bottom: -2px; border-bottom: solid 4px; padding-bottom: 6px; position: relative; } /* overflow more for player nav (and manage_my_details ?) */ /* .pi_widget .widget_tab_menu */ #Webcast_Nav_More.dropdown-toggle::after { display:none; } /* hide bootstrap's down arrow */ /* .pi_widget .widget_tab_menu .widget_tablist */ #Webcast_Nav_Overflow { height:auto; } /* .pi_widget .widget_tab_menu .widget_tablist */ #Webcast_Nav_Overflow .widget_tab { float:none; margin:0; padding: 0.5rem;} /* no float, no margin, some padding on overflow menu ! */ /* .pi_widget .widget_tab_menu .widget_tablist */ #Webcast_Nav_Overflow .widget_tab.active , /* .pi_widget .widget_tab_menu .widget_tablist */ #Webcast_Nav_Overflow .widget_tab:hover{ color: #FFF; } /* force white text ! */ .method_manage_my_details .pi_widget .widget_tab_menu ul li a {padding-left:8px;padding-right:8px;} .method_manage_my_details .pi_widget .activities_under { margin-left:245px; margin-top:10px; } .method_manage_my_details .pi_widget .edit input[type='submit'] { margin-left: 142px; margin-top: 10px; width: 8em; } /* wtf ? .pi_widget .widget_tab_menu li.last {clear: right;} */ div.action_btn_container {overflow: hidden;float: right;} div.action_btn_container#webcast_feedback_form_button_container {overflow: visible; float: right} div.action_btn_container input:not(.btn) ,div.action_btn_container a:not(.btn){font-size:1.2em; text-shadow:-1px 1px 3px #ffffff; float: right;color:#333;width:auto;border:solid 1px #cdcdcd;padding:9px 16px 10px 35px;border-radius:4px;background:url(../images/newui/gradients.png) -0 -121px; font-weight: normal;} div.action_btn_container a{text-decoration:none;display:inline-block;} div.action_btn_container input[disabled="disabled"]{color:#9f9d9e; opacity: 0.6;cursor:default} /* END new webcast/account style widget layout + tabbed menu */ /* START webcast interactive styles*/ .no-js {display:block; position:relative} /* skip player link (like skip nav on pages) */ #skip_player, #skip_player li {position: absolute; top: -4px; display:inline-block; z-index:1001; width: 200px;} #skip_player li a {position: absolute; left: -1000px; color: #fff; background-color: #000; display:inline-block; width: auto; transition: left .2s ease-in; border-radius: 0.2rem;} #skip_player li a:focus {left: 0; padding: 0.4rem; transition: left .2s ease-in;} .timeline_2019 .card .card-header.cs_border_flat { margin-bottom: 0; } .timeline_2019 .current.closed + .card .card-header { border-top: none; } .timeline_2019 .current.card.closed:last-of-type { border-bottom: none; } .timeline_2019 .card { border: 0; border-radius: 0.125rem; background-color: #FFFFFF; } .timeline_2019 .card:last-of-type { border-bottom: 1px solid #B9B9B9; } .timeline_2019 .card-header { background-color: #F8F8F8; border-style: solid; border-color: #B9B9B9; border-width: 1px; border-radius: inherit; cursor: pointer} #unseen_agenda .card-header {cursor: default; border-width: 1px 1px 0 1px;} #unseen_agenda .card-header:last-child { border-width: 1px } .timeline_2019 .card-body { border-left: 1px solid #B9B9B9; border-right: 1px solid #B9B9B9; } .timeline_2019 .timeline-border-top { border-top: 1px solid #B9B9B9; } .live_timeline_2019 .accordion_arrow { position: relative; left: -0.4em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #Webcast_timeline #unseen_agenda {padding:0;} .timeline_2019 .slide_thumb {max-width: 120px} .timeline_2019 .timeline_time_since_start {width: 130px} /* 2019Style - end new gizmo timeline */ /* start vote css */ .vote_positive_heading_strip {border-top: 0.6rem solid #00cc00} .vote_neutral_heading_strip {border-top: 0.6rem solid #ffcc33} .vote_negative_heading_strip {border-top: 0.6rem solid #ff0000} @media (min-width: 768px) { .vote_row, .vote_result_row {border-top: 0 !important} .vote_row .vote_result_row .vote_result_cell:first-child {border-left-width: 1px !important;border-left-style: solid !important} } /* end vote css */ /* start custom_tab css */ #webcast .custom_tab_player_component_holder {width:100%;} #webcast .custom_tab_player_component_holder .custom_tab_privacy_notice {margin-top: 4%;} /* end custom_tab css */ /* END webcast interactive (new) styles*/ /* start speakers profile css */ #Webcast_speakers .speaker_head { min-height: 95px; } #Webcast_speakers .speaker_head .speaker_img_container { width: 80px; } #Webcast_speakers .speaker_name { font-size: 1.125rem; font-weight: bold; } /* end speakers profile css */ /* start of feedback css */ #Webcast_feedback .feedback_desc { font-size: 1.125rem; } #Webcast_feedback .feedback_label { font-size: 1.125rem; font-weight: bold; } /* end of feedback css */ /* start transcript tab css */ /* START transcript controls */ #Webcast_transcript #transcript_controls { background-color:white; color:black; padding-top: 1.5rem; } #Webcast_transcript #transcript_controls button { min-width: 1.5rem; } /* A11Y min 24x24 */ /* START transcript agenda controls */ #Webcast_transcript #agenda_select_container #agenda_points_dropdown { width: 100%; font-size:1.15em; } #Webcast_transcript #agenda_select_container #agenda_points_dropdown option { color:#000;font-weight:bold; } #Webcast_transcript #transcript_controls #transcript_scroll_checkbox { height: 1.5rem; width: 1.5rem; } /* A11Y min 24x24 */ /* END transcript agenda controls */ #Webcast_transcript #result_nums { visibility: hidden; } /* START transcript content */ #Webcast_transcript #transcript .transcript_current { background: #a1beff; } #Webcast_transcript #transcript h4:hover,#transcript h5:hover { text-decoration: underline; cursor: pointer; } #Webcast_transcript #transcript h4 .btn { color: #fff; font-weight: normal; margin-left: 1.2em; } #Webcast_transcript #transcript h4 { margin-top: 1rem; margin-bottom: 0.75rem; line-height: 1.5; } #Webcast_transcript #transcript h5 { margin-top: 0.75rem; margin-bottom: 0.5rem; line-height: 1.5; } #Webcast_transcript #transcript span { font-size: 1rem; } /* START transcript search result highlighting */ #Webcast_transcript #transcript div .is_result_part, #Webcast_transcript #transcript h4 .is_result_part { background: #ffe8a1; font-style: normal !important; } #Webcast_transcript #transcript div .is_result_part.current_result, #Webcast_transcript #transcript h4 .is_result_part.current_result{ background: #ffb94f; } #Webcast_transcript #transcript div span .is_result_part.clickable { cursor: pointer; } #Webcast_transcript #transcript div span .is_result_part.clickable:hover { text-decoration: underline; } /* END transcript search result highlighting */ /* END transcript content */ /* end transcript tab css */ /* start resources tab css */ #Webcast_resources ul li {display: flex; position: relative; margin: 16px 0;} #Webcast_resources ul li:first-child {margin-top: 0;} #Webcast_resources ul li:last-child {margin-bottom: 0;} #Webcast_resources ul li i {margin-right: 12px;} /* end resources tab css */ #webcast .player_component_heading { padding: 0; margin: 0; clear: left; border-radius: 6px 6px 0 0; background: #fff; font-size:1.2em; } .ie9 #webcast .player_component_heading { filter: none; } #webcast .player_component_heading h3 { margin: 0; padding: 7px 0; } .grecaptcha_form_container { height: auto !important; min-height: 78px; overflow: visible !important; } .grecaptcha_form_container .anchor-links { bottom: 1px; } /* #webcast .grecaptcha_form_container {border: #848484 solid 1px; border-radius: 4px;} */ /* END WIDGETS*/ /* subscribe widget type view ... part of webcast widget type ? modal rendered outside widget dom ... widget_type_id = 3, widget_type_view_id = 89*/ .tag_subscribe_modal #subscribe_to_all , .tag_subscribe_modal .subscribe_to_thing_option {width:1.5rem; height:1.5rem;} /* twitter widget css start */ .pi_widget.pi_widget_type_14 .pi_widget_body { border: none; margin: 0; } .pi_widget_type_14 .pi_widget_body .twitter_item {padding-left: 68px; min-height: 50px; margin-right: 1rem;} /* The tweeter */ .pi_widget_type_14 .pi_widget_body .item .new_window_ico {margin-left: 3px; } .pi_widget_type_14 .pi_widget_body .item > div >.tweeter_pic { position: absolute; left: 0px; width: 48px; float:left } /* The tweeter */ .pi_widget_type_14 .pi_widget_body .item .tweeter_pic img { height: 48px; width: 48px; border-radius: 24px;} /* The tweeter */ .pi_widget_type_14 .pi_widget_body .item p .twitter_user { font-size: 1.1em; } .pi_widget_type_14 .pi_widget_body .item .quoted_tweet {border-radius:10px;} .pi_widget_type_14 .twitter_item p strong { padding-right: 0.5em } .pi_widget_type_14 .pi_widget_body .item .twitter_postcard { box-sizing:content-box; position:relative; width:100%; height:0; padding-top:56.25%; border-radius: 10px; } .pi_widget_type_14 .pi_widget_body .item .twitter_postcard img {cursor:pointer;} .pi_widget_type_14 .pi_widget_body .item .twitter_postcard img:hover {opacity:0.8;} .pi_widget_type_14 .pi_widget_body .item .twitter_postcard.image_count_2 .postcard_image_1 { position:absolute; top:0; left: 0; height:100%; width:calc(50% - 1px); object-fit: cover; border-radius: 10px 0 0 10px; } .pi_widget_type_14 .pi_widget_body .item .twitter_postcard.image_count_2 .postcard_image_2 { position:absolute; top:0; right: 0; height:100%; width:calc(50% - 1px); object-fit: cover; border-radius: 0 10px 10px 0; } .pi_widget_type_14 .pi_widget_body .item .twitter_postcard.image_count_3 .postcard_image_1 { position:absolute; top:0; left: 0; height:100%; width:calc(50% - 1px); object-fit: cover; border-radius: 10px 0 0 10px; } .pi_widget_type_14 .pi_widget_body .item .twitter_postcard.image_count_3 .postcard_image_2 { position:absolute; top:0; right: 0; height:calc(50% - 1px); width:calc(50% - 1px); object-fit: cover; border-radius: 0 10px 0 0; } .pi_widget_type_14 .pi_widget_body .item .twitter_postcard.image_count_3 .postcard_image_3 { position:absolute; bottom:0; right: 0; height:calc(50% - 1px); width:calc(50% - 1px); object-fit: cover; border-radius: 0 0 10px 0; } .pi_widget_type_14 .pi_widget_body .item .twitter_postcard.image_count_4 .postcard_image_1 { position:absolute; top:0; left: 0; height:calc(50% - 1px); width:calc(50% - 1px); object-fit: cover; border-radius: 10px 0 0 0; } .pi_widget_type_14 .pi_widget_body .item .twitter_postcard.image_count_4 .postcard_image_2 { position:absolute; bottom:0; left: 0; height:calc(50% - 1px); width:calc(50% - 1px); object-fit: cover; border-radius: 0 0 0 10px; } .pi_widget_type_14 .pi_widget_body .item .twitter_postcard.image_count_4 .postcard_image_3 { position:absolute; top:0; right: 0; height:calc(50% - 1px); width:calc(50% - 1px); object-fit: cover; border-radius: 0 10px 0 0; } .pi_widget_type_14 .pi_widget_body .item .twitter_postcard.image_count_4 .postcard_image_4 { position:absolute; bottom:0; right: 0; height:calc(50% - 1px); width:calc(50% - 1px); object-fit: cover; border-radius: 0 0 10px 0; } /*image holder lightbox for twitter (not inside twitter widget dom) !*/ #twitter_postcard_fullimage_outer { position:fixed; top:0; left:0; width:100%; height:100%; padding:2%; background-color:hsla(203,25%,50%,0.8); overflow-y:auto; z-index:1051; } #twitter_postcard_fullimage_inner { background-color:#FFF; padding:4px; border-radius:15px; position:relative; } #twitter_postcard_fullimage_inner img { width:100%; border-radius:10px; } #twitter_postcard_fullimage_inner button { position:absolute; top:0; right:-35px; border-width:0; font-size:1rem; background-color:#FFF; border-radius:50%; padding-left:0; padding-right:0; width:24px; height:24px; } /* twitter widget css end */ /* event (calendar) widget start */ .pi_widget.pi_widget_type_7 .pi_widget_content, .pi_widget.pi_widget_type_7 .pi_widget_content .pi_widget_body { border: none; } .pi_widget.pi_widget_type_7 .pi_widget_content .pi_widget_body .inner_body { overflow: visible; } /* event (calendar) widget end */ .pi_widget.pi_widget_type_view_10 .pi_widget_content #webcast #Webcast_geotags .pi_widget_subtitle { margin-left: 10px; margin-right: 10px; margin-top: 10px; } /* uservoice widget start */ .pi_widget_type_23 h3.suggestion_title { display:inline; } .pi_widget_type_23 .suggestion { padding:0.2em; } /* dont use next on free view */ .pi_widget_type_view_62 .pi_widget_body, .pi_widget_type_view_65 .pi_widget_body {border:none} .pi_widget_type_23 .pi_widget_subtitle p.feed_heading {padding:5px 0 4px; /*to match disqus subtitle height*/} .pi_widget_type_23 .inner_body {margin-top: 2.1em; /*to match disqus widget*/} /* .pi_widget_type_23 .uservoice_panel {position:relative} */ .pi_widget_type_23 .uservoice_panel form, .pi_widget_type_23 .uservoice_panel .actions{display:block;padding: 1px 0;} .pi_widget_type_23 .uservoice_comment {padding-top:5px; padding-bottom:5px;} .pi_widget_type_23 .uservoice_panel .actions li {float:none} .pi_widget_type_23 .uservoice_panel .actions li {float:none} .pi_widget_type_23 .uservoice_panel .close_panel{position: absolute; right: 0;top:0} .pi_widget_type_23 .uservoice_panel form {padding:0.2em 2%; position:relative;} .pi_widget_type_23 .uservoice_panel form label {font-weight:normal; width:100px;float:left;clear:both;display:block} .pi_widget_type_23 .uservoice_panel form input.uservoice_submit {width: auto;} .pi_widget_type_23 .uservoice_panel form .new_suggestion_vote_radio {display:inline-block; float:left;clear:left;margin-right:0.3em} .pi_widget_type_23 .uservoice_panel form .field .new_suggestion_vote_radio * {margin-right:1px;float:left;clear:none;line-height:1.6em;width:auto} .pi_widget_type_23 .uservoice_panel form .new_suggestion_vote_radio:last-child {margin-right: 0} .pi_widget_type_23 .uservoice_panel form .new_suggestion_vote_radio label {width:auto} .pi_widget_type_23 .uservoice_panel form .field {margin: 0 0 0.5em 110px;position:relative} .pi_widget_type_23 .uservoice_panel form .field textarea, .pi_widget_type_23 .uservoice_panel form .field input {float:none;width:100%;position: static;} .pi_widget_type_23 .pi_widget_body .uservoice_btn.disabled {background-color:#7d7d7d;color:#fff} .pi_widget_type_23 .actions { list-style: none; padding: 0; font-weight: bold; clear:right;} .pi_widget_type_23 .pi_widget_body .suggestion_text, .pi_widget_type_23 .pi_widget_body .created_by_text {margin-top:0.5em; padding: 0 4px 0.3em;} .pi_widget_type_23 .pi_widget_body .comment h4 { font-weight: bold; } .pi_widget_type_23 .actions li { float: left; margin: 0 0 0 16px; } .pi_widget_type_23 .collapse_link, .pi_widget_type_23 .expand_users_vote_countlink {padding-right: 12px;position:relative} .pi_widget_type_23 .collapse_link .graphic, .pi_widget_type_23 .item:hover { background-color: inherit; } .pi_widget_type_23 .action_btn_container form legend {display:none} .pi_widget_type_23 .item.suggestion {padding: 0 0 0.4em; margin-top:24px;} .pi_widget_type_23 .item.suggestion:first-child {margin-top: 0;} .pi_widget_type_23 .suggestions_comments { clear:both; } .pi_widget_type_23 .item .votes_box {padding-bottom: 24px;position: relative; float: right;min-height:152px; margin: 0 2px 2px; text-align: center; width: 80px;} .pi_widget_type_23 .logged_into_uservoice .item .votes_box {cursor:pointer} .no-js .pi_widget_type_23 .logged_into_uservoice .item .votes_box {cursor:default} .pi_widget_type_23 .item .votes_box .vote_count { display: block; font-size: 3em; font-weight: bold; padding-top:4px; } .pi_widget_type_23 .item .votes_box .vote_txt { clear: both; display: block; font-size: 1.1em; padding-bottom:4px; } .pi_widget_type_23 .item .votes_box .users_vote_count {color:#888;position: absolute; top: 104px; display: block; width: 100%; } .pi_widget_type_23 .item .votes_box .users_vote_count strong {position:relative;top:-3px;color:#333;display:block; } .pi_widget_type_23 .give_your_vote {font-size:1.1em;line-height: 1.8em;position: absolute;} .pi_widget_type_23 .close_panel { display: block; height: 15px; width: 15px; margin: 5px 5px 5px 10px; padding: 1px; } .pi_widget_type_23 .vote_btn { float:left;clear:right } .pi_widget_type_23 .vote_btn form { margin: 0; padding: 0; } .pi_widget_type_23 .vote_btn form input { margin: 2px 5px 2px 0; /* BOOSTAP4-FIX padding:1px; */} .pi_widget_type_23 .vote_btn strong { margin: 2px 10px 0 5px; font-weight:bold; line-height: 2em; font-size:1.2em; } .pi_widget_type_23 .item h3 { padding: 0 4px 0.3em; font-size: 1em } .pi_widget_type_23 .pi_widget_body .item { border-top-width: 2px; border-top-style: solid; padding-top: 4px; } .pi_widget_type_view_62 .pi_widget_body .vote_panel { position: relative; margin: 0 0 2px 0; } .pi_widget.pi_widget_type_view_72 .pi_widget_body .item.intro_item { border-top: 0 none; background-color: #EEEEEE; padding: 16px;} /* uservoice widget end */ .tim_spinner {width:31px; height:31px;background: url(/core/public/images/spinner.gif) no-repeat;display:none;position:absolute;top:37%;left:46%;} .tim_spinner.active {display:block;} .pi_widget .disabled { display:none; } /* AJ this looks too heavy handed - disabled elements are often faded not hidden ! - this is probably for more specific use than selector would suggest */ .pi_widget .activated { display:block; } /* i think this is for the old embed / travelling widget form ?? */ .pi_widget .embed { padding:0.2em 2%; background:#DAE7EC; margin: 0 0 2px; padding: 1px 0; } .pi_widget .embed p { margin:2px 5px; padding:0; } .pi_widget .embed p strong { font-size:1.1em; } .pi_widget .embed form { clear:none; margin:5px 5px; } .pi_widget .embed form fieldset { padding: 0 3px; } .pi_widget .embed form fieldset textarea { width: 100%; background: url("/core/public/images/textarea_int_shadow.gif") repeat-x scroll top left #FFFFFF; } .pi_widget.pi_widget_type_12 .pi_widget_body { text-align: center; } .pi_widget.pi_widget_type_8 iframe { border: none; } /* tag cloud start */ .pi_widget.pi_widget_type_16 .pi_widget_body span { display: inline-block; margin: 5px; vertical-align: middle; padding: 0 0.35em; border-radius: 2px; } /* nb active defined in custom css as should pick up custom color */ .pi_widget.pi_widget_type_16 .pi_widget_body span.selected_tag a , .pi_widget.pi_widget_type_16 .pi_widget_body span.active a { color: #FFFFFF; } .pi_widget.pi_widget_type_16 .pi_widget_body span.size_100 {font-size:100%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_105 {font-size:105%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_110 {font-size:110%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_115 {font-size:115%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_120 {font-size:120%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_125 {font-size:125%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_130 {font-size:130%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_135 {font-size:135%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_140 {font-size:140%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_145 {font-size:145%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_150 {font-size:150%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_155 {font-size:155%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_160 {font-size:160%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_165 {font-size:165%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_170 {font-size:170%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_175 {font-size:175%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_180 {font-size:180%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_185 {font-size:185%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_190 {font-size:190%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_195 {font-size:195%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_200 {font-size:200%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_205 {font-size:205%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_210 {font-size:210%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_215 {font-size:215%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_220 {font-size:220%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_225 {font-size:225%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_230 {font-size:230%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_235 {font-size:235%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_240 {font-size:240%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_245 {font-size:245%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_250 {font-size:250%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_255 {font-size:255%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_260 {font-size:260%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_265 {font-size:265%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_270 {font-size:270%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_275 {font-size:275%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_280 {font-size:280%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_285 {font-size:285%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_290 {font-size:290%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_295 {font-size:295%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_300 {font-size:300%;} /* tag cloud end */ /* START Directory widget*/ .pi_widget.pi_widget_type_33 .inner_body ul li, .pi_widget.pi_widget_type_33 .inner_body ul {list-style-type: none; margin:0; padding:0;} .pi_widget.pi_widget_type_33 .inner_body ul li {padding:15px; border-bottom:1px solid #e1e1e1;} .pi_widget.pi_widget_type_33 .inner_body ul li:last-child {border:none;} .pi_widget.pi_widget_type_33 .inner_body ul li a {text-decoration:none;} .pi_widget.pi_widget_type_33 .inner_body .website_name {color:#555; display:block; font-size:1.2em; } .pi_widget.pi_widget_type_33 .inner_body ul li a:hover .website_name {color:inherit;} .pi_widget.pi_widget_type_33 .inner_body .website_address {display:block; } /* END Directory widget*/ /* generic clickable blocks start */ .pi_widget .item.clickable, .no-js .pi_widget a.item.clickable{ cursor: pointer; } .no-js .pi_widget .item.clickable { cursor: default; } .js .pi_widget .item.clickable:hover { background: #F6F6F6; } .pi_widget .item.clickable:active, .pi_widget .item.clickable.active { background: #EEEEEE; } .pi_widget .item.clickable h3 a, .pi_widget .item.clickable h4 a { text-decoration: none; } /* generic clickable blocks start */ /* webcast widget start ( listings and players - -this block is listings i think ? ) */ /* CSS below is a clone of .pi_widget#search here. Keep in sync */ /* 2019 Style version of listings css START */ .pi_widget.pi_widget_type_3 .listing_screen_holder { width: 112px; } .pi_widget.pi_widget_type_3 .listing_screen_holder .default_image { width:112px; height:63px; background-image: url(../images/2019Style/default_screen_mask.png); background-repeat: no-repeat; background-size: 100% 100%; } .pi_widget.pi_widget_type_3 .listing_screen_holder img { width: 112px; max-width: none; } .pi_widget.pi_widget_type_3 .listing_information .status { padding: 6px; border-radius: 20px; font-size: 0.75rem; } .pi_widget.pi_widget_type_3 .listing_information .status.live_now { background-color: #B40000 !important; color: #FFF !important; font-weight:bold ;} /* 2019 Style version of listings css END */ .pi_widget.pi_widget_type_3 .pi_widget_body .player { margin: auto; padding: 3px 0; } .pi_widget.pi_widget_type_3 .pi_widget_body .controls .volume_slider { height: 15px !important; } /* webcast widget end */ /* 2019 Search results START */ /* CSS below is a clone of pi_widget_type_3 here. Keep in sync */ .pi_widget#search .listing_screen_holder .default_image { width:112px; height:63px; background-image: url(../images/2019Style/default_screen_mask.png); background-repeat: no-repeat; background-size: 100% 100%; } .pi_widget#search .listing_screen_holder img { width: 112px; max-width: none; } .pi_widget#search .listing_information .status { padding: 6px; border-radius: 20px; font-size: 0.75rem; } .pi_widget#search .listing_information .status.live_now { background-color: #B40000; color: #FFF !important; font-weight:bold ;} .pi_widget#search .item .speaker_profile_image_holder , .pi_widget#search .item .speaker_profile_image_holder img { width:80px; } /* 2019 Search results END */ /* whats new start */ /* HACK START this is a short term hack to whats new - and should be removed in the next month as widget is reworked */ .pi_widget.pi_widget_type_15 .pi_widget_body .pi_widget_sectionheading { margin-left: 0; margin-bottom: 0; } .pi_widget.pi_widget_type_15 .pi_widget_body .pi_widget_sectionheading p strong { font-weight: normal; } /* obv the strong should be removed but this is a css based hack */ .pi_widget.pi_widget_type_15 .pi_widget_body .pi_widget_sectionheading p.feed_heading strong { font-weight: bold; } .pi_widget.pi_widget_type_15 .pi_widget_body .pi_widget_sectionheading p strong img {display: none;} /* HACK END */ .pi_widget.pi_widget_type_15 .pi_widget_body h3 { line-height: 1.4em; padding-bottom: 0.2em; padding-right:4px; margin-right : 40px; } .pi_widget.pi_widget_type_15 .pi_widget_body h3 div.widget_title { margin-bottom:10px; font-style: italic; font-weight: normal; margin-top:5px; } .pi_widget.pi_widget_type_15 .pi_widget_body h3 div.widget_title .inverted_commas { /* if this gets working again - this used to have bg image on sprite */ float:left; width:32px; height:20px; } .pi_widget.pi_widget_type_15 .pi_widget_body h3 div.widget_title .title { margin-top:10px} .pi_widget.pi_widget_type_15 .pi_widget_body .item .item_title { background: #56c6f5; color: white; padding: 0.1em 0.2em; margin-right: 5px; } .pi_widget.pi_widget_type_15 .pi_widget_body .item .title_seperator { display: none; } .pi_widget.pi_widget_type_15 .pi_widget_body .content_holder { margin-right : 40px; } .pi_widget.pi_widget_type_15 .pi_widget_body .containing_right { position: absolute; right: 0px; top: 50%; margin-top: -20px; width: 40px; } .pi_widget.pi_widget_type_15 .pi_widget_body .containing_right .show_right { float:right; width:40px; height:40px; } .pi_widget.pi_widget_type_15 .pi_widget_body .item { min-height:70px; } .js .pi_widget.pi_widget_type_15 .pi_widget_body .item.clickable:hover .containing_right .show_right { background-position: -480px -200px; } .js .pi_widget.pi_widget_type_15 .pi_widget_body .item.clickable:active .containing_right .show_right { background-position: -640px -200px; } .pi_widget.pi_widget_type_15 .pi_widget_body .item.clickable.active .containing_right .show_right { background-position: -640px -200px; } /* whats new end */ /* rss and blog right arrow */ .pi_widget.pi_widget_type_2 .pi_widget_body h3 { margin-right : 40px; } .pi_widget.pi_widget_type_2 .pi_widget_body .content_holder { margin-right : 40px; } .pi_widget.pi_widget_type_2 .pi_widget_body .containing_right { position: absolute; right: 0px; top: 50%; margin-top: -20px; width: 40px; } .pi_widget.pi_widget_type_2 .pi_widget_body .containing_right .show_right { float:right; width:40px; height:40px; } .pi_widget.pi_widget_type_2 .pi_widget_body .item { min-height:70px; } .js .pi_widget.pi_widget_type_2 .pi_widget_body .item.clickable:hover .containing_right .show_right { background-position: -480px -200px; } .js .pi_widget.pi_widget_type_2 .pi_widget_body .item.clickable:active .containing_right .show_right { background-position: -640px -200px; } .pi_widget.pi_widget_type_2 .pi_widget_body .item.clickable.active .containing_right .show_right { background-position: -640px -200px; } .pi_widget.pi_widget_type_2 .pi_widget_body .item_right .containing_right { position:absolute; top:50%; margin-top:-20px; right:0px; width: 60px; } .pi_widget.pi_widget_type_4 .pi_widget_body h3 { margin-right : 40px; } .pi_widget.pi_widget_type_4 .pi_widget_body .content_holder { margin-right : 40px; } .pi_widget.pi_widget_type_4 .pi_widget_body .containing_right { position: absolute; right: 0px; top: 50%; margin-top: -20px; width: 40px; } .pi_widget.pi_widget_type_4 .pi_widget_body .containing_right .show_right { float:right; width:40px; height:40px; } .pi_widget.pi_widget_type_4 .pi_widget_body .item { min-height:70px; } .js .pi_widget.pi_widget_type_4 .pi_widget_body .item.clickable:hover .containing_right .show_right { background-position: -480px -200px; } .js .pi_widget.pi_widget_type_4 .pi_widget_body .item.clickable:active .containing_right .show_right { background-position: -640px -200px; } .pi_widget.pi_widget_type_4 .pi_widget_body .item.clickable.active .containing_right .show_right { background-position: -640px -200px; } .pi_widget.pi_widget_type_4 .pi_widget_body .item_right .containing_right { position:absolute; top:50%; margin-top:-20px; right:0px; width: 60px; } /* this looks wrong - width too wide - guess it was copied from webcast ! */ /* rss and blog right arrow */ /* generic details widget start */ .pi_widget.detailswidget .pi_widget_body p { padding: 0.2em 5px 0.6em 5px; } .pi_widget.detailswidget .pi_widget_body ul li, .pi_widget.detailswidget .pi_widget_body ol li { padding-bottom: 0.6em; } .pi_widget.detailswidget .pi_widget_body blockquote { text-indent: 2em; font-style: italic; } /* generic details widget end */ /*Webcast date - smaller wecast title*/ .pi_widget .pi_widget_title h2 .webcast_date { font-size: 0.85em; margin-left: 1em; } /* disqus widget styles start */ /* notifications */ .pi_widget #webcast .pi_widget_type_24 .pi_widget_subtitle.disqus_notification { padding:0; margin:0; } .pi_widget_type_24 .pi_widget_subtitle.disqus_notification p { padding:5px; } /* login */ .pi_widget_type_24 .disqus_login {padding:0;cursor:pointer;float:left;} .no-js .pi_widget_type_24 .disqus_login {cursor:default} .pi_widget.pi_widget_type_24 .disqus_login {padding-left: 12px;} /* if in widget not player no pad on left */ /* new comment form */ .pi_widget_type_24 .disqus_new_comment_form { padding:0;} .pi_widget_type_24 .disqus_new_comment_form fieldset { margin:0; padding: 7px 13px 7px 7px;} .pi_widget_type_24 .disqus_new_comment_form fieldset legend { padding: 7px 0 0;} .pi_widget_type_24 .disqus_new_comment_form fieldset label { display: none; } .pi_widget_type_24 .disqus_new_comment_form fieldset textarea { overflow:auto; width: 100%;border-width:2px;border-style:solid;padding:2px;} .pi_widget_type_24 .disqus_new_comment_form fieldset textarea[readonly] { background-color: #E2E2E2; } /* disqus display controls */ .pi_widget_type_24 .pi_widget_subtitle.disqus_display_control { text-align:right;} .pi_widget_type_24 .pi_widget_subtitle.disqus_display_control form { padding:0; float:right;} .pi_widget_type_24 .pi_widget_subtitle.disqus_display_control form fieldset { margin:0;} .pi_widget_type_24 .pi_widget_subtitle.disqus_display_control form fieldset legend { display:none;} .pi_widget_type_24 .pi_widget_subtitle.disqus_display_control form fieldset label { display:none;} .pi_widget_type_24 .pi_widget_subtitle.disqus_display_control form fieldset label { display:none;} .pi_widget_type_24 .pi_widget_subtitle.disqus_display_control form fieldset input.disqus_orderby_submit {float:none;display:inline;width:auto;} .pi_widget_type_24 .pi_widget_subtitle.disqus_display_control form fieldset select.disqus_orderby_select {margin-right: 5px;} .pi_widget_type_24 .pi_widget_subtitle.disqus_display_control .disqus_mod_link_div { float:right;margin:3px 20px;} /* comment list */ .pi_widget_type_24 h3.disqus_comment_heading { border-bottom: 1px solid #D5D5D5; padding-left: 0; } .pi_widget.pi_widget_type_24 h3.disqus_comment_heading { margin-left: 10px; margin-right: 10px; } /* if in widget not player component tab in slightly */ /* a single comment */ .pi_widget_type_24 .pi_widget_body .item { padding: 0.5em 0; } /* left hand block of comment - with all the grphx etc */ .pi_widget_type_24 .pi_widget_body .item .disqus_item_lhs {float:left;margin:0;border:0;padding:0;} .pi_widget_type_24 .pi_widget_body .item .disqus_genration_gap { width:14px;height:36px; float:left;} .pi_widget_type_24 .pi_widget_body .item .disqus_genration_branch { width:41px;height:44px;float:left;margin:0;border:0;padding:0; } .pi_widget_type_24 .pi_widget_body .item .disqus_avatar_holder { width:40px;height:40px;float:left;margin:0;border:0;padding:0;text-align:center;} .pi_widget_type_24 .pi_widget_body .item .disqus_avatar_holder img { width:40px;height:40px;margin:0;border:0;padding:0;} .pi_widget_type_24 .pi_widget_body .item .disqus_avatar_holder img.no_avatar { width:30px;} /* right hand block of comment - the author + comment + date */ .pi_widget_type_24 .pi_widget_body .item .disqus_item_rhs { width:auto;height:auto;margin:0;border:0;padding:0;} /* the margin left depends on indentation of lhs above - this is based on avatar [ if gen > 0 : + branch [ + (gap x gen) ] ] */ .pi_widget_type_24 .pi_widget_body .item .disqus_item_rhs.gencss_0 {margin-left:50px;} .pi_widget_type_24 .pi_widget_body .item .disqus_item_rhs.gencss_1 {margin-left:105px;} .pi_widget_type_24 .pi_widget_body .item .disqus_item_rhs.gencss_2 {margin-left:119px;} .pi_widget_type_24 .pi_widget_body .item .disqus_item_rhs.gencss_3 {margin-left:133px;} .pi_widget_type_24 .pi_widget_body .item .disqus_item_rhs.gencss_4 {margin-left:147px;} .pi_widget_type_24 .pi_widget_body .item .disqus_item_rhs.gencss_5 {margin-left:161px;} .pi_widget_type_24 .pi_widget_body .item .disqus_comment_text {width:auto;height:auto;margin-left:2px;border:0;padding:0;} /* leave a margin for the bubble */ .pi_widget_type_24 .pi_widget_body .item .disqus_comment_text .author {display:inline; font-weight:bold;} /* the reply buttons on a comment */ .pi_widget_type_24 .pi_widget_body .actions.disqus_reply_actions {bottom:5px;font-weight:bold;list-style:none outside none;margin:0;padding:0;position:absolute;right:5px;} .is_mobile .pi_widget_type_24 .pi_widget_body .actions.disqus_reply_actions {position:static;} .pi_widget_type_24 .pi_widget_body .actions form {display:inline;} .pi_widget_type_24 .pi_widget_body .actions form div.action_btn_container { padding-left: 50px; background: url("../images/newui/gradients.png") scroll no-repeat 0 -520px transparent; } /* comment reply form */ .pi_widget_type_24 .disqus_comment_reply { background: none repeat scroll 0 0 #E2E2E2; margin:2px; } .pi_widget_type_24 .disqus_comment_reply .reply_close_button { background-image: url("/core/public/images/close-icon.gif"); display: block; height: 13px; margin: 5px 5px 5px 10px; padding: 1px; width: 13px; float: right; } .pi_widget_type_24 .disqus_comment_reply form { padding:0; } .pi_widget_type_24 .disqus_comment_reply form fieldset { margin:0; padding:7px;} .pi_widget_type_24 .disqus_comment_reply form fieldset legend {display:none;} .pi_widget_type_24 .disqus_comment_reply form fieldset label { font-weight: bold; } .pi_widget_type_24 .disqus_comment_reply form fieldset textarea { height:45px; overflow:auto; width: 100%;border-width:2px;border-style:inset;padding:2px;} .pi_widget_type_24 .disqus_comment_reply form fieldset textarea[readonly] { background-color: #E2E2E2; } /* BOOTSTRAP4-FIX .pi_widget_type_24 .disqus_comment_reply form fieldset div.disqus_comment_reply_holder { padding:0 8px 0 0; overflow:visible; } */ .notitle .pi_widget_title { display:none; } /* disqus widget styles end */ .twtr-hd { display:none; } .twtr-ft { display:none; } div.pi_widget_right_float_container { text-align: right; position: absolute; right: 10%; } div.pi_widget_right_float_container ul.right { float: left; max-width: 160px; } .method_datasource_interactive ul.right { margin-left: 0px; } .method_magic_interactive ul.right { margin-left: 0px; } div.pi_widget_right_float_container ul.right_link_actions a { float: left; } div.pi_widget_right_float_container ul.right_link_actions img { margin-left: 0px; padding-left: 0px; margin-top: 3px; float: right; } #ds_middle ul.actions img { float: none; } #ds_middle ul.actions { padding-left: 0px; } /*properties for info box content(Images and description)*/ div.geotag_infobox div.geotag_content img { float: left; top: 0; left: 0; } div.geotag_infobox h4 { padding-left: 50px; } /*properties for image widget*/ .pi_widget.pi_widget_type_1.pi_widget_type_view_74 img { border: 1px none; padding-left: 0; padding-right: 3px; } div.geotag_infobox div.geotag_content p { padding-left: 50px; } div.geotag_infobox a { padding-left: 50px; } iframe { border: 0; } /* form widget start */ .pi_widget_type_27 .errors { margin:5px 10px 10px 10px; padding:10px 5px 10px 10px; background-color:#7B7E84; } .pi_widget_type_27 .errors p { background-color:#7B7E84; color:#FFFFFF; font-weight:bold; font-size:14px; text-shadow:-1px 1px 3px #000000; } .pi_widget.pi_widget_type_view_73 p { background: #eee; } .pi_widget.pi_widget_type_view_73 form .formbottom input { float: none; margin: 2%; } .pi_widget_type_27 label {float:left} .pi_widget_type_27 input,.pi_widget_type_27 select ,.pi_widget_type_27 textarea{float:left} .pi_widget_type_27 form .editable { display: block; padding: 0.3em 5px 0.4em 10px; min-height:26px; } .pi_widget_type_27 form .editable .forminfo {margin-left: 1em; padding-left: 30px; display: block; min-height:26px;position: relative; float:left; width: 350px} .pi_widget_type_27 form .editable .forminfo .ico{background: url(../images/icon-info.gif) no-repeat 0px 0px; display:inline-block; width: 25px; height: 25px; position:absolute; left: 0px;} .pi_widget_type_27 form .editable label {margin-right: 1em} /* form widget end */ /* start facebook widget */ /* facebook like style over-rides */ .pi_widget_type_30 .fb-page { float: left; } .pi_widget_type_30 .fb_iframe_widget span { width:100% !important; } .pi_widget_type_30 .fb_iframe_widget iframe { width:100% !important; } /* end facebook widget */ /* Start Slideshare widget */ .pi_widget_type_35 .pi_widget_body .slideshare_iframe_wrapper {height: 0; overflow: hidden; padding-bottom: 39px; padding-top: 56.24%; position: relative;} .pi_widget_type_35 .pi_widget_body .slideshare_iframe_wrapper_4x3 {height: 0; overflow: hidden; padding-bottom: 39px; padding-top: 75%; position: relative;} /* End Slideshare widget */ /* map widget start */ .pi_widget_type_9 img { max-width:none; } /* map widget doesn't like our img max-width: 100% ! */ /* map widget end */ /* user profile link start */ a.user_profile_link { background-position: left top; background-repeat: no-repeat; background-attachment: scroll; } /*user profile link end */ /* you tube widget start - widget_type_view_39 */ .pi_widget.pi_widget_type_view_39 .youtube { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; box-sizing: border-box; } .pi_widget.pi_widget_type_view_39 .youtube iframe , .pi_widget.pi_widget_type_view_39 .youtube object , .pi_widget.pi_widget_type_view_39 .youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* you tube widget end */ /* new player - widget type view 10 - start - with section#webcast ! */ /* new player layout - start with default ( mobile ? ) */ .pi_widget #webcast #Webcast_Player { background-color: #000000; } /* actual space for player plugin / video tag start */ .pi_widget #webcast #Webcast_Player_Holder { position: relative; height: 0; overflow: hidden; background-color: #000000; padding-bottom: 56.25%; /* 9/16 * 100 */ /* NB - this is the proportionate part of height ( i.e. video ) */ padding-top: 0; /* NB - this is the fixed part of height ( i.e. controls ) - cuurently 0 as controls in seperate html strip below */ width: 100%; box-sizing: content-box; /* set box sizing back so can use existing height/width ratio locked to container width */ } /* theoplayer v2 - div#Webcast_player now contains theoplayer rather than becomes theoplayer - so needs to fill its space */ .pi_widget #webcast #Webcast_Player_Holder #Webcast_Player { position: absolute; height: 100%; width: 100%; padding: 0; margin: 0; top: 0; left: 0; background-color: #000;} /*reset theoplayer massive spacing on live captions / subtitles : off for now as background still too big*/ /* #webcast.live #Webcast_Player div.theoplayer-texttracks span { letter-spacing : normal; } */ /* audio only player begin */ .pi_widget #webcast #Webcast_Player_Holder.audio_only_player { /* injected as theoplayer height by player_widget.js in print_theoplayer() as well as here - THEOplayerV2 requirement !*/ padding-top: 130px; padding-bottom: 0; } .pi_widget #webcast #Webcast_Player_Holder.audio_only_player .theoplayer-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 1; } .pi_widget #webcast #Webcast_Player_Holder.audio_only_player .theoplayer-skin:not(.vjs-fullscreen) .theoplayer-texttracks .theoplayer-webvtt-region-default { /* audio only : put subtitles above controle bar - and make bigger */ padding-top: 0 !important; padding-bottom: 2.3em! important; font-size: 12px !important; } /* audio only player end */ /* if no javascript then leave height for ctrls */ .no-js .pi_widget #webcast #Webcast_Player_Holder { padding-top: 40px; } .pi_widget #webcast #Webcast_Player_Holder video, .pi_widget #webcast #Webcast_Player_Holder object, .pi_widget #webcast #Webcast_Player_Holder embed, .pi_widget #webcast #Webcast_Player_Holder .webcast_video_placeholder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pi_widget #webcast #Webcast_Player_Holder .webcast_video_placeholder.live_status_holding_text {background:#949599;} .pi_widget #webcast #Webcast_Player_Holder .webcast_video_placeholder.live_status_holding_text.status_id_0 {background:#000;} .pi_widget #webcast #Webcast_Player_Holder .webcast_video_placeholder.live_status_holding_text.status_id_0 .holding_text{font-size: 1.5em; color:#999;} .pi_widget #webcast #Webcast_Player_Holder .webcast_video_placeholder.live_status_holding_text .holding_text { font-size: 1.2em; color:#fff; text-align:center; width: 100%; height: 100%; position: relative; display: table; background: #282827; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#353535, #1c1c1a); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#353535, #1c1c1a); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#353535, #1c1c1a); /* For Firefox 3.6 to 15 */ background: linear-gradient(#353535, #1c1c1a); /* Standard syntax */ } .pi_widget #webcast #Webcast_Player_Holder .webcast_video_placeholder.live_status_holding_text .holding_text p { font-size: 1.5em; color:#fff; position:relative; margin: 0; padding: 0 0.5em; vertical-align: middle; display:table-cell; text-align: center; } .pi_widget #webcast #Webcast_Player_Holder .webcast_video_placeholder.live_status_holding_text .holding_text p span {font-size:1em;} .pi_widget #webcast #Webcast_Player_Holder .webcast_video_placeholder.live_status_holding_text .holding_text p span.hr { height: 1px; width: 7em; margin: 0; padding:0; display:inline-block; } /* .pi_widget #webcast.ratio_4x3 #Webcast_Player_Holder video, .pi_widget #webcast.ratio_4x3 #Webcast_Player_Holder object, .pi_widget #webcast.ratio_4x3 #Webcast_Player_Holder embed, */ .pi_widget #webcast.ratio_4x3 #Webcast_Player_Holder #Webcast_Player { position: absolute; left: 12.5%; width: 75%; height: 100%; } .pi_widget #webcast #Webcast_Player_Holder .webcast_video_placeholder .download_plugin_text { background: #fff; padding: 0 1em; overflow: auto; height: 100%; } .pi_widget #webcast #Webcast_Player_Holder .webcast_video_placeholder .download_plugin_text ul { list-style: none; } /* === Start Theoplayer custom rules === */ /* NB : the line below mirrors css cast on to ::before on a native THEOplayer button ( .video-js .vjs-control::before ) as that is where they set the icon */ #Webcast_Player_Holder .theoplayer-skin .theoplayer-my-control.vjs-control.pi_custom_button .pi_custom_button_inner { font-size: 1.8em; line-height: 1.67; font-weight: bold; font-style: italic; display: inline-block; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #Webcast_Player_Holder .theoplayer-skin .theoplayer-my-control.vjs-control.pi_custom_button#hd_button { -webkit-box-ordinal-group:201; -webkit-order:200; -moz-box-ordinal-group:201; -ms-flex-order:200; order:200; } .definition_sd #Webcast_Player_Holder .theoplayer-skin .theoplayer-my-control.vjs-control.pi_custom_button#hd_button .pi_custom_button_inner { opacity:0.3; } /* initial selector for SD */ #Webcast_Player_Holder .theoplayer-skin .theoplayer-my-control.vjs-control.pi_custom_button#dl_button { -webkit-box-ordinal-group:203; -webkit-order:202; -moz-box-ordinal-group:203; -ms-flex-order:202; order:202; } .pi_widget button.vjs-icon-cog , .pi_widget button.vjs-icon-subtitles { font-family: THEOplayer; } /* === End Theoplayer custom rules === */ @media (min-width: 992px) { #Webcast_Video {position: -webkit-sticky;position: -moz-sticky;position: -ms-sticky;position: -o-sticky;position: sticky;top: 0; z-index: 3;} } /* actual space for player plugin / video tag end */ /* js responsive player css was here */ /* webcast tabs start */ /* tabs content article classes are... timeline, slides, transcript, geotags, resources, livechat, forums, speakers, vote_events, feedback, custom_tab ( multiple custom tabs - handled by js / css in _player.php ) */ /* hide all tab content by deafult */ #webcast .timeline , #webcast .slides , #webcast .transcript , #webcast .geotags , #webcast .resources , #webcast .speakers , #webcast .vote_events , #webcast .feedback , #webcast .livechat , #webcast .forums { display: none; } #webcast.full.timeline .timeline , #webcast.full.slides .slides , #webcast.full.transcript .transcript , #webcast.full.geotags .geotags , #webcast.full.resources .resources , #webcast.full.speakers .speakers , #webcast.full.vote_events .vote_events , #webcast.full.feedback .feedback , #webcast.full.livechat .livechat , #webcast.full.forums .forums { display: inline-block; } /* webcast tabs end */ #webcast div.geotag_infobox a { padding-left: 0; cursor: pointer; } .no-js #webcast div.geotag_infobox a { cursor: default; } #webcast #map_container { height: 0; overflow: hidden; padding-bottom: 75%; border-radius: 2px; position: relative; clear: both; box-sizing: content-box; /* set box sizing back so can use existing height/width ratio locked to container width */ } #webcast #map_canvas { height: 100%;left: 0;position: absolute;top: 0;width: 100%;} #webcast #map_marker_list ul {font-size: 1.2em;} #webcast #map_marker_list ul li {border-bottom: solid 1px rgba(204, 204, 204, 1); padding-top: 1.1em; padding-bottom:0em;} #webcast #map_marker_list ul span {float:left; clear:both} #webcast #map_marker_list form {float:right} #webcast #map_canvas img { max-width:none; } /* hide carousel when first loaded - once is loaded extra elements site between these classes so rule stops applying */ /* div.presentation_carousel_container > ul.presentation_carousel { display:none; } */ /* start slide tab carousel */ #webcast .presentation_carousel_container { border-top:solid 1px #ccc; } /* outer container for one presentations title, buttons and carousel */ #webcast .jcarousel-prev { left:0; top:85px; background:none; height:auto; width:auto; } /* carousel previous button */ #webcast .jcarousel-next { right:0; top:85px; background:none; height:auto; width:auto; } /* carousel next button */ #webcast .jcarousel-container { position: relative; overflow: hidden; background:none; border:none; margin:0 58px; padding: 0; } /* carousel */ #webcast .presentation_carousel { width: 10000em; position: relative; list-style: none; margin: 0; padding: 0; height:95px; } /* carousel list (ul) */ #webcast .presentation_slide_thumb { float: left; position: relative; display:table; width: 120px; height: 90px; position: relative; text-align:center; border:solid 2px #FFFFFF; } /* carousel item (li) */ #webcast .presentation_slide_thumb a { display:table-cell; vertical-align: middle; height:100%; } /* NB display table cell with parent display table to support vertical-align ! */ #webcast .presentation_slide_thumb a img { /*max-width:none;*/ max-width: 120px; max-height: 90px; margin:auto; cursor:pointer; } #webcast .presentation_slide_thumb.selected , #webcast .presentation_slide_thumb.selected:hover { border:solid 2px #000; } #highlighted_thumb_arrow { position:absolute;top:1px;left:1px; width:18px; height: 20px; color: #FFFFFF; } #prev_slide_link , #next_slide_link{ height: 80px; line-height: 80px; cursor:pointer; } /* end slide tab carousel */ #webcast #current_slide { display: inline-block; width:100%; } #webcast #current_slide img { width: 100%; } #presentation_switcher {display:inline-block; width:50%} #no_slide_placeholder_manual ,#no_slide_placeholder_auto {text-align: center; width:100%;} #no_slide_placeholder_manual .img {margin:auto;background: url(../images/2019Style/no_slide_placeholder_manual.png);width:300px; height:55px} #no_slide_placeholder_auto .img {margin:auto;background: url(../images/2019Style/no_slide_placeholder_auto.png);width:217px; height:180px} #no_slide_placeholder_manual span,#no_slide_placeholder_auto span {height: 40px;display:block; font-weight:bold; padding: 10px 0;} #no_slide_placeholder_manual span.or_turn_on_autoslides {font-weight:normal} #no_slide_placeholder_manual span.select_a_slide {font-size: 1rem;position: relative;} /* new player - widget type view 10 - end */ /* START add datasource buttons on widgets*/ .pi_widget .add_datasource_btn:link, .pi_widget .add_datasource_btn:visited {color: #333333; background: #fffa75; border-radius: 15px; font-weight: bold; float:right; text-decoration:none; font-family:Verdana,Arial,Geneva,sans-serif; line-height: 16px; margin-right: 8px; margin-top: 5px; padding: 5px 1em; } .pi_widget .add_datasource_btn:hover {background:#fff;color:#333} /* END add datasource buttons on widgets*/ /* login widget */ .method_static_login .pi_widget .pi_widget_content { padding-left:20px; } .method_static_login .pi_widget .static_login ul { list-style: none; } .method_static_login .pi_widget .static_login ul li a { text-decoration:none; color: #333333; } .pi_widget #presentation_switcher_sel { /* max-width: 70%; */ direction: rtl; } .pi_widget #presentation_switcher_sel > option { text-align: left; } /* Full screen widgets (i.e. magic interactive and full screen tsb widget)*/ .ds_left { width:20%; float:left; margin: 0 0 40px 0; border-right: none 0; } .ds_middle { width:56%; float:left; margin: 0 2% 40px 2%; } #ds_middle div.item_content img { position: relative; clear: both; max-width: 100%; } @media (max-width: 1024px) { /* tablet layout 2 cols - 49% |2%| 49% */ /* then 1 col 100% */ .ds_left { width:49%; float:left; margin: 0 0 40px 0;} .ds_middle, .ds_right { width:49%; float:right; margin: 0 0 40px 2%;} /* force below right */ } @media (max-width: 768px) { /* 1 col 100% */ .ds_left, .ds_middle, .ds_right { width: 100%; float: none; clear: both; margin:0 0 40px 0; } } /* END Full screen widgets (i.e. magic interactive and full screen tsb widget)*/ /* Default custom css rules */ /* there is a mirror of this block in core css but without prepended by .pi_widget */ /* the actual custom css file contains both these sets of rules - and should be kept in sync */ /* widget overrides */ /* custom body font-family */ .pi_widget button , .pi_widget input , .pi_widget select , .pi_widget textarea , .pi_widget .cs_body_font_family { font-family: Arial,Helvetica,sans-serif; } /* custom menu font-family */ .pi_widget .cs_menu_font_family { font-family: Arial,Helvetica,sans-serif; } /* custom menu font-family */ .pi_widget .cs_heading_font_family , .pi_widget .pi_widget_sectionheading { font-family: Arial,Helvetica,sans-serif; } /* custom background flat */ .pi_widget .cs_background_flat { background-color: #444444 !important; } .js .pi_widget .cs_hover_group:hover .cs_background_flat , .js .pi_widget .cs_hover_group:focus .cs_background_flat { background-color: #666666 !important; } .js .pi_widget .cs_hover_group:active .cs_background_flat { background-color: #888888 !important; } /* custom background gradient */ .pi_widget .cs_background_grad { background: #444444; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDJmMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #444444 0%, #342f2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#342f2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #444444 0%,#342f2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #444444 0%,#342f2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #444444 0%,#342f2c 100%); /* IE10+ */ background: linear-gradient(top, #444444 0%,#342f2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#342f2c',GradientType=0 ); /* IE6-8 */ } .ie9 .pi_widget .cs_background_grad { filter: none; } /* custom border */ .pi_widget .cs_border_flat { border-color: #444444 !important; } /* custom link colors */ .pi_widget a:not(.btn) , .pi_widget a:not(.btn):link , .pi_widget .cs_link_colour { color: #444444; } .pi_widget a:not(.btn):hover , .pi_widget a:not(.btn):focus , .js .pi_widget .cs_hover_group:hover a:not(.btn) , .js .pi_widget .cs_hover_group:focus a:not(.btn) { color: #666666; } .pi_widget a:not(.btn):active , .js .pi_widget .cs_hover_group:active a:not(.btn) { color: #888888; } /* item highlight colour e.g. current agenda item */ .pi_widget .cs_item_highlight { background-color: #F2F2F2; } /* player timeline / header search focus for accessability - browser outline hidden by overflow hidden on parent ! */ .timeline_2019 .accordian_clickable:focus , #full_header_search:focus , #expand_header_search:focus { box-shadow: inset 0 0 0 .2rem rgba(68,68,68,0.5); } /* DONT ADD ANY CSS BELOW HERE - THE DEFAULT VALUES FOR CUSTOM CSS SIT AT BOTTOM SO EASILY FOUND / COMPARED / KEPT IN SYNC */