/* WIDGETS */ /* 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 to work around oddness in twitter widget */ .pi_widget.pi_widget_type_14 .pi_widget_body .item a.tweet_url { margin-right: 1ex; } /* buttons */ /* BOOTSTRAP4-FIX .btn, .pi_widget .btn, .pi_widget a:link.btn, a.btn, a:link.btn, a:visited.btn, .pi_widget a:visited.btn {display:inline-block; border-radius: 14px; font-weight:bold; line-height:28px; margin-left:.5em; margin-top: 0; padding: 0 13px; border:none; color:inherit; font-family:inherit; font-size:inherit; background-color:#d5d5d5; text-decoration:none; color:#333;} .btn:hover,a.btn:hover,a:link.btn:hover {background-color:#e8e8e8;} .btn.btn-action, .pi_widget .btn.btn-action, .pi_widget a:link.btn.action, a.btn.btn-action, a:link.btn.btn-action, a:visited.btn.btn-action, .pi_widget a:visited.btn.btn-action {background-color:#444; color:#fff;} .btn.btn-primary, .pi_widget .btn.btn-primary, .pi_widget a:link.btn.btn-primary, a.btn.btn-primary, a:link.btn.btn-primary, a.btn.btn-primary:visited, .pi_widget a:visited.btn.btn-primary {background-color:#444; color:#fff; } .btn .icon {line-height:inherit; margin-left:0;} .form-controls .btn-primary {line-height:35px; border-radius:20px; height:35px; padding:0 18px;} */ .pi_widget .manage_my_profile_middle form.profile+.oauth { margin-top: 20px; } /* standard widget css start */ /* widget container start */ /* to many knock ons - cherry pick targets below .pi_widget * { word-wrap: break-word; } */ .pi_widget { color: #333333; font-size: 100%; margin-bottom: 20px; } body.cs_menu_icon_dark .pi_widget { box-shadow: 0 3px 5px #CBCBCB; } /* remove this on webcast widget as has a clear background ! */ body.cs_menu_icon_dark .pi_widget.pi_widget_type_view_10 { box-shadow: none; } .pi_widget input, .pi_widget select, .pi_widget textarea, .pi_widget button { font-size: inherit; } .pi_widget .clear { clear:both; } .pi_widget .message_flash { font-size:1.2em; background: #D2D2D2; padding: 10px 7px; border-radius: 3px; webkit-border-radius: 3px; moz-border-radius: 3px; margin-top:10px;} /* widget container end */ /* widget title start */ .pi_widget .pi_widget_title { margin: 0; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; } .pi_widget .pi_widget_title h2 , .pi_widget .pi_widget_title .widget_title_rss{ padding: 9px 7px 5px 15px; margin: 0; font-weight: normal; font-size: 1.4em; line-height: 1.3em; } .pi_widget .pi_widget_title h2 {float:left} .pi_widget .pi_widget_title .widget_title_rss {float:right} body.cs_menu_icon_dark .pi_widget .pi_widget_title h2 { text-shadow: 1px 1px 2px #FFFFFF; } .pi_widget .pi_widget_title .functions { float: right; margin: 8px 8px 0 0; } .pi_widget .pi_widget_title .functions a { float: left; margin-left: 2px; display: block; width: 31px; height: 28px; cursor: pointer; } .pi_widget .pi_widget_title .functions sub { display: none; } .is_mobile .adaptation_enhanced_help .pi_widget .pi_widget_title .functions sub { display: block; padding-left:20px; } /* dark versions for light background */ body.cs_menu_icon_dark .pi_widget .pi_widget_title .functions .rss { background: url(../images/newui/sprite.png) no-repeat -240px -360px; } body.cs_menu_icon_dark .pi_widget .pi_widget_title .functions .rss:hover { background: url(../images/newui/sprite.png) no-repeat -280px -360px; } /* dark versions for light background */ body.cs_menu_icon_dark .pi_widget .pi_widget_title .functions .refresh:hover { background: url(../images/newui/sprite.png) no-repeat -480px -80px; } .pi_widget .functions{ float:right; } .pi_widget .pi_widget_title .functions .refresh_function { display: block; width:31px; height:26px; background-image: url(../images/newui/sprite.png); background-position: -520px -80px; margin-top: -2px; } body.cs_menu_icon_dark .pi_widget .pi_widget_title .functions .refresh_function { background-position: -440px -80px;} .pi_widget .pi_widget_title .functions .refresh_function.loading { background: url(../images/newui/ajax-loader.gif) center left no-repeat; height:20px; } .pi_widget .pi_widget_title .functions .refresh_function.loading:hover { background: url(../images/newui/ajax-loader.gif) center left no-repeat; height:20px; } body.cs_menu_icon_dark .pi_widget .pi_widget_title .functions .refresh_function.loading { background: url(../images/newui/ajax-loader-dark.gif) center left no-repeat; height:20px; } body.cs_menu_icon_dark .pi_widget .pi_widget_title .functions .refresh_function.loading:hover { background: url(../images/newui/ajax-loader-dark.gif) center left no-repeat; height:20px; } /* widget title end */ /* widget content start [ made up of many sub components ] */ .pi_widget .pi_widget_content { background: #FFFFFF; padding-top: 10px; } /* widget content : filter start */ .pi_widget .filter { margin-bottom:10px; margin-left:10px; margin-right:10px; font-size:1.2em; background: #d2d2d2; padding: 10px 7px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .pi_widget .filter .remove_text { margin-right:20px; float:left; color:#333; } /* widget content : filter end */ /* widget content : subtitle start */ .pi_widget .pi_widget_subtitle { background: #e2e2e2; margin: 0 10px 10px; padding: 10px 7px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .pi_widget .pi_widget_subtitle p { margin: 0; padding: 0; } .pi_widget .pi_widget_subtitle p.feed_heading { padding: 5px 0 2px 0; } .pi_widget .pi_widget_subtitle p.feed_heading strong { font-weight: bold; } .pi_widget .pi_widget_subtitle img { width: 80px; float: left; margin: 0 5px 5px 0; } /* widget content : subtitle end */ /* widget content : sectionheading start */ .pi_widget .pi_widget_sectionheading { padding: 0; font-size: 1.1em; margin: 0 10px 10px; } .pi_widget .pi_widget_sectionheading h3 { color: #333333; padding: 0 0 0 5px; margin: 0; } /* widget content : sectionheading end */ /* widget content : body start */ .pi_widget .pi_widget_body { padding: 0 10px 10px; margin: 0; } .pi_widget .pi_widget_body .item { padding: 0.4em 0; position: relative;} .pi_widget .pi_widget_body :not(.pinned_webcasts) .item {border-top: 1px solid #D5D5D5;} .pi_widget .pi_widget_body .pinned_webcasts .item {border-width: 3px 0 0; border-style: solid;/*this works in conjuction with a cs_border_flat class */} .pi_widget .pi_widget_body .item .interactive { float: right; } .pi_widget .pi_widget_body .item .access_control_not_secret { float: right; } .pi_widget .pi_widget_body p, .pi_widget .pi_widget_body table, .pi_widget .pi_widget_body .item_content { padding: 0 4px 0.3em 4px; } /* XXX Don't make significant changes to this rule, it affects pretty much every block of text on the system. Use a more specific CSS selector! */ .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 h1, .pi_widget .pi_widget_body h2, .pi_widget .pi_widget_body h3, .pi_widget .pi_widget_body h4, .pi_widget .pi_widget_body h5, .pi_widget .pi_widget_body h6, .pi_widget .pi_widget_body h7 { padding-left: 4px; padding-right: 4px; } /* This rule affects pretty much every heading tag on the system */ .pi_widget .pi_widget_body .pub_date { font-size: 0.9em; font-weight: bold; color: #757575 } .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 */ /* widget footer start */ .pi_widget .pi_widget_footer { margin: 0; padding: 0 10px 10px; background-color: #FFFFFF; clear:both; border-radius: 0 0 6px 6px; } .pi_widget .pi_calltoaction { background-color: #E5E5E5; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .pi_widget .teaser { display: inline-block; padding: 10px; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; } .ie6 .pi_widget .teaser { display: block; } .ie7 .pi_widget .teaser { float: left; } .pi_widget .pi_widget_footer .call, .pi_tbl_footer .call { padding: 10px 15px 10px 25px; color: #FFFFFF !important; background-image: url(../images/newui/cta_arrow.png); background-position: left center; background-repeat: no-repeat; float: right; display: block; max-width: 80%; min-width: 100px; text-decoration: none; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; } .pi_widget .pi_widget_footer .call strong, .pi_tbl_footer .call strong { height: 100%; } .pi_widget .pi_widget_footer form { font-size: 0.9em; padding: 0.2em 4px 0.5em 4px; } .pi_widget .pi_widget_footer form textarea, .pi_widget .pi_widget_footer form input { font-size: 1em; } .pi_widget .pi_widget_footer form fieldset { border: none; margin: 0; padding: 0; float: left; width: 75%; } .pi_widget .pi_widget_footer form fieldset legend { display: none; } .pi_widget .pi_widget_footer form fieldset textarea { width: 100%; height: 45px; overflow: auto; } .pi_widget .pi_widget_footer form label { width: auto; } .pi_widget .pi_widget_footer form label strong { font-weight: normal; } .pi_widget .pi_widget_footer form .formbottom { float: left; width: 24%; margin: 41px 0 0 0; padding: 0; } .pi_widget .pi_widget_footer form .formbottom input { background: #0e76bb; color: white; font-weight: bold; width: 93%; margin: 4px 0 0 5px; padding-left: 0; padding-right: 0; line-height: 1.1em; } .pi_widget .pi_widget_footer form .formbottom.cancel { margin-top: 16px; } /* widget footer end*/ /* widget subscribe (modal launch) link start */ .pi_widget .pi_widget_subscribe_btn {float:left;} /* BOOTSTRAP4-FIX .pi_widget .pi_widget_subscribe_btn .subscribe_btn {color:#FFFFFF; text-decoration:none;display:block;padding-left: 18px; padding-right: 20px; margin-right: 11px; font-weight: bold; height: 32px; border-radius: 16px 16px 16px 16px; line-height: 32px;} .pi_widget .pi_widget_subscribe_btn .subscribe_btn:hover {background-image: url(/core/public/images/newui/gradients.png); background-position: 0 -60px; } .pi_widget .pi_widget_subscribe_btn .subscribe_btn:active {background-image: url(/core/public/images/newui/gradients.png); background-position: 0 0px; } */ /* widget subscribe (modal launch) link end */ /* page layout specific widget style start */ .layout_id_12 #col_1 { margin: 0 auto 30px; padding: 5px 0 30px; background: rgba(255,255,255,0.75); border-radius: 5px; max-width: 1000px; } .layout_id_12 .pi_widget .pi_widget_title { display:none}} .layout_id_12 .pi_widget:first-child { margin-top:20px;} .layout_id_12 .pi_widget:last-child{ margin-bottom:20px;} .layout_id_12 .pi_widget .inner_body {background:none;} .layout_id_12 .pi_widget .pi_widget_body {background:none;} .layout_id_12 .pi_widget .pi_widget_content {background:none;} .layout_id_12 .pi_widget .pi_widget_title {background:none;} .layout_id_12 .pi_widget .pi_widget_footer { background:none;} .layout_id_12 .pi_widget .pi_widget_footer { display:none;} .layout_id_12 .pi_widget { background:none;} body.cs_menu_icon_dark .layout_id_12 .pi_widget { box-shadow: none; } /* page layout specific widget style 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 */ .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 article .item_right h4, /* webcast title in listing */ .pi_widget_type_3 article .item_right .item_content, /* webcast description in listing */ .pi_widget_type_3 #webcast .welcome_text, /*webcast welcome text */ .pi_widget_type_3 #webcast .welcome_text p, .pi_widget_type_3 #Webcast_Timeline.old_timeline .timeline_item_text { word-wrap: break-word; } /* timeline text in player */ #webcast .welcome_text {padding: 1.5em;} #webcast .welcome_text p { padding: 0 0 1em; } /* 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;} .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 .user_pin_auth_validation_error {background:#f2cbd0; border-radius:0.5em; color:#CC0000; border: solid 1px #CC0000; padding:1.5em; margin: 2em 0 0} .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} .pi_widget_type_3 #webcast.not_pin_authed .locked_webcast{ background: url("../images/newui/sprite.png") repeat scroll -360px -200px #333;float: right;height: 40px;position: relative;top: -6px;width: 40px; } /* fix user input text over end */ /* START new webcast/account style widget layout + tabbed menu*/ .pi_widget.pi_widget_type_view_10 .pi_widget_content, .pi_widget.pi_widget_type_view_10 .pi_widget_body, .method_manage_my_details .pi_widget .pi_widget_content, .method_manage_my_details .pi_widget .pi_widget_body {background:none; padding:0} /*override above setting for restricted message */ .pi_widget.pi_widget_type_view_10 .pi_widget_content .pi_widget_body .restriced_message { background:#FFF; padding:20px 0 10px 10px; } .pi_widget.pi_widget_type_view_10 .pi_widget_footer { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-top: none 0; } /* Webcast subscribe div styling */ .player_subscribe_div {font-size:2em;padding:1em;color:#666;} .player_layout_secondary .player_subscribe_div {font-size:1.3em;} .player_subscribe_div .big_date {font-size:1.7em;font-weight:bold;} .player_subscribe_div fieldset.error {border-color:#c00;} .player_subscribe_div p.subscribe_error_message {color:#c00;font-size:0.7778em;} .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 */ .player_subscribe_div .webcast_subscribe_gdpr_text {font-size: 0.7em;} .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 and cil! */ .pi_widget.pi_widget_type_view_10 .pi_widget_content #webcast .pi_widget_type_14 .pi_widget_content, .pi_widget.pi_widget_type_view_10 .pi_widget_content #webcast .pi_widget_type_19 .pi_widget_content { padding-top: 0; } /* for twitter and cil player components ! */ /* 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; -moz-border-radius:0; -webkit-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; -moz-border-radius:3px; -webkit-border-radius:3px; } /* for player components ! */ .pi_widget.pi_widget_type_3 .pi_widget_content article .webcast_article_inner, .method_manage_my_details .pi_widget .pi_widget_body {background:#fff; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;} .pi_widget .widget_tab_menu {background:#fff;border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;-webkit-border-radius: 0 0 6px 6px; margin-bottom: 20px} .pi_widget .widget_tab_menu ul li{padding:0;margin:0} .pi_widget .widget_tab_menu ul li a {display:block;color:#333 !important;text-decoration: none;border-right: solid 1px #d7d7d7; padding: 11px 13px 11px 42px;} .method_manage_my_details .pi_widget .widget_tab_menu ul li a {padding-left:8px} .method_manage_my_details .pi_widget .pi_widget_footer { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .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; } .pi_widget .widget_tab_menu ul li:first-child a {border-radius: 0 0 0 6px;} .pi_widget .widget_tab_menu ul li a:hover {background: #eeeded;} .pi_widget .widget_tab_menu ul li a.active, .pi_widget .widget_tab_menu ul li a.active:hover { background: url(../images/newui/gradients.png) -0 -162px; } .pi_widget .widget_tab_menu li {float: left;} .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: left; clear: left; margin-top: 10px; margin-left: 80px; border: 3px red solid};*/ 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;-moz-border-radius:4px;-webkit-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} /* BOOTSTRAP4-FIX div.action_btn_container:before { background: url("../images/newui/sprite.png") repeat scroll -1000px -40px transparent; display: inline-block; height: 17px; left: 30px; position: relative; top: 10px; width: 12px; margin-left: -12px; float: left} */ .pi_widget .widget_black_arrow { width:16px; height:16px; background-image: url(../images/newui/sprite.png); background-position: -1000px -41px; float:left; } /* END new webcast/account style widget layout + tabbed menu */ /* START webcast interactive styles*/ .accordian {box-sizing: border-box;} .accordian .closed .accordian_fold {display:none} .no-js .accordian .closed .accordian_fold {display:block; position:relative} /* start new gizmo timeline */ #Webcast_Timeline.gizmo_timeline h3 {padding: icon-down-open-1} #Webcast_Timeline.gizmo_timeline .expandable_item_ico {font-size: 1.5em;margin: 0 0.5em; position:absolute; left: 0.6em; top: 0.6em;} #Webcast_Timeline.gizmo_timeline ol,#Webcast_Timeline.gizmo_timeline ul {list-style: none; } #Webcast_Timeline.gizmo_timeline ol {padding: 0.5em; margin:0 0 1em} #Webcast_Timeline.gizmo_timeline ol > li.agenda_item {border:none; position: relative} #Webcast_Timeline.gizmo_timeline ol > li.agenda_item .accordian_clickable {z-index:10;font-weight: bold; margin-bottom: 2px; font-size: 1.1em; line-height: 2em; cursor: pointer;padding: 1em;} /*We want this background to be overriden by the custom cs_backround_flat rule which is applied when it's highlighted'*/ .accordian_clickable {background: #e4e4e4} #Webcast_Timeline.gizmo_timeline ol > li.expandable .accordian_clickable, #Webcast_Timeline.gizmo_timeline ol > li.expandable .accordian_clickable:hover{ display:block; color: #000;cursor: pointer; text-decoration: none; font-weight: normal;} #Webcast_Timeline.gizmo_timeline .item_text { word-wrap: break-word; margin: 0 0 0 4em; } #Webcast_Timeline.gizmo_timeline .expandable_item_ico {visibility:hidden} #Webcast_Timeline.gizmo_timeline .expandable .expandable_item_ico {visibility:visible} #Webcast_Timeline.gizmo_timeline ol > li .accordian_fold {z-index:9;} #Webcast_Timeline.gizmo_timeline ol > li.agenda_item.hover .accordian_clickable:not(.highlighted) {background: #dadada;} #Webcast_Timeline.gizmo_timeline ol ol li:first-child{border-top: solid 2px #ddd; } #Webcast_Timeline.gizmo_timeline ol ol li{border-top: solid 1px #eaeaea;} #Webcast_Timeline.gizmo_timeline ol ol li {position:relative;} #Webcast_Timeline.gizmo_timeline ol ol li .sub_item_text {display:inline;position: relative;top: -2px;} #Webcast_Timeline.gizmo_timeline .watch_btn {width: auto;color: #fff} #Webcast_Timeline.gizmo_timeline .accordian_clickable form {float:right; display:inline;} #Webcast_Timeline.gizmo_timeline .accordian_clickable form fieldset {margin: 0} #Webcast_Timeline.gizmo_timeline .item_share {background-image: url("../images/newui/sprite.png"); background-position: -120px -240px; height: 40px;position: absolute;right: 2em;width: 40px;} #Webcast_Timeline.gizmo_timeline .item_share i {display:none} #Webcast_Timeline.gizmo_timeline ol ol .watch_btn {position: absolute;right: 2em; font-size: 1em;line-height: 1.5em;font-weight: bold; margin-top: -10px; right: 30px} #Webcast_Timeline.gizmo_timeline ol ol .item_share {margin-top: -10px; right: 0; width:20px; height:20px;background-position: 0px -240px;} #Webcast_Timeline.gizmo_timeline ol ol .valign_center {display: table-cell;position: absolute;right: 0;top: 50%;} #Webcast_Timeline.gizmo_timeline ol > li.agenda_item .accordian_clickable.highlighted, #Webcast_Timeline.gizmo_timeline ol li.agenda_item ol li.highlighted, #Webcast_Timeline.gizmo_timeline ol > li.agenda_item .accordian_clickable.highlighted a, #Webcast_Timeline.gizmo_timeline ol li.agenda_item ol li.highlighted a {color: #fff} #Webcast_Timeline.gizmo_timeline ol > li.agenda_item .accordian_clickable.highlighted input.watch_btn, #Webcast_Timeline.gizmo_timeline ol li.agenda_item ol li.highlighted input.watch_btn {background: #fff !important;color:#333} #Webcast_Timeline.gizmo_timeline div.no_attached_agenda_items {width: 0;height: 40px} #Webcast_Timeline.gizmo_timeline div.no_attached_agenda_items em {display:none} #Webcast_Timeline.gizmo_timeline ul.agenda_attachments {padding: 1em; margin:0; margin-right: 3.5em;} #Webcast_Timeline.gizmo_timeline ul.agenda_attachments li {float:left; clear:none; margin: 0 0.8em} #Webcast_Timeline.gizmo_timeline ul.agenda_attachments li .ico, #Webcast_Timeline.gizmo_timeline ol ol .sub_item_container .ico { width:16px; height:16px; background-image: url(../images/newui/sprite.png);display: inline-block; margin-right: 0.5em;} #Webcast_Timeline.gizmo_timeline .agenda_attachment_geotag .ico {background-position:-840px -240px } #Webcast_Timeline.gizmo_timeline .current li.agenda_attachment_geotag .ico {background-position: -880px -240px} #Webcast_Timeline.gizmo_timeline .agenda_attachment_weblink .ico {background-position: -720px -280px} #Webcast_Timeline.gizmo_timeline .current li.agenda_attachment_weblink .ico {background-position:-760px -280px } #Webcast_Timeline.gizmo_timeline .agenda_attachment_document .ico {background-position: -840px -280px} #Webcast_Timeline.gizmo_timeline .current li.agenda_attachment_document .ico {background-position:-880px -280px } #Webcast_Timeline.gizmo_timeline .agenda_attachment_poll .ico, #Webcast_Timeline.gizmo_timeline .agenda_attachment_survey .ico {background-position:-720px -240px} #Webcast_Timeline.gizmo_timeline .current li.agenda_attachment_poll .ico, #Webcast_Timeline.gizmo_timeline .current li.agenda_attachment_survey .ico {background-position:-760px -240px } #Webcast_Timeline.gizmo_timeline .timeline_profile_item .ico {background-position: -80px -80px } #Webcast_Timeline.gizmo_timeline .timeline_profile_item .timeline_info {font-size: 1.8em;position: relative; top: 0.15em} #Webcast_Timeline.gizmo_timeline .timeline_profile_item.highlighted .ico {background-position:-840px -199px} #Webcast_Timeline.gizmo_timeline ol ol li .slide_link .slide_thumb { width: 60px; border: solid 2px transparent; } #Webcast_Timeline.gizmo_timeline ol ol li .sub_item_container {margin: 0 16px;padding: 1.5em 10em 1.5em 0; position:relative} #Webcast_Timeline.gizmo_timeline .timeline_slide_item img.lazy{width:120px; height:90px; display:none} #Webcast_Timeline .timeline_vote_events hr {margin: 1px; padding: 0} #Webcast_Timeline .timeline_vote_events .timeline_item_text {cursor: pointer} /* end new gizmo timeline */ /* start old timeline*/ #Webcast_Timeline.old_timeline ol {list-style: none;margin: 0; padding: 0} #Webcast_Timeline.old_timeline ol .timeline_item_time_ms {display:none} #Webcast_Timeline.old_timeline ol.archived_timeline li:hover {background:#eeeced;cursor:pointer} #Webcast_Timeline.old_timeline ol.archived_timeline li.timeline_paused:hover {background:none;cursor:default} .no-js #Webcast_Timeline.old_timeline ol.archived_timeline li:hover {cursor:default} #Webcast_Timeline.old_timeline ol.archived_timeline li:active, #Webcast_Timeline.old_timeline ol li.past,#Webcast_Timeline.old_timeline ol li.current{background:#eeeded} #Webcast_Timeline.old_timeline ol.archived_timeline li:active .timeline_item_time, #Webcast_Timeline.old_timeline ol {display:block} #Webcast_Timeline.old_timeline ol .timeline_item_time {min-width: 76px; float:left; clear: left; padding: 2% 4px 2% 10px; font-weight:bold;width: 18%; display:block} #Webcast_Timeline.old_timeline ol .timeline_item_text {box-shadow: 8px 0px 4px -6px #BBBBBB;-moz-box-shadow: 8px 0px 4px -6px #BBBBBB;-webkit-box-shadow: 8px 0px 4px -6px #BBBBBB;float:left; clear: none; padding: 2% 1%; width: 52%; display:block} #Webcast_Timeline.old_timeline ol .timeline_item_timeofday { float:left; clear: none; margin: 1% 0% ; width: 15%; padding: 1% 1% 1% 2%; display:block} #Webcast_Timeline.old_timeline ol .index_point_time_link .timeline_item_share { margin-top: 1%;float:right; width: 20px; height: 20px; background-image:none; } #Webcast_Timeline.old_timeline ol .index_point_time_link {position: relative;} #Webcast_Timeline.old_timeline ol .index_point_time_link.current .timeline_item_share, #Webcast_Timeline.old_timeline ol .index_point_time_link:hover .timeline_item_share { background-image:url(../images/newui/sprite.png); background-position: 0px -240px; } #Webcast_Timeline.old_timeline ol .index_point_time_link .timeline_item_share:hover { background-image:url(../images/newui/sprite.png); background-position: -40px -240px; } #Webcast_Timeline.old_timeline ol .index_point_time_link .timeline_item_share:active { background-image:url(../images/newui/sprite.png); background-position: -80px -240px; } #Webcast_Timeline.old_timeline ol.live_timeline {padding-bottom: 1.2em} #Webcast_Timeline.old_timeline ol.agenda li {padding:2% 1%} #Webcast_Timeline.old_timeline ol li.timeline_start, #Webcast_Timeline.old_timeline ol li.timeline_agenda { box-shadow: 0 8px 4px -6px #DDDDDD inset; -moz-box-shadow: 0 8px 4px -6px #DDDDDD inset; -webkit-box-shadow: 0 8px 4px -6px #DDDDDD inset; border-top: 1px solid #DADADA; } #Webcast_Timeline.old_timeline ol li.timeline_start.next, #Webcast_Timeline.old_timeline ol li.timeline_agenda.next {border-top:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none} #Webcast_Timeline.old_timeline ol .index_point_time_link.current {box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border-bottom:3px solid #aaa;} #Webcast_Timeline.old_timeline ol .index_point_time_link.current_item_arrow {display:none} #Webcast_Timeline.old_timeline ol .index_point_time_link.current .current_item_arrow {left:0;z-index: 2;background:url(../images/newui/sprite.png) -40px -480px; width:20px; height: 20px; position:absolute; bottom: -11px;} #Webcast_Timeline.old_timeline ol li.timeline_start .timeline_item_text, #Webcast_Timeline.old_timeline ol li.timeline_agenda .timeline_item_text { font-weight:bold; } #Webcast_Timeline.old_timeline ol.archived_timeline li.timeline_profile .timeline_item_text { text-indent: 20px; position: relative; } #Webcast_Timeline.old_timeline ol.archived_timeline li.timeline_profile .timeline_item_text .ico { width: 16px; height: 16px; background-image:url(../images/newui/sprite.png); background-position:-80px -80px; position:absolute; left:0; } #Webcast_Timeline.old_timeline ol.archived_timeline li.timeline_profile:hover .timeline_item_text .ico, #Webcast_Timeline.old_timeline ol.archived_timeline li.timeline_profile.past .timeline_item_text .ico, #Webcast_Timeline.old_timeline ol.archived_timeline li.timeline_profile.current .timeline_item_text .ico { background-position:-120px -80px } #Webcast_Timeline.old_timeline ol.archived_timeline li.timeline_profile:active .timeline_item_text .ico, #Webcast_Timeline.old_timeline ol.archived_timeline li.timeline_profile.past:active .timeline_item_text .ico #Webcast_Timeline.old_timeline ol li.timeline_profile.active .timeline_item_text .ico {background-position:-160px -80px} #Webcast_Timeline.old_timeline ol li .slide_link .slide_thumb { width: 60px; border: solid 2px transparent; } #Webcast_Timeline.old_timeline ol li .slide_link:hover .slide_thumb, #Webcast_Timeline.old_timeline ol li .slide_link:focus .slide_thumb { border-color: inherit; } #Webcast_Timeline.old_timeline ol li ul.related_items {list-style:none;padding-left:0; margin: 0;font-weight:normal;} #Webcast_Timeline.old_timeline ol li ul.related_items li { margin: 2px; } #Webcast_Timeline.old_timeline ol li ul li .ico {height: 16px; width: 18px;display:inline-block; background-image: url("../images/newui/sprite.png"); position: relative; left: 2px; top: 2px; margin-right: 1em;} #Webcast_Timeline.old_timeline ol li ul li.related_geotag .ico {background-position:-840px -240px } #Webcast_Timeline.old_timeline ol li:hover ul li.related_geotag .ico, #Webcast_Timeline.old_timeline ol li.past ul li.related_geotag .ico, #Webcast_Timeline.old_timeline ol li.current ul li.related_geotag .ico {background-position: -880px -240px} #Webcast_Timeline.old_timeline ol li ul li.related_weblink .ico {background-position: -720px -280px} #Webcast_Timeline.old_timeline ol li:hover ul li.related_weblink .ico, #Webcast_Timeline.old_timeline ol li.past ul li.related_weblink .ico, #Webcast_Timeline.old_timeline ol li.current ul li.related_weblink .ico {background-position:-760px -280px } #Webcast_Timeline.old_timeline ol li ul li.related_document .ico {background-position: -840px -280px} #Webcast_Timeline.old_timeline ol li:hover ul li.related_document .ico, #Webcast_Timeline.old_timeline ol li.past ul li.related_document .ico, #Webcast_Timeline.old_timeline ol li.current ul li.related_document .ico {background-position:-880px -280px } #Webcast_Timeline.old_timeline ol li ul li.related_poll .ico, #Webcast_Timeline.old_timeline ol li ul li.related_survey .ico {background-position:-720px -240px} #Webcast_Timeline.old_timeline ol li:hover ul li.related_poll .ico, #Webcast_Timeline.old_timeline ol li:hover ul li.related_survey .ico, #Webcast_Timeline.old_timeline ol li.past ul li.related_poll .ico, #Webcast_Timeline.old_timeline ol li.past ul li.related_survey .ico, #Webcast_Timeline.old_timeline ol li.current ul li.related_poll .ico, #Webcast_Timeline.old_timeline ol li.current ul li.related_survey .ico {background-position:-760px -240px } #Webcast_Timeline.old_timeline .webcast_scheduled_for p{font-size:1.2em;padding:1em 1em 2em;} #Webcast_Timeline.old_timeline h3.unseen_agenda_h3 { margin-left: 1.5em;} #Webcast_Timeline.old_timeline ol#unseen_agenda {font-weight: bold;list-style: none;margin: 1em 0; padding-bottom: 1em;} #Webcast_Timeline.old_timeline ol#unseen_agenda li {border-top: solid 1px #dadada; box-shadow:0 -3px 4px #ddd;-moz-box-shadow:0 -3px 4px #ddd;-webkit-box-shadow:0 -3px 4px #ddd;padding:0.6em 0 0.7em 2em} #Webcast_Timeline.old_timeline ol#unseen_agenda li p{display:inline} #Webcast_Timeline.old_timeline ol#unseen_agenda li.none_left {list-style:none} /* end old timeline */ /* start slide tab carousel */ #webcast .jcarousel-skin-ie7 .jcarousel-container {background:none;border:none;padding-top:0;margin: 0; padding: 0 5%; width: 90%;} #webcast .presentation_carousel_container { /* BOOTSTRAP4-FIX margin-top: -10%; */ border-top:solid 1px #ccc} #webcast .presentation_carousel_container li a img{cursor:pointer} .no-js #webcast .presentation_carousel_container li a img{cursor:default} #webcast .presentation_carousel {height:95px} #webcast .jcarousel-skin-ie7 .jcarousel-clip {padding: 0; width: 100%;} #webcast .jcarousel-clip-horizontal {height: 95px} #webcast .jcarousel-next-horizontal {right:0;top: 20px;background:url(../images/newui/sprite.png) -240px -520px; height: 37px} #webcast .jcarousel-next-horizontal:hover {background-position: -280px -520px; } #webcast .jcarousel-prev-horizontal {left:0px;top: 20px;background:url(../images/newui/sprite.png) -160px -520px; height: 37px } #webcast .jcarousel-prev-horizontal:hover {background-position: -200px -520px; } #webcast .jcarousel-item {display:table} #webcast .jcarousel-item a {display:table-cell;vertical-align: middle;height:100%;} /* end slide tab carousel */ /* start vote css */ #player_votes {padding:2px 6px 1em;position:relative;font-size:1.2em; overflow-x:auto} .js #player_votes .no_neutral_column_td .neutral_column_td {display:none}/*this will get overriden by JS once neutral/abstain votes are seenwebcast*/ #webcast #display_votes_automatically {display:none;top:3px;position:relative;right:2px} #webcast #no_votes_to_display {padding: 0.3em 10px;} #player_votes_table {width:100%; position:relative} #player_votes_table tbody tr {background:#e4e4e4; border-bottom: solid 2px #fff; padding:0; } #player_votes_table thead tr th {font-weight: normal; text-align: left;} #player_votes_table.no_neutral_column_td tbody .neutral_column_td {display:none} #player_votes_table thead tr {border-top: solid 1px #e4e4e4; border-bottom: solid 2px #fff; padding-top:1px} #player_votes_table tbody tr td,#player_votes_table thead tr th {padding: 4px 10px 2px; margin:0;} #player_votes_table tbody tr td.total .sup {font-weight: bold} #player_votes_table tbody tr:not(.status_not_started) td.positive_votes{background: #00cc00; color:#fff;text-align: center} #player_votes_table tbody tr:not(.status_not_started) td.neutral_votes{background: #ffcc33; color:#fff; text-align: center} #player_votes_table tbody tr:not(.status_not_started) td.negative_votes{background: #ff0000; color:#fff; text-align: center} #player_votes_table tbody tr:not(.status_not_started) td.total{background: #000; color:#fff; text-align: center} #player_votes_table tbody tr td.number_column {position:relative} #player_votes_table tbody tr td.number_column i{ font-size: 1.6em;left: 4px;position: absolute;top: 11px;} #player_votes_table tbody tr td .current_status{font-weight:bold} #player_votes_table thead th.positive_column_td{color: #00cc00;font-size:1.4em; padding:0 10px} #player_votes_table thead th.neutral_column_td{color: #ffcc33;font-size:1.4em; padding:0 10px} #player_votes_table thead th.negative_column_td{color: #ff0000;font-size:1.4em; padding:0 10px} /* end vote css */ /* start custom_tab css */ #webcast .custom_tab_player_component_holder {width:100%; padding:2%;} #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 ul.speakers { padding-bottom:1em; } #Webcast_Speakers ul li { min-height:50px; border-bottom: solid 1px #ccc; font-size: 1.1em; list-style: none; margin: 10px 0; padding-bottom: 10px; } #Webcast_Speakers ul li .speaker_head { min-height: 95px; } #Webcast_Speakers ul li .speaker_head .speaker_img_container {float: left; width:80px; text-align: center; } #Webcast_Speakers ul li .speaker_head div.no_prof_pic { background: url("../images/newui/sprite.png") repeat scroll -240px -280px transparent; height: 40px; margin:15px 30px 0; width: 40px; } #Webcast_Speakers ul li .speaker_head .view_profile_holder { float: right } #Webcast_Speakers ul li .speaker_head .view_profile_holder a:link.btn , #Webcast_Speakers ul li .speaker_head .view_profile_holder a:visited.btn { color: #fff !important; margin-left: 0; } #Webcast_Speakers ul li .speaker_summary { margin-left: 90px; padding-bottom: 1px; } #Webcast_Speakers ul li .speaker_summary .speaker_name , #Webcast_Speakers ul li .speaker_summary .speaker_position , #Webcast_Speakers ul li .speaker_summary .speaker_organisation { padding: 0; margin: 0 0 10px; } /* reduce text line spacing and pop view profile button under text below 650px */ @media (max-width: 650px) { #Webcast_Speakers ul li .speaker_summary { position: relative; padding-bottom: 28px; } #Webcast_Speakers ul li .speaker_head .view_profile_holder { position: absolute; float: none; bottom: 0; left: 0; } #Webcast_Speakers ul li .speaker_summary .speaker_name , #Webcast_Speakers ul li .speaker_summary .speaker_position , #Webcast_Speakers ul li .speaker_summary .speaker_organisation { margin-bottom: 7px; } } #Webcast_Speakers ul li:last-child {border-bottom: none 0;} /* end speakers profile css */ /* start transcript tab css */ /* START transcript controls */ #Webcast_Transcript #transcript_controls { padding: 0 0 10px 10px; background-color:white; color:black; -webkit-box-shadow: 0px 8px 4px -4px rgba(63, 63, 63, 0.15); -moz-box-shadow: 0px 8px 4px -4px rgba(63, 63, 63, 0.15); box-shadow: 0px 8px 4px -4px rgba(63, 63, 63, 0.15); } /* START transcript agenda controls */ #Webcast_Transcript #agenda_help_text { margin-top: 8px; margin-bottom: 7px; } #Webcast_Transcript #agenda_select_container #agenda_points_dropdown { width: 56%; margin:0; border: solid 2px #dadada; font-size:1.15em; height: 2.5em; color: #000; background-color: rgba(227, 227, 227, 1); } #Webcast_Transcript #agenda_select_container #agenda_points_dropdown option { color:#000;font-weight:bold; } /* END transcript agenda controls */ /* START transcript search controls */ #Webcast_Transcript #top_ctrl_search { margin-top: 17px; } #Webcast_Transcript #search_title_block { margin-bottom: 7px; } #Webcast_Transcript #input-placeholder { height: 32px; float: left; background-color: #fff; display: inline-block; border: solid 2px #dadada; width: 55.69%; } #Webcast_Transcript #input-placeholder.focus, #Webcast_Transcript #input-placeholder:hover, #Webcast_Transcript .got_results #input-placeholder { border: solid 2px #999; } #Webcast_Transcript #input-placeholder #top_ctrl_search_input { border: 0; background: transparent; border-right: 0; border-left: 0; box-shadow: none; margin-bottom: 0; padding: 9px 0 8px 0; width: 77%; } #Webcast_Transcript #input-placeholder #result_nums { visibility: hidden; float: right; max-width:62px; text-overflow:ellipsis; overflow:hidden; color: #999; display:table; height: 100%; font-size: 1.21em; height: 100%;} #Webcast_Transcript #input-placeholder #result_nums_inner { display:table-cell; vertical-align:middle; height: 32px; text-align: right; line-height: 13px; } #Webcast_Transcript #input-placeholder #current_result, #Webcast_Transcript #input-placeholder #total_results { display: inline-block; } #Webcast_Transcript #input-placeholder #top_ctrl_clear_icon { font-size: 1.6em; cursor: pointer; height: 100%; color: #dadada; margin: 0; background: none !important; border: none; padding: 0; } #Webcast_Transcript #input-placeholder #top_ctrl_search_icon { float: left; margin-top: 3px; margin-left: 1px; color: #dadada; font-size: 1.6em; vertical-align: middle; } #Webcast_Transcript #input-placeholder.focus #top_ctrl_clear_icon, #Webcast_Transcript #input-placeholder.focus #top_ctrl_search_icon, #Webcast_Transcript #input-placeholder:hover #top_ctrl_clear_icon, #Webcast_Transcript #input-placeholder:hover #top_ctrl_search_icon, #Webcast_Transcript .got_results #input-placeholder #top_ctrl_clear_icon, #Webcast_Transcript .got_results #input-placeholder #top_ctrl_search_icon {color: #999} #Webcast_Transcript #input-placeholder #top_ctrl_clear_icon::before { font-weight: bold; } #Webcast_Transcript #input-placeholder #top_ctrl_search_icon::before { margin-right: .6em; } #Webcast_Transcript #search_buttons { margin-top: 5px; float: left; margin-left: 0px; padding: 0 5px; } #Webcast_Transcript #search_buttons button { color: #dadada; } #Webcast_Transcript .got_results #search_buttons button { color: #333; } #Webcast_Transcript #search_buttons #top_ctrl_search_previous, #Webcast_Transcript #search_buttons #top_ctrl_search_next { border: none; background: #FFF; padding: 0; } #Webcast_Transcript #search_buttons #top_ctrl_search_previous .icon, #Webcast_Transcript #search_buttons #top_ctrl_search_next .icon { font-size: 18px; } /* END transcript search controls */ #Webcast_Transcript #transcript_controls #checkbox_container { margin-top: 26px; margin-bottom: 19px; } /* END transcript controls */ /* START transcript disclaimer */ #Webcast_Transcript #disclaimer_container { padding: 19px 27px 25px 27px; background: rgba(165, 222, 231, 1); width: 51.5%; margin: 23px 10px 0; text-align: center; font-size: 1.1em; } /* END transcript disclaimer */ /* START transcript content */ #Webcast_Transcript #transcript { padding: 26px 10px 10px; font-size: 1.2em; } #Webcast_Transcript #transcript .transcript_current { background: #a1beff; } #Webcast_Transcript #transcript h2:hover,#transcript h4:hover {text-decoration: underline} #Webcast_Transcript #transcript h2 .btn {color: #fff; font-weight: normal; font-size:0.7em; padding: 0 1.6em;margin-left: 1.2em;} /* START transcript search result highlighting */ #Webcast_Transcript #transcript div .is_result_part, #Webcast_Transcript #transcript h2 .is_result_part { background: #ffe8a1; font-style: normal !important; } #Webcast_Transcript #transcript div .is_result_part.current_result, #Webcast_Transcript #transcript h2 .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 */ /* START transcript tab temp : MEDIA QUERIES */ @media only screen and (max-width: 1550px) { #Webcast_Transcript #disclaimer_container { width: 49.3%; } } @media only screen and (max-width: 1360px) { #Webcast_Transcript #disclaimer_container { width: 47.3%; } } @media only screen and (max-width: 988px) { #Webcast_Transcript #input-placeholder { width: 87.69%; } #Webcast_Transcript #agenda_select_container #agenda_points_dropdown { width: 88%; } #Webcast_Transcript #disclaimer_container { width: 78.3%; padding: 17px 19px 20px 19px; } } @media only screen and (max-width: 809px) { #Webcast_Transcript #input-placeholder { width: 82.69%; } #Webcast_Transcript #agenda_select_container #agenda_points_dropdown { width: 83.6%; } #Webcast_Transcript #disclaimer_container { width: auto; } } @media only screen and (max-width: 676px) { #Webcast_Transcript #input-placeholder { width: 74.69%; } #Webcast_Transcript #agenda_select_container #agenda_points_dropdown { width: 75.6%; } } @media only screen and (max-width: 1304px) { #Webcast_Transcript #input-placeholder #top_ctrl_search_input { width: 69%; } } @media only screen and (max-width: 679px) { #Webcast_Transcript #input-placeholder #top_ctrl_search_input { width: 122px; } } @media only screen and (max-width: 564px) { #Webcast_Transcript #input-placeholder #top_ctrl_search_input { width: 90px; } } @media only screen and (max-width: 503px) { #Webcast_Transcript #input-placeholder #top_ctrl_search_input { width: 83px; } } /* END transcript tab temp : MEDIA QUERIES */ /* end transcript tab css */ /* start resources tab css */ #Webcast_Resources ul li{padding-left:50px; } #Webcast_Resources ul li a{line-height: 50px; text-decoration:none;} #Webcast_Resources ul li {min-height:50px;border-bottom: solid 1px #ccc; font-style:normal; font-size: 1.1em; list-style: none ;position: relative; } #Webcast_Resources ul li:last-child {border-bottom: none 0;} #Webcast_Resources ul li .ico {width:40px; height: 40px; position:absolute; top:5px; left: 0; background-image: url(../images/newui/sprite.png)} #Webcast_Resources ul li.resource_document .ico {background-position: -600px -80px} #Webcast_Resources ul li.resource_weblink .ico {background-position: -640px -80px} /* end resources tab css */ /* start feedback tab css */ #Webcast_Feedback form {padding: 1em} #Webcast_Feedback form label { width: 80px; padding-top: 1%; float: left; clear: left; } #Webcast_Feedback form .feedback_desc { font-weight: bold; margin: 10px 0; } #Webcast_Feedback form textarea { width: 60%; padding-top: 1%; float: left;} /* BOOTSTRAP4-FIX #Webcast_Feedback form #submit_feedback_form {float: none; width: auto; padding-left: 28px; padding-right: 10px;} */ #Webcast_Feedback form .action_btn_container {float: left; clear: left; margin-top: 10px; margin-left: 80px;} /* BOOTSTRAP4-FIX #Webcast_Feedback form .action_btn_container:before {left: 25px} */ /* end feedback tab css */ /* start player nav tab css */ #Webcast_Nav li div.ico {top:6px;left:10px;position: absolute;width:28px;height: 25px;background-image:url(../images/newui/sprite.png)} #Webcast_Nav li {position: relative;} /* TODO : REPLACE BELOW WITH FONTELLO STUFF */ #Webcast_Nav li#webcast_show_full_menu div.ico {background-position: -1500px -533px; left: 21px; top: 13px;} #Webcast_Nav li#webcast_hide_full_menu div.ico {background-position: -1500px -692px; left: 21px; top: 12px;} #Webcast_Nav li i.icon {font-size:2.2em;position:absolute;left:3px;top:1px} /* end player nav tab css */ #webcast .player_component_heading { padding: 0; margin: 0; clear: left; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; background: #fff; font-size:1.2em; } .ie9 #webcast .player_component_heading { filter: none; } .ie6 #webcast .player_component_heading, .ie7 #webcast .player_component_heading { zoom: 1; } /* ie6/7 - has layout */ #webcast .player_component_heading h3 { margin: 0; padding: 7px 0 7px 10px; } #webcast .grecaptcha_form_container {margin-left: 84px} /* END WIDGETS*/ /* start microsite webcast welcome widget */ .pi_widget.pi_widget_type_view_47 .pi_widget_body p { padding: 0 4px 1em; } /* start microsite webcast welcome widget */ /* 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: 50px;min-height: 50px;} /* The tweeter */ .pi_widget_type_14 .pi_widget_body .item p { margin-right: 15px; } .pi_widget_type_14 .pi_widget_body .item .new_window_ico {margin-left: 3px; } .pi_widget_type_14 .pi_widget_body .item p .tweeter strong { font-weight: bold; padding:0} /* The tweeter */ .pi_widget_type_14 .pi_widget_body .item p .tweeter { font-weight: normal; } /* The tweeter */ .pi_widget_type_14 .pi_widget_body .item .tweeter_pic { position: absolute; left: 0px; width: 48px; float:left } /* The tweeter */ .pi_widget_type_14 .pi_widget_body .item .tweeter_pic img { max-height: 48px} /* 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 .retweets { background-color: #DAE7EC; top: 0.4em; position: relative; padding: 0.3em 4px 0; } .pi_widget_type_14 .pi_widget_body .actions { background: url("../images/newui/gradients.png") no-repeat scroll 0 -520px transparent; position: absolute; bottom: 0; right: 0; list-style: none; padding: 0 5px 7px 40px; margin: 0;} .is_mobile .pi_widget_type_14 .pi_widget_body .actions { position: static; } .pi_widget_type_14 .pi_widget_body .actions a { padding: 1px 5px 1px 2px; } .pi_widget_type_14 .pi_widget_body .actions li { float: left; margin: 0 5px 0 0; } .pi_widget_type_14 #twitter_characters { font-weight:bold; } .pi_widget_type_14 #twitter_characters.red { color:red; } .pi_widget_type_14 .pi_widget_content .twitter_border_line { border-top: 1px solid #D5D5D5; margin-left:10px; margin-right:10px;} .pi_widget_type_14 .twitter_item p strong { padding-right: 0.5em } .pi_widget_type_14 .pi_widget_body .item a {text-decoration:none} .pi_widget_type_14 .pi_widget_body .item a:hover, .pi_widget_type_14 .pi_widget_body .item a:active {text-decoration:underline} /* 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 */ /* Widget icons - now with added div*/ .pi_widget .pi_widget_title .widget_icon, .player_component_heading .ico { display: none; float: left; width: 32px; height: 30px; background: url(../images/newui/sprite.png) no-repeat scroll 0 0 transparent; } /* widget icons - dark versions below each */ .pi_widget_type_3 .pi_widget_title h2 .widget_icon { margin-top: -4px; display: block; background-position: 0 -160px; } /* webcast icon */ body.cs_menu_icon_dark .pi_widget_type_3 .pi_widget_title h2 .widget_icon { margin-top: -4px; display: block; background-position: 0 -800px; } /* webcast icon dark */ /*.pi_widget_type_3.pi_widget_type_view_10 .pi_widget_title h2 .widget_icon, body.cs_menu_icon_dark .pi_widget_type_3.pi_widget_type_view_10 .pi_widget_title h2 .widget_icon {} */ /* webcast player - no icon as on tab nav below ! */ .pi_widget_type_9 .pi_widget_title h2 .widget_icon { display: block; background-position: -120px -156px; margin-right: 2px; margin-top: -3px; } /* map icon */ body.cs_menu_icon_dark .pi_widget_type_9 .pi_widget_title h2 .widget_icon { display: block; background-position: -120px -796px; margin-right: 2px; margin-top: -3px; } /* map icon dark */ .pi_widget_type_14 .pi_widget_title h2 .widget_icon { display: block; background-position: -560px -156px; margin-top: -3px; } /* twitter icon */ body.cs_menu_icon_dark .pi_widget_type_14 .pi_widget_title h2 .widget_icon { display: block; background-position: -560px -796px; margin-top: -3px; } /* twitter icon dark */ .pi_widget_type_16 .pi_widget_title h2 .widget_icon { display: block; background-position: -640px -158px; margin-top: -3px; margin-left: -4px; margin-right: 4px; } /* tag cloud icon */ body.cs_menu_icon_dark .pi_widget_type_16 .pi_widget_title h2 .widget_icon { display: block; background-position: -640px -800px; margin-left: -4px; margin-right: 4px; margin-top: 1px; } /* tag cloud icon dark*/ .pi_widget_type_19 .pi_widget_title h2 .widget_icon { display: block; background-position: -80px -160px; } /* CoverItLive icon */ body.cs_menu_icon_dark .pi_widget_type_19 .pi_widget_title h2 .widget_icon { display: block; background-position: -80px -800px; } /* CoverItLive icon dark */ .pi_widget_type_23 .pi_widget_title h2 .widget_icon { display: block; background-position: -400px -159px; margin-top: -3px; } /* UserVoice icon */ body.cs_menu_icon_dark .pi_widget_type_23 .pi_widget_title h2 .widget_icon { display: block; background-position: -400px -799px; margin-top: -3px; } /* UserVoice icon dark */ .pi_widget_type_24 .pi_widget_title h2 .widget_icon { display: block; background-position: -200px -159px; margin-top: -3px; } /* Disqus icon */ body.cs_menu_icon_dark .pi_widget_type_24 .pi_widget_title h2 .widget_icon { display: block; background-position: -200px -799px; margin-top: -3px; } /* Disqus icon dark */ .pi_widget_type_25 .pi_widget_title h2 .widget_icon { display: block; background-position: -162px -160px; margin-top: -3px; } /* poll icon */ body.cs_menu_icon_dark .pi_widget_type_25 .pi_widget_title h2 .widget_icon { display: block; background-position: -162px -800px; margin-top: -3px; } /* poll icon dark */ .pi_widget_type_26 .pi_widget_title h2 .widget_icon { display: block; background-position: -322px -160px; margin-top: -3px; } /* survey icon */ body.cs_menu_icon_dark .pi_widget_type_26 .pi_widget_title h2 .widget_icon { display: block; background-position: -322px -800px; margin-top: -3px; } /* survey icon dark */ /* player component heading icons - generally not in use right now */ #Webcast_Timeline.old_timeline .player_component_heading.indexpoints_heading .ico { display: block; position: relative; top: -4px; height: 24px; background-position: -240px -160px; } #Webcast_Timeline.old_timeline .player_component_heading.agenda_heading .ico { display: block; margin-top: -4px; height: 24px; background-position: -240px -160px; } .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; } /* chat room widget start */ .pi_widget.pi_widget_type_18 .inner_body { height: 250px; } .pi_widget.pi_widget_type_18 ol { list-style: none; margin: 0 0 0.5em 5px; padding: 0; } .pi_widget.pi_widget_type_18 ol li { margin: 0.5em 0 0 0; padding: 0 0 0.3em 0; position: relative; } .pi_widget.pi_widget_type_18 ol li .comment { display: block; } .pi_widget.pi_widget_type_18 ol li .meta { padding: 0 0.2em; font-style: normal; background: #dae7ec; } .pi_widget.pi_widget_type_18 ol li .meta .author { display: inline; font-weight: bold; } .pi_widget.pi_widget_type_18 ol li .meta .pub_date { text-transform: none; font-weight: normal; margin: 0 0.5em; } .pi_widget.pi_widget_type_18 ol li ol { margin: 0 0 0 10px; } .pi_widget.pi_widget_type_18 ol li ol li { background: url(../images/chat-reply.gif) no-repeat 0px -5px; padding: 0 0 0 20px; } .pi_widget.pi_widget_type_18 .actions { position: absolute; right: 5px; margin: -18px 0 0 0; list-style: none; padding: 0; font-weight: bold; } .pi_widget.pi_widget_type_18 .actions a { color: white; padding: 1px 5px 1px 12px; background: #0e76bb url(../images/arrow-white.gif) no-repeat center left; } .pi_widget.pi_widget_type_18 .actions li { float: left; margin: 0 5px 0 0; padding: 0; background: white; } .ie6 .pi_widget.pi_widget_type_18 ol .actions { margin: -5px 0 0 0; } /* chat room widget end */ /* uservoice widget start */ .pi_widget_type_23 h3.suggestion_title { display:inline; } .pi_widget_type_23 .suggestion_title_graphic { background-image: url(../images/newui/sprite.png);background-position:-407px -360px; width:25px;height:28px;display:inline-block; margin: 0 0.3em; position: relative; top: 4px; } .pi_widget_type_23 .suggestion { padding:0.2em; } .ie6 .pi_widget_type_23 h3.suggestion_title .graphic {background-image: url(/core/public/images/uservoice-icon.gif)} /* 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 .chat_ico{ background-image: url(../images/newui/sprite.png);background-position:-440px -360px; width:25px;height:28px;display:inline-block; margin: 0 0.3em; position: relative; top: 4px; float:left; } .pi_widget_type_23 .uservoice_comment{ border-top: 1px solid #D5D5D5; background: none repeat scroll 0 0 #E2E2E2; 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%} .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 5px 0 0; } .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 .expand_link .graphic { position: relative;top: 2px;display:inline-block; background-image:url(/core/public/images/arrows.gif) ;background-repeat:no-repeat; background-position: right bottom; width: 15px; height: 15px; } .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} .pi_widget_type_23 .item .votes_box {padding-bottom: 24px;position: relative;background: url(../images/newui/sprite.png) -520px -280px transparent; float: right;min-height:80px; 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: 80px; 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 { background-image: url("/core/public/images/close-icon.gif"); display: block; height: 13px; margin: 5px 5px 5px 10px; padding: 1px; width: 13px; } .pi_widget_type_23 .close_panel i { display:none; } .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 } /* BOOTSTRAP4-FIX .pi_widget_type_23 div.action_btn_container input {padding: 8px 16px 10px 35px} .pi_widget_type_23 .actions div.action_btn_container {float: left;} */ .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 { border-top: 2px solid #dae7ec; } .pi_widget.pi_widget_type_view_72 .pi_widget_body .item.intro_item { border-top: 0 none; background-color: #EEEEEE; } /* 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 { text-align: center; } .pi_widget.pi_widget_type_16 .pi_widget_body .inner_body { overflow: visible; } .pi_widget.pi_widget_type_16 .pi_widget_body span { vertical-align: middle; padding: 0 0.35em; } .pi_widget.pi_widget_type_16 .pi_widget_body span a, .pi_widget.pi_widget_type_16 .pi_widget_body span a:link, .pi_widget.pi_widget_type_16 .pi_widget_body span a:visited { text-decoration: none; font-weight: bold; color: #888888; } .pi_widget.pi_widget_type_16 .pi_widget_body span a:hover, .pi_widget.pi_widget_type_16 .pi_widget_body span a:focus { color: #333333; } /* 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 { background: #DDDDDD; color: #FFFFFF; } .pi_widget.pi_widget_type_16 .pi_widget_body span.active a { background: #DDDDDD; color: #FFFFFF; }/* ?? active ?? using selected_tag above ?? */ .pi_widget.pi_widget_type_16 .pi_widget_body span.size_100 .tag_cloud_member {font-size:100%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_105 .tag_cloud_member {font-size:105%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_110 .tag_cloud_member {font-size:110%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_115 .tag_cloud_member {font-size:115%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_120 .tag_cloud_member {font-size:120%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_125 .tag_cloud_member {font-size:125%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_130 .tag_cloud_member {font-size:130%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_135 .tag_cloud_member {font-size:135%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_140 .tag_cloud_member {font-size:140%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_145 .tag_cloud_member {font-size:145%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_150 .tag_cloud_member {font-size:150%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_155 .tag_cloud_member {font-size:155%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_160 .tag_cloud_member {font-size:160%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_165 .tag_cloud_member {font-size:165%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_170 .tag_cloud_member {font-size:170%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_175 .tag_cloud_member {font-size:175%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_180 .tag_cloud_member {font-size:180%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_185 .tag_cloud_member {font-size:185%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_190 .tag_cloud_member {font-size:190%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_195 .tag_cloud_member {font-size:195%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_200 .tag_cloud_member {font-size:200%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_205 .tag_cloud_member {font-size:205%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_210 .tag_cloud_member {font-size:210%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_215 .tag_cloud_member {font-size:215%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_220 .tag_cloud_member {font-size:220%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_225 .tag_cloud_member {font-size:225%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_230 .tag_cloud_member {font-size:230%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_235 .tag_cloud_member {font-size:235%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_240 .tag_cloud_member {font-size:240%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_245 .tag_cloud_member {font-size:245%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_250 .tag_cloud_member {font-size:250%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_255 .tag_cloud_member {font-size:255%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_260 .tag_cloud_member {font-size:260%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_265 .tag_cloud_member {font-size:265%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_270 .tag_cloud_member {font-size:270%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_275 .tag_cloud_member {font-size:275%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_280 .tag_cloud_member {font-size:280%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_285 .tag_cloud_member {font-size:285%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_290 .tag_cloud_member {font-size:290%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_295 .tag_cloud_member {font-size:295%;} .pi_widget.pi_widget_type_16 .pi_widget_body span.size_300 .tag_cloud_member {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 ? ) */ .pi_widget.pi_widget_type_3 h4 { font-weight: bold; text-decoration: none; } .pi_widget.pi_widget_type_3 .pi_widget_body .item_right a { text-decoration: none; } .pi_widget.pi_widget_type_3 .pi_widget_body .item .item_left { float: left; padding: 0 5px 0 5px; width: 80px; } .pi_widget.pi_widget_type_3 .pi_widget_body .item .item_left img { width:80px; height:60px; } .pi_widget.pi_widget_type_3 .pi_widget_body .item .item_left .default_image { width:80px; height:60px; background-image: url(../images/newui/sprite.png); background-position: -240px -200px; } .js .pi_widget.pi_widget_type_3 .pi_widget_body .item.clickable:hover .item_left .default_image { background-position: -400px -200px; } .js .pi_widget.pi_widget_type_3 .pi_widget_body .item.clickable:active .item_left .default_image { background-position: -560px -200px; } .pi_widget.pi_widget_type_3 .pi_widget_body .item_right .access_control_hidden { float: right; width:40px; height:40px; background-image: url(../images/newui/sprite.png); background-position: -360px -200px; } .js .pi_widget.pi_widget_type_3 .pi_widget_body .item.clickable:hover .item_right .access_control_hidden { background-position: -520px -200px; } .js .pi_widget.pi_widget_type_3 .pi_widget_body .item.clickable:active .item_right .access_control_hidden { background-position: -680px -200px; } .pi_widget.pi_widget_type_3 .pi_widget_body .item_right .access_control_unlocked { width:40px; height:40px; background-image: url(../images/newui/sprite.png); background-position: -360px -240px; } .js .pi_widget.pi_widget_type_3 .pi_widget_body .item.clickable:hover .item_right .access_control_unlocked { background-position: -520px -240px; } .js .pi_widget.pi_widget_type_3 .pi_widget_body .item.clickable:active .item_right .access_control_unlocked { background-position: -680px -240px; } .pi_widget.pi_widget_type_3 .pi_widget_body .item_right .interactive { margin-top:5px; top:50%; width:20px; height:30px; background-image: url(../images/newui/sprite.png); background-position: -720px -200px; float:left; } .js .pi_widget.pi_widget_type_3 .pi_widget_body .item.clickable:hover .item_right .interactive { background-position: -760px -200px; float:left; } .js .pi_widget.pi_widget_type_3 .pi_widget_body .item.clickable:active .item_right .interactive { background-position: -800px -200px; float:left; } .pi_widget.pi_widget_type_3 .pi_widget_body .item_right .show_right { float:right; width:40px; height:40px; background-image: url(../images/newui/sprite.png); background-position: -320px -200px; } .js .pi_widget.pi_widget_type_3 .pi_widget_body .item.clickable:hover .item_right .show_right { background-position: -480px -200px; } .js .pi_widget.pi_widget_type_3 .pi_widget_body .item.clickable:active .item_right .show_right { background-position: -640px -200px; } .pi_widget.pi_widget_type_3 .pi_widget_body .item_right .containing_webcast_right { position:absolute; top:50%; margin-top:-20px; right:0px; width: 60px; } .pi_widget.pi_widget_type_3 .pi_widget_body .item .item_right { margin-left: 90px; margin-right: 60px; padding: 1px 0 0 0; } .pi_widget.pi_widget_type_3 .pi_widget_body .item .status { display: inline-block; padding: 3px 5px; font-weight: bold; background-color: #D9D9D9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 1px 1px 2px #FFFFFF; } .pi_widget.pi_widget_type_3 .pi_widget_body .pub_date { font-size: 1em; text-transform: none; font-weight: normal; } .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; } .pi_widget.pi_widget_type_3.navigation h4 { font-size: 1em; } .pi_widget.pi_widget_type_3.navigation .pi_widget_body .item img { width: 30px; } .pi_widget.pi_widget_type_3.navigation .pi_widget_body .item .item_right { margin-left: 40px; } /* webcast widget end */ /* whats new start */ .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 { background-image: url(../images/newui/sprite.png); background-position: -320px -80px; 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; background-image: url(../images/newui/sprite.png); background-position: -320px -200px; } .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; background-image: url(../images/newui/sprite.png); background-position: -320px -200px; } .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; background-image: url(../images/newui/sprite.png); background-position: -320px -200px; } .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 */ /* flickr widget start */ .pi_widget.pi_widget_type_11 #badgr_display { text-align: center; padding: 2px; } /* flickr widget end */ /*Webcast date - smaller wecast title*/ .pi_widget .pi_widget_title h2 .webcast_date { font-size: 0.85em; margin-left: 1em; } .ie6 .pi_widget .pi_widget_title .functions .rss, .ie6 .pi_widget .pi_widget_title .functions .rss:hover { background: url(../images/rss.gif) top left no-repeat; } .ie6 .pi_widget .pi_widget_title .functions .refresh, .ie6 .pi_widget .pi_widget_title .functions .refresh:hover { background: url(../images/refresh.gif) top left no-repeat; } .ie6 .pi_widget.pi_widget_type_3 .pi_widget_title h2 { background: url(../images/icon-webcast.gif) no-repeat -2px top; padding-left: 35px; } .ie6 .pi_widget.pi_widget_type_14 .pi_widget_title h2 { background-image: url(../images/icon-twitter.gif); } .ie6 .pi_widget.pi_widget_type_16 .pi_widget_title h2 { background: url(../images/icon-tagcloud.gif) top left no-repeat; padding-left: 35px; } .ie6 .pi_widget.pi_widget_type_19 .pi_widget_title h2 { background: url(../images/icon-chat.gif) top left no-repeat; padding-left: 30px; } .ie6 .pi_widget .pi_widget_title { display: inline-block; } .ie6 .pi_widget .pi_widget_body .item { cursor: default; } .ie6 .pi_widget .pi_widget_footer { display: inline-block; } /* polls and surveys start*/ .pi_widget_type_25 form, .pi_widget_type_26 form {margin:0;padding:0} .pi_widget_type_25 .pollsurvey_message, .pi_widget_type_26 .pollsurvey_message, .pi_widget_type_25 ol.poll_answers{padding: 1px 0; margin: 0 0 2px;} .pi_widget_type_25 ol.poll_answers input{width:auto} .pi_widget_type_25 .pollsurvey_message, .pi_widget_type_26 .pollsurvey_message, .pi_widget_type_25 .pollsurvey_change_page, .pi_widget_type_26 .pollsurvey_change_page{padding: 2px 5px 2px 2px;} .pi_widget_type_25 .pollsurvey_questions .question_mark, .pi_widget_type_26 .pollsurvey_questions .question_mark{background: url(/core/public/images/polls_surveys/qmark.png) no-repeat 6px 6px #DDDDDD;padding:6px;float:left;width: 15px;height: 22px;} .ie6 .pi_widget_type_25 .pollsurvey_questions .question_mark, .ie6 .pi_widget_type_26 .pollsurvey_questions .question_mark {background-image: url(/core/public/images/polls_surveys/qmark.gif)} .pi_widget_type_25 .pollsurvey_questions, .pi_widget_type_26 .pollsurvey_questions{background: #BBBBBB;} .pi_widget_type_25 .pollsurvey_questions h4, .pi_widget_type_26 .pollsurvey_questions h4{font-weight:bold;font-size:1em;float:left;clear:none;} .pi_widget_type_25 ol.poll_answers{list-style-type: none;padding: 1em;} .pi_widget_type_25 ol.poll_answers.summary{padding: 4%;margin:0;} .pi_widget_type_25 .poll_result_answer {border-right: solid 1px #666; width:48%} .pi_widget_type_25 .poll_result_answer .ans_text {margin-right: 4%; width: 67%;} .pi_widget_type_25 .poll_result_percentage {height: 2em; padding-right: 4%;width: 25%; height:2em} .pi_widget_type_25 .poll_result_percentage_bar {background: none repeat scroll 0 0 #FFFFFF;border-color: #666666;border-style: solid;border-width: 1px 1px 1px 0;height: 1em; margin-top: 0.4em;position: relative;width: 29%;} .pi_widget_type_25 .poll_result_percentage_bar_filled {float:left; height:1em; background:#666;} .pi_widget_type_25 .poll_result_votes{height: 2em;margin-left: 3%;width: 19%;} .pi_widget_type_26 .pollsurvey_questions, .pi_widget_type_26 .survey_answer {min-width: 310px;width:49.5%;position:relative} .pi_widget_type_26 .survey_answer .survey_text_input {margin: 4%;width: 92%;} .pi_widget_type_26 .pollsurvey_questions p {padding:4px 6px 2px 0} .pi_widget_type_26 .question_mark{margin-right: 6px;} .pi_widget_type_26 .survey_qanda {margin: 0 0 2px; } .pi_widget_type_26 .survey_answer_group label{display:block;margin-left: 25px;} .pi_widget_type_26 .survey_answer_group input{float:left;} .pi_widget_type_26 .survey_answer {padding: 1em;} .pi_widget_type_26 .pollsurvey_change_page {position:relative;height: 2em;} .pi_widget_type_26 .pollsurvey_change_page .next, .pi_widget_type_26 .pollsurvey_change_page .finish {position:absolute; right:0.2em} .pi_widget_type_26 .pollsurvey_change_page .back {position:absolute; left:0.2em} .pi_widget_type_26 .pollsurvey_change_page input {z-index:2} .pi_widget_type_26 .survey_cur_page {position:absolute; width: 100%; margin:auto; text-align:center} .pi_widget_type_26 .survey_cur_page p {margin:auto} /* polls and surveys in player ... */ .pi_widget #webcast .pi_widget_type_25 .poll_answers, .pi_widget #webcast .pi_widget_type_26 .survey_answer { padding: 1em; } /* polls and surveys end */ /* User balloon stuff start */ .pi_widget .user_profile_balloon_username {position:relative;display:inline} .pi_widget .user_profile_balloon_username a {text-decoration:underline} .pi_widget div.user_balloon {padding: 5px 14px 41px 5px; background:url(/core/public/images/balloon.png) no-repeat top left transparent; width:216px;height:107px;overflow:hidden;position:absolute; bottom: 1em; left:-100px} .ie6 .pi_widget div.user_balloon {background-image:url(/core/public/images/balloon.gif);} .pi_widget div.user_balloon .balloon_screenname {float:left} .pi_widget div.user_balloon_text {position:relative;left: 4px; overflow: hidden;} .pi_widget div.user_balloon .actions {float:right} .pi_widget.pi_widget_type_14 .pi_widget_body div.user_balloon .actions {position:relative; bottom:0;} .pi_widget div.user_balloon img.profile_image {float:left;width:36px;height:36px;} .ie6 .pi_widget div.user_balloon img.profile_image {height:36px} /* User balloon stuff end */ /* 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 */ .pi_widget_type_24 .disqus_login a {font-weight:bold;text-decoration:none;} .pi_widget_type_24 .disqus_login form legend { display:none; } .pi_widget_type_24 .disqus_login form fieldset { margin: 0; } /* oAuth with disqus */ .pi_widget_type_24 .disqus_oauth { float: left; margin-left: 10px; } .pi_widget_type_24 .disqus_oauth a, .pi_widget_type_24 .disqus_oauth a:link, .pi_widget_type_24 .disqus_oauth a:visited, .pi_widget_type_24 .disqus_oauth a:hover, .pi_widget_type_24 .disqus_oauth a:focus { color: #333333; } /* 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 { height:45px; overflow:auto; width: 100%;border-width:2px;border-style:inset;padding:2px;} .pi_widget_type_24 .disqus_new_comment_form fieldset textarea[readonly] { background-color: #E2E2E2; } /* BOOTSTRAP4-FIX .pi_widget_type_24 .disqus_new_comment_form fieldset div.disqus_new_comment_holder { padding:0 8px 0 0; overflow:visible; } */ /* 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;padding-left: 20px;background:url("../images/icon-disqus.gif") no-repeat scroll left center transparent;} /* 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 */ .pi_widget_type_24 .pi_widget_body { background-color:#FFFFFF; } /* 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:34px;height:40px;float:left;margin:0;border:0;padding:0;background:url('../images/newui/sprite.png') no-repeat scroll -240px -320px transparent;} .pi_widget_type_24 .pi_widget_body .item .disqus_avatar_holder { width:40px;height:40px;float:left;margin:0;border:0;padding:0;background:url('../images/newui/sprite.png') no-repeat scroll -240px -280px transparent;} .ie6 .pi_widget_type_24 .pi_widget_body .item .disqus_avatar_holder { background:url('../images/icon-user-36px.gif') no-repeat scroll center center transparent;} /* old avatar - no png sprite for ie6 ! */ .pi_widget_type_24 .pi_widget_body .item .disqus_avatar_holder img { width:40px;height:40px;margin:0;border:0;padding:0;} /* 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:88px;} .pi_widget_type_24 .pi_widget_body .item .disqus_item_rhs.gencss_2 {margin-left:102px;} .pi_widget_type_24 .pi_widget_body .item .disqus_item_rhs.gencss_3 {margin-left:116px;} .pi_widget_type_24 .pi_widget_body .item .disqus_item_rhs.gencss_4 {margin-left:130px;} .pi_widget_type_24 .pi_widget_body .item .disqus_item_rhs.gencss_5 {margin-left:144px;} .pi_widget_type_24 .pi_widget_body .item .disqus_bubble_left { position:absolute;width:26px;height:100%;margin:0;border:0;padding:0;background:url('../images/comment-bubble.png') no-repeat scroll left top #83a6b5; } .ie6 .pi_widget_type_24 .pi_widget_body .item .disqus_bubble_left { background:url('../images/comment-bubble.gif') no-repeat scroll left top #83a6b5; } .pi_widget_type_24 .pi_widget_body .item .disqus_bubble_left .disqus_bubble_left_bottom { position:absolute;width:26px;height:20px;margin:0;border:0;padding:0;bottom:0;background:url('../images/comment-bubble.png') no-repeat scroll left bottom #83a6b5; } .ie6 .pi_widget_type_24 .pi_widget_body .item .disqus_bubble_left .disqus_bubble_left_bottom { background:url('../images/comment-bubble.png') no-repeat scroll left bottom #83a6b5; } .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; } /* balloon override ? */ .pi_widget_type_24 .pi_widget_body .actions.user_balloon_actions {font-weight:bold;list-style:none outside none;margin:0;padding:0;right:5px;} .pi_widget_type_24 .pi_widget_body .actions.user_balloon_actions a {background:url("../images/arrow-white.gif") no-repeat scroll left center #0E76BB;color:#FFFFFF;padding:1px 5px 1px 12px;border:0;cursor:pointer;} /* 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_thread_holder {padding: 10px;} /* disqus free */ /* 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 help widget */ .pi_widget.pi_widget_type_29 .pi_widget_content { padding-top: 0; } .pi_widget.pi_widget_type_29 ul { margin: 0; padding: 0; } .pi_widget.pi_widget_type_29 ul li { list-style-type: none; } .pi_widget.pi_widget_type_29 ul ol li { list-style-type: inherit; } .pi_widget.pi_widget_type_29 ul li h4 { padding-left: 0; padding-right: 0; font-size: 1.5em; } .pi_widget.pi_widget_type_29 ul li .pi_widget_subtitle { margin: 40px 0 0 0; } .pi_widget.pi_widget_type_29 #help_category_links { clear: both; margin: 0 20px; padding-top: 45px; } /* padding-top: 45px; otherwise it goes upnder the fixed header */ .pi_widget.pi_widget_type_29 #help_category_links .help_category_link_block { clear: both; margin-bottom: 2em; } .pi_widget.pi_widget_type_29 #help_category_list { clear: both; margin: 50px 20px 20px; } .pi_widget.pi_widget_type_29 .category_heading_link { font-size: 1.4em; padding: 0 0 10px 0; } .pi_widget.pi_widget_type_29 dt.help_question { color: #333333; font-size: 1.5em; margin: 0.5em 0; } .pi_widget.pi_widget_type_29 .help_question_link { font-size: 1.1em; clear: left; } .pi_widget.pi_widget_type_29 .help_question_link .ico { height: 21px; width: 21px; float: left; margin: 0 0.5em 0.5em 0; background-image: url('../images/newui/sprite.png'); background-position: -560px -520px; } .pi_widget.pi_widget_type_29 dd { min-height: 50px; margin: 0; padding: 0;} .pi_widget.pi_widget_type_29 dd .ico { height: 46px; width: 30px; float: left; margin: 2px 0; background: url('../images/newui/sprite.png') scroll no-repeat -520px -520px transparent; } .pi_widget.pi_widget_type_29 dd .dd_content { margin: 0 0 0 30px; padding: 0;} .pi_widget.pi_widget_type_29 dd p { margin-bottom: 0.5em; } .pi_widget.pi_widget_type_29 dd .backtotop_holder { clear: both; } .pi_widget.pi_widget_type_29 dt.help_question { color: #333333; font-size: 1.5em; margin: 0 0 0.5em 0; padding-top: 45px; } /* padding-top: 45px; otherwise it goes upnder the fixed header */ /* end help widget */ /* start facebook widget */ /* facebook like style over-rides */ .pi_widget_type_30 .fb-page { margin: 10px; 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 */ /* start tsb widget */ .pi_widget.pi_widget_type_31 h4 { font-weight: bold; text-decoration: none; } .pi_widget.pi_widget_type_31 .pi_widget_body .item_right a { text-decoration: none; } .js .pi_widget.pi_widget_type_31 .pi_widget_body .item_right .show_right { float:right; width:40px; height:40px; background-image: url(../images/newui/sprite.png); background-position: -320px -200px; } .js .pi_widget.pi_widget_type_31 .pi_widget_body .item.clickable:hover .item_right .show_right { background-position: -480px -200px; } .js .pi_widget.pi_widget_type_31 .pi_widget_body .item.clickable:active .item_right .show_right { background-position: -640px -200px; } .pi_widget.pi_widget_type_31 .pi_widget_body .item_right .clickable_right { position:absolute; top:50%; margin-top:-20px; right:0px; width: 60px; } .pi_widget.pi_widget_type_31 .pi_widget_body .item .item_right {margin-right: 60px; padding: 1px 0 0 0; } .pi_widget.pi_widget_type_31 .pi_widget_body .item .tag_list, .pi_widget.pi_widget_type_31 .pi_widget_body .item .detail_links{display:inline-block; font-size: 0.9em; font-weight: bold; color: #757575; text-transform: none;} .pi_widget.pi_widget_type_31 .pi_widget_body .item .tag_list {margin-right: 1em} .pi_widget.pi_widget_type_31 .pi_widget_body .item .detail_links a{margin:0 1em;color: #757575; display: inline-block; text-decoration: underline} .pi_widget.pi_widget_type_31 .pi_widget_body .item .detail_links a:first-child{margin-left:0} * html .pi_widget.pi_widget_type_31 .pi_widget_body .item .tag_list, * html .pi_widget.pi_widget_type_31 .pi_widget_body .item .detail_links, * html .pi_widget.pi_widget_type_31 .pi_widget_body .item .detail_links a{display:block;} .pi_widget.pi_widget_type_31 .tsb_voting { margin: 80px 0 40px; text-align: center; float: left; padding: 20px 1%; width: 15%; min-width: 150px; background: rgb(241,240,240); /* Old browsers */ background: -moz-linear-gradient(top, rgba(241,240,240,1) 0%, rgba(215,213,213,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,240,240,1)), color-stop(100%,rgba(215,213,213,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(241,240,240,1) 0%,rgba(215,213,213,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(241,240,240,1) 0%,rgba(215,213,213,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(241,240,240,1) 0%,rgba(215,213,213,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(241,240,240,1) 0%,rgba(215,213,213,1) 100%); /* W3C */ border: 1px solid #d5d5d5; border-radius: 5px; } .pi_widget.pi_widget_type_31 .tsb_voting .vote_button { width: 50px; height: 50px; border: 2px solid #d5d5d5; border-radius: 50%; margin: 15px 5px; display: inline-block; text-indent: -1000em; background-image: url('../images/newui/sprite.png'); background-repeat: no-repeat; } .pi_widget.pi_widget_type_31 .tsb_voting .vote_button.vote_yes { background-color: #1F6F1F; background-position: -330px -849px; } .pi_widget.pi_widget_type_31 .tsb_voting .vote_button.vote_no { background-color: #702121; background-position: -414px -846px; } .pi_widget.pi_widget_type_31 .tsb_voting .vote_button.vote_yes:hover { background-color: #288428; } .pi_widget.pi_widget_type_31 .tsb_voting .vote_button.vote_no:hover { background-color: #982e2e; } .pi_widget.pi_widget_type_31 .tsb_voting .vote_button.greyed, .pi_widget.pi_widget_type_31 .tsb_voting .vote_button.greyed:hover { background-color: #c1c1c1; cursor: default; } .pi_widget.pi_widget_type_31 .tsb_voting .vote_button[disabled=disabled] { cursor: default; /* Chrome, at least, implies disabled buttons are still clickable. Good job. */ } /* Tabs */ .pi_widget.pi_widget_type_31 .ui-tabs { background: #fff; border-radius: 5px; padding: 0 0 40px; margin-top: 20px; border: 1px solid #d5d5d5; } .pi_widget.pi_widget_type_31 .ui-tabs .ui-tabs-panel { margin: 0 auto; } .pi_widget.pi_widget_type_31 .ui-widget-header { border: 0; background: #fff; } .pi_widget.pi_widget_type_31 .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; border-bottom: 1px solid #d5d5d5; border-radius: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; } .pi_widget.pi_widget_type_31 .ui-widget-header .ui-state-default, .pi_widget.pi_widget_type_31 .ui-widget-header .ui-state-hover { background: #fff; border: 0; border-radius: 0; border-right: 1px solid #d5d5d5; } .pi_widget.pi_widget_type_31 .ui-widget-header .ui-state-active, .pi_widget.pi_widget_type_31 .ui-widget-header .ui-state-hover { background: rgb(241,240,240); /* Old browsers */ background: -moz-linear-gradient(top, rgba(241,240,240,1) 0%, rgba(215,213,213,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,240,240,1)), color-stop(100%,rgba(215,213,213,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(241,240,240,1) 0%,rgba(215,213,213,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(241,240,240,1) 0%,rgba(215,213,213,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(241,240,240,1) 0%,rgba(215,213,213,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(241,240,240,1) 0%,rgba(215,213,213,1) 100%); /* W3C */ } .pi_widget.pi_widget_type_31 .ui-tabs .ui-tabs-nav li { top: 0; margin: 0; } .pi_widget.pi_widget_type_31 .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; } .pi_widget.pi_widget_type_31 .ui-tabs .ui-tabs-nav li a { width: 33px; height: 28px; padding: 20px 40px; text-indent: -1000em; min-width: 30px; background-image: url('../images/newui/sprite.png'); background-repeat: no-repeat; } .pi_widget.pi_widget_type_31 .ui-tabs .tab_line { border-top-left-radius: 5px; } .pi_widget.pi_widget_type_31 .ui-tabs .tab_line a { background-position: 36px -835px; } .pi_widget.pi_widget_type_31 .ui-tabs .tab_bar a { background-position: -83px -835px; } .pi_widget.pi_widget_type_31 .ui-tabs .tab_table a { background-position: -200px -835px; } .pi_widget.pi_widget_type_31 .ui-tabs .ui-tabs-nav li.tab_title { color: #333; font-weight: normal; width: 206px; height: 68px; line-height: 68px; white-space: normal; overflow: hidden; } .pi_widget.pi_widget_type_31 .ui-tabs .ui-tabs-nav li.tab_title span { display: inline-block; line-height: normal; vertical-align: middle; margin: 0 10px; font-weight: bold; } .pi_widget.pi_widget_type_31 .pi_widget_body .item.clickable.active .clickable_right .show_right { background-position: -640px -200px; } /* Table styling */ .pi_widget.pi_widget_type_31 table.generic { width: 90%; margin: 0 auto; } .pi_widget.pi_widget_type_31 th, .pi_widget.pi_widget_type_31 td { padding: 8px; } .pi_widget.pi_widget_type_31 th { background: #d5d5d5; font-weight: bold; } .pi_widget.pi_widget_type_31 td { border-bottom: 1px dotted #d5d5d5; } /* end tsb widget */ /* map widget start */ /* map widget doesn't like our img max-width: 100% ! */ .pi_widget_type_9 img { max-width:none; } /* map widget end */ /* user profile link start */ a.user_profile_link { background-position: left top; background-repeat: no-repeat; background-attachment: scroll; } .ie6 a.user_profile_link { } /*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%; /* 9/16 * 100 */ /* NB - this is the proportionate part of height ( i.e. video ) */ padding-top: 30px; /* NB - this is the fixed part of height ( i.e. controls ) */ } .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 debug areas start */ .pi_widget #webcast #webcast_debug_1 { clear:both; } .pi_widget #webcast #webcast_debug_2 { clear:both; } .pi_widget #webcast.player_layout_primary #webcast_debug_1 .lay:after { content: ' : player_layout_primary'; } .pi_widget #webcast.player_layout_secondary.full #webcast_debug_1 .lay:after { content: ' : player_layout_secondary'; } .pi_widget #webcast.player_layout_primary.player_layout_secondary #webcast_debug_1 .lay:after { content: ' : ERROR - BOTH'; } .pi_widget #webcast #webcast_debug_1 .forcetl:after { content: ' : OFF'; } .pi_widget #webcast.force_timeline #webcast_debug_1 .forcetl:after { content: ' : ON'; } /* new player debug areas end */ /* 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;} .pi_widget #webcast #Webcast_Player_Holder #Webcast_Player :focus {outline: 3px #1b7fcc solid !important; } /*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 { /* display: block; */ 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.5em; color:#fff; text-align:center; width: 100%; height: 100%; 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 */ position: relative; display: table; } .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.player_layout_secondary #Webcast_Player_Holder .webcast_video_placeholder.live_status_holding_text .holding_text {font-size: 0.9em} .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%; } .ie6 .pi_widget #webcast #Webcast_Player_Holder object, .ie6 .pi_widget #webcast #Webcast_Player_Holder embed, .ie6 .pi_widget #webcast #Webcast_Player_Holder .webcast_video_placeholder, .ie7 .pi_widget #webcast #Webcast_Player_Holder object, .ie7 .pi_widget #webcast #Webcast_Player_Holder embed, .ie7 .pi_widget #webcast #Webcast_Player_Holder .webcast_video_placeholder { height: expression((document.getElementById('Webcast_Player_Holder').clientHeight) + "px"); ; } .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 === */ .theoplayer { font-size: 1.0em; } /* Start Theoplayer time control */ .theoplayer .vjs-time-controls { font-size: 1.1em; } .theoplayer .vjs-time-divider { padding-top: 1px; } .theoplayer .vjs-time-divider span { font-size: 1.2em; } .theoplayer .vjs-time-controls .vjs-duration-display { margin-left: 1px; } /* EndTheoplayer time control */ #Webcast_Player_Holder .theoplayer-skin .theoplayer-my-control.vjs-control.pi_custom_button { cursor: pointer; float: right; font-weight: bold; font-style: italic; color: #FFFFFF; opacity:0.8; background-color: transparent; border-radius: 2px; border-style: none; line-height: 1.8em; height: 1.8em; width: 2.7em; margin: 0.6em; } #Webcast_Player_Holder .theoplayer-skin .theoplayer-my-control.vjs-control.pi_custom_button > div { font-size: 1.4em; position: relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } #Webcast_Player_Holder .theoplayer-skin .theoplayer-my-control.vjs-control.pi_custom_button > div > i.icon { font-size: 1em; } .definition_sd #Webcast_Player_Holder .theoplayer-skin .theoplayer-my-control.vjs-control#hd_button { opacity:0.3; } .theoplayer-skin .vjs-play-progress, .theoplayer-skin .vjs-volume-level {background: #C0C0C3} /* THEOplayer V2 fixes : start */ /* make theoplayer button font familt beat public-i ones ! */ .pi_widget button.vjs-icon-cog , .pi_widget button.vjs-icon-subtitles { font-family: THEOplayer; } /* THEOplayer V2 fixes : end */ /* === End Theoplayer custom rules === */ #Webcast_Video #current_agenda, #Webcast_Video #current_caption { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #Webcast_Video #current_caption { height: 16px; padding: 2px; text-indent: 32px; line-height: 16px; margin: 5px 0; } #Webcast_Video #current_caption .ico { background: url("../images/newui/sprite.png") repeat scroll -990px -42px transparent; height: 17px; width: 22px; position: absolute; } .ie6 #Webcast_Video #current_caption .ico, .ie7 #Webcast_Video #current_caption .ico {display:none} /* actual space for player plugin / video tag end */ /* poll and survey holders start */ .pi_widget #webcast .poll_player_component_holder, .pi_widget #webcast .survey_player_component_holder{ padding: 2%; width: 96% } /* timeline close button - only shown some of the time */ .pi_widget #webcast a#Webcast_Timeline_Close_Button_Holder { float: right; cursor: pointer; font-weight: normal;padding-right: 10px; padding-top: 8px; font-size:0.7em;} .no-js .pi_widget #webcast a#Webcast_Timeline_Close_Button_Holder { cursor:default; } .pi_widget #webcast a#Webcast_Timeline_Close_Button_Holder:hover { text-decoration: underline; } /* make time line opener hidden by default - only show when hide_timeline class on #webcast (#webcast.no_timeline should never acquire hide_timeline - so don't worry about overlap */ .pi_widget #webcast a.Webcast_Timeline_Open_Button_Holder, .pi_widget #webcast.player_layout_secondary.full #Webcast_Core a.Webcast_Timeline_Open_Button_Holder, .pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core a.Webcast_Timeline_Open_Button_Holder { display: none; font-weight: normal;} .pi_widget #webcast.hide_timeline a.Webcast_Timeline_Open_Button_Holder { display: block; float: right; cursor:pointer; margin-right: 10px; font-size:0.7em;} .no-js .pi_widget #webcast.hide_timeline a.Webcast_Timeline_Open_Button_Holder { cursor:default; } .pi_widget #webcast.hide_timeline a.Webcast_Timeline_Open_Button_Holder:hover { text-decoration: underline; } .pi_widget #webcast a.Webcast_Timeline_Open_Button_Holder {margin-top: 8px;} #live_status_messages {display:none;/*hide this since it hasn't been designed yet*/} /* some layouts get some sticky positions - this should be merged below once stable */ /* to be supported by the stickyfill poly - https://github.com/wilddeer/stickyfill */ .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.full #Webcast_Core /* tablet landscape : 801 < width < 1024 */ , .pi_minWidth_1025_orientation_landscape #webcast.full #Webcast_Core /* desktop landscape : 1024 < width */ , .pi_minWidth_801_orientation_portrait #webcast.full #Webcast_Core /* tablet portrait : 801 < width */ , .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.full .player_component_heading:not(.no_sticky) /* tablet landscape : 801 < width < 1024 */ , .pi_minWidth_1025_orientation_landscape #webcast.full .player_component_heading:not(.no_sticky) /* desktop landscape : 1024 < width */ , .pi_minWidth_801_orientation_portrait #webcast.full .player_component_heading:not(.no_sticky) /* tablet portrait : 801 < width */ { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 40px; z-index: 150; } /* for stickyfill poly filll we require the following css for its classes */ .sticky { position: -webkit-sticky; position: sticky; top: 40px; z-index: 150; } .sticky:before, .sticky:after { content: ''; display: table; } /* vote event tab rules, mobile first naturally START*/ .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #player_votes .mobile_only , .pi_minWidth_1025_orientation_landscape #webcast #player_votes .mobile_only , .pi_minWidth_801_orientation_portrait #webcast #player_votes .mobile_only , .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #player_votes .mobile_only , .pi_minWidth_1025_orientation_landscape #webcast #player_votes .mobile_only , .pi_minWidth_801_orientation_portrait #webcast #player_votes .mobile_only{ display: none; } /* mobile first*/ #webcast #player_votes td {float:left} #webcast #player_votes td.positive_votes,#webcast #player_votes td.current_status {clear:left} #webcast #player_votes td.title {font-size:1.2em} #webcast #player_votes td.status,#webcast #player_votes td.datetime {font-size:0.9em} #webcast #player_votes thead {visibility:hidden;position:absolute} #webcast #player_votes tbody td.number_column {height: 36px;padding: 17px 0 0;width: 25%;} #webcast #player_votes .no_neutral_column_td tbody td.number_column {width: 33.3333%;} .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #player_votes td , .pi_minWidth_1025_orientation_landscape #webcast #player_votes td , .pi_minWidth_801_orientation_portrait #webcast #player_votes td , .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #player_votes td , .pi_minWidth_1025_orientation_landscape #webcast #player_votes td , .pi_minWidth_801_orientation_portrait #webcast #player_votes td { float: none; } .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #player_votes thead , .pi_minWidth_1025_orientation_landscape #webcast #player_votes thead , .pi_minWidth_801_orientation_portrait #webcast #player_votes thead , .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #player_votes thead , .pi_minWidth_1025_orientation_landscape #webcast #player_votes thead , .pi_minWidth_801_orientation_portrait #webcast #player_votes thead { visibility:visible;position:static; } .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #player_votes td.title , .pi_minWidth_1025_orientation_landscape #webcast #player_votes td.title , .pi_minWidth_801_orientation_portrait #webcast #player_votes td.title , .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #player_votes td.title , .pi_minWidth_1025_orientation_landscape #webcast #player_votes td.title , .pi_minWidth_801_orientation_portrait #webcast #player_votes td.title , .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #player_votes td.datetime , .pi_minWidth_1025_orientation_landscape #webcast #player_votes td.datetime , .pi_minWidth_801_orientation_portrait #webcast #player_votes td.datetime , .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #player_votes td.datetime , .pi_minWidth_1025_orientation_landscape #webcast #player_votes td.datetime , .pi_minWidth_801_orientation_portrait #webcast #player_votes td.datetime , .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #player_votes td.status , .pi_minWidth_1025_orientation_landscape #webcast #player_votes td.status , .pi_minWidth_801_orientation_portrait #webcast #player_votes td.status , .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #player_votes td.status , .pi_minWidth_1025_orientation_landscape #webcast #player_votes td.status , .pi_minWidth_801_orientation_portrait #webcast #player_votes td.status{ font-size: 1em; } .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #player_votes td.number_column , .pi_minWidth_1025_orientation_landscape #webcast #player_votes td.number_column , .pi_minWidth_801_orientation_portrait #webcast #player_votes td.number_column , .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #player_votes td.number_column , .pi_minWidth_1025_orientation_landscape #webcast #player_votes td.number_column , .pi_minWidth_801_orientation_portrait #webcast #player_votes td.number_column { width:20px; height: auto; position: static; padding: 3px; } /* vote event tab rules, mobile first naturally END */ /* useful http://fluidbaselinegrid.com/ */ /* responsive css - 3 (2?) layout modes [ primary (initial state - welcome + video + timeline if room) / secondary ( welcome + video + timeline + supporting item ) / tertiary ? quaternary, quinary, senary, septenary, octonary, nonary, and denary ] */ /* 3 / 5 display modes ( orientation ? ) */ /* default default - if nothing else fits - needs section for force_timeline */ /* target - mobile landscape below 800px wide */ /* size up main div areas first - then their content */ .pi_widget #webcast #webcast_debug_1 .resp:after { content: " : small landscape (default)"; } /* debug ! */ /* player_layout_primary start */ /*layout*/ .pi_widget #webcast.player_layout_primary #Webcast_Core { width: 100%; float: none; display: block; } .pi_widget #webcast.player_layout_primary #Webcast_Support_Data { /* not shown in player_layout_primary */ display: none; } .pi_widget #webcast.player_layout_primary #Webcast_Timeline_Holder { /* not shown in player_layout_primary at this size unless #webcast has class force_timeline */ display: none; } .pi_widget #webcast.player_layout_primary.force_timeline #Webcast_Timeline_Holder { /* shown in player_layout_primary at this size if #webcast has class force_timeline */ width: 100%; float: none; display: block; clear: both; } .pi_widget #webcast.player_layout_primary #Webcast_Timeline_Close_Button_Holder { /* only show opener if timeline has been force closed in secondary landscap medium / large */ display: none; } /* content */ .pi_widget #webcast.player_layout_primary #Webcast_Welcome { width: 28.5714%; float: left; } .pi_widget #webcast.player_layout_primary #Webcast_Video { width: 71.4286%; float: right; } .pi_widget #webcast.player_layout_primary article .webcast_article_inner, .pi_widget #webcast.player_layout_primary article#Webcast_Welcome .webcast_article_inner, .pi_widget #webcast.player_layout_primary #Webcast_Timeline_Holder article .webcast_article_inner { margin: 0 0 20px 0; /* transparent space between components */ } .pi_widget #webcast.player_layout_primary article#Webcast_Video .webcast_article_inner{ margin: 0 0 20px 20px; /* transparent space between components */ } /* player_layout_primary end */ /* player_layout_secondary start */ /*layout*/ .pi_widget #webcast.player_layout_secondary.full #Webcast_Core, .pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core, .pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Core { width: 100%; float: none; display: block; } .pi_widget #webcast.player_layout_secondary.full #Webcast_Support_Data, .pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Support_Data, .pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Support_Data { width: 100%; float: none; display: block; clear: both; } .pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 39px; z-index: 150; } .pi_widget #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls #agenda_select_container { display: none; } .pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Holder, .pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Holder, .pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Timeline_Holder { /* not shown in player_layout_secondary at this size unless #webcast has class force_timeline */ display: none; } .pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Close_Button_Holder, .pi_widget #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Close_Button_Holder, .pi_widget #webcast.player_layout_secondary.full.no_timeline #Webcast_Timeline_Close_Button_Holder { display: none; } /* content */ .pi_widget #webcast.player_layout_secondary.full #Webcast_Welcome { width: 28.5714%; float: left; } .pi_widget #webcast.player_layout_secondary.full #Webcast_Video { width: 71.4286%; float: right; } .pi_widget #webcast.player_layout_secondary.full article .webcast_article_inner, .pi_widget #webcast.player_layout_secondary.full article#Webcast_Welcome .webcast_article_inner, .pi_widget #webcast.player_layout_secondary.full #Webcast_Support_Data article .webcast_article_inner, .pi_widget #webcast.player_layout_secondary.full #Webcast_Timeline_Holder article .webcast_article_inner { margin: 0 0 20px 0; /* transparent space between components */ } .pi_widget #webcast.player_layout_secondary.full article#Webcast_Video .webcast_article_inner { margin: 0 0 20px 20px; /* transparent space between components */ } /* webcast live chat / forums start */ /* live chat start */ .pi_widget #webcast #Webcast_Live_Chat .twitter_player_component_holder{ float: none; width: 100%; padding: 2%; } .pi_widget #webcast #Webcast_Live_Chat.two_sections .twitter_player_component_holder { float: left; width: 33.3333%; padding: 2% 1% 2% 2%; } .ie6 .pi_widget #webcast #Webcast_Live_Chat.two_sections .twitter_player_component_holder , .ie7 .pi_widget #webcast #Webcast_Live_Chat.two_sections .twitter_player_component_holder { width: 30%; } /* live chat end */ /* forum start */ .pi_widget #webcast #Webcast_Forums .disqus_player_component_holder, .pi_widget #webcast #Webcast_Forums .uservoice_player_component_holder { float: none; width: 100%; padding: 2%; } .pi_widget #webcast #Webcast_Forums.two_sections .disqus_player_component_holder { float: left; width: 50%; padding: 2% 1% 2% 2%; } .pi_widget #webcast #Webcast_Forums.two_sections .uservoice_player_component_holder { float: right; width: 50%; padding: 2% 2% 2% 1%; } .ie6 .pi_widget #webcast #Webcast_Forums.two_sections .disqus_player_component_holder , .ie6 .pi_widget #webcast #Webcast_Forums.two_sections .uservoice_player_component_holder, .ie7 .pi_widget #webcast #Webcast_Forums.two_sections .disqus_player_component_holder , .ie7 .pi_widget #webcast #Webcast_Forums.two_sections .uservoice_player_component_holder { width:46% } /* forum end */ /* webcast live chat / forums end */ /* player_layout_secondary end */ /* Below is the media query CSS for the player, but with classes instead of the media queries. If you want the media query version, look in player_media_queries.css.. If you edit anything in here, PLEASE also update the relevant CSS in player_meddia_queryes.css */ /* default portrait below 480px - needs section for force_timeline */ /* target - mobile portrait below 480px wide */ .pi_widget .pi_orientation_portrait #webcast #webcast_debug_1 .resp:after { content: " : small portrait"; } /* debug ! */ /* player_layout_primary start */ /*layout*/ .pi_widget .pi_orientation_portrait #webcast.player_layout_primary #Webcast_Core { width: 100%; float: none; display: block; } .pi_widget .pi_orientation_portrait #webcast.player_layout_primary #Webcast_Support_Data { /* not shown in player_layout_primary */ display: none; } .pi_widget .pi_orientation_portrait #webcast.player_layout_primary #Webcast_Timeline_Holder { /* not shown in player_layout_primary at this size unless #webcast has class force_timeline */ display: none; } .pi_widget .pi_orientation_portrait #webcast.player_layout_primary.force_timeline #Webcast_Timeline_Holder { /* shown in player_layout_primary at this size if #webcast has class force_timeline */ width: 100%; float: none; display: block; clear: both; } .pi_widget .pi_orientation_portrait #webcast.player_layout_primary #Webcast_Timeline_Close_Button_Holder { /* only show opener if timeline has been force closed in secondary landscap medium / large */ display: none; } /* content */ .pi_widget .pi_orientation_portrait #webcast.player_layout_primary #Webcast_Welcome { width: 100%; float: none; } .pi_widget .pi_orientation_portrait #webcast.player_layout_primary.force_timeline #Webcast_Welcome { /* hide welcome so show timeline head if force_timeline */ /* width: 100%; */ /* float: none; */ /* display: block; */ /* clear: both; */ display: none; } .pi_widget .pi_orientation_portrait #webcast.player_layout_primary #Webcast_Video { width: 100%; float: none; } .pi_widget .pi_orientation_portrait #webcast.player_layout_primary article .webcast_article_inner, .pi_widget .pi_orientation_portrait #webcast.player_layout_primary article#Webcast_Welcome .webcast_article_inner, .pi_widget .pi_orientation_portrait #webcast.player_layout_primary article#Webcast_Video .webcast_article_inner, .pi_widget .pi_orientation_portrait #webcast.player_layout_primary #Webcast_Timeline_Holder article .webcast_article_inner { margin: 0 0 20px 0; /* transparent space between components */ } /* player_layout_primary end */ /* player_layout_secondary start */ /*layout*/ .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Core, .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core, .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full.no_timeline #Webcast_Core { width: 100%; float: none; display: block; } .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Support_Data, .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full.hide_timeline #Webcast_Support_Data, .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full.no_timeline #Webcast_Support_Data { /* not shown in player_layout_secondary */ width: 100%; float: none; display: block; clear: both; } .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 39px; z-index: 150; } .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls #agenda_select_container { display: none; } .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Timeline_Holder, .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Holder, .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full.no_timeline #Webcast_Timeline_Holder { /* not shown in player_layout_secondary at this size unless #webcast has class force_timeline */ display: none; } .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Timeline_Close_Button_Holder, .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Close_Button_Holder, .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full.no_timeline #Webcast_Timeline_Close_Button_Holder { display: none; } /* content */ .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Welcome { /* width: 100%; */ /* float: none; */ display: none; /* hide welcome so you can see top of supporting div under video ! */ } .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Video { width: 100%; float: none; } .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full article .webcast_article_inner, .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full article#Webcast_Video .webcast_article_inner, .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full article#Webcast_Welcome .webcast_article_inner, .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Support_Data article .webcast_article_inner, .pi_widget .pi_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Timeline_Holder article .webcast_article_inner { margin: 0 0 20px 0; /* transparent space between components */ } /* webcast live chat / forums start */ /* live chat start */ /* forum start */ .pi_widget .pi_orientation_portrait #webcast #Webcast_Live_Chat .twitter_player_component_holder, .pi_widget .pi_orientation_portrait #webcast #Webcast_Live_Chat.two_sections .twitter_player_component_holder, .pi_widget .pi_orientation_portrait #webcast #Webcast_Forums .disqus_player_component_holder, .pi_widget .pi_orientation_portrait #webcast #Webcast_Forums .uservoice_player_component_holder, .pi_widget .pi_orientation_portrait #webcast #Webcast_Forums.two_sections .disqus_player_component_holder, .pi_widget .pi_orientation_portrait #webcast #Webcast_Forums.two_sections .uservoice_player_component_holder { float: none; width: 100%; padding: 2%; } /* live chat end */ /* forum end */ /* webcast live chat / forums end */ /* player_layout_secondary end */ /* portrait 480px -> 800px */ /* target - tablet portrait between 480px and 800px wide */ .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast #webcast_debug_1 .resp:after { content: " : medium portrait"; } /* debug ! */ /* player_layout_primary start */ /*layout*/ .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_primary #Webcast_Core { width: 100%; float: none; display: block; } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_primary #Webcast_Support_Data { /* not shown in player_layout_primary */ display: none; } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_primary.no_timeline #Webcast_Timeline_Holder { /* timeline has no contents */ display: none; } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_primary #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_primary.force_timeline #Webcast_Timeline_Holder { /* not shown in player_layout_primary at this size unless #webcast has class force_timeline */ width: 100%; float: none; display: block; clear: none; } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_primary #Webcast_Timeline_Close_Button_Holder { /* only show opener if timeline has been force closed in secondary landscap medium / large */ display: none; } /* content */ .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_primary #Webcast_Welcome { width: 100%; float: none; display: block; } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_primary #Webcast_Video { width: 100%; float: none; display: block; } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_primary article .webcast_article_inner, .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_primary article#Webcast_Welcome .webcast_article_inner, .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_primary article#Webcast_Video .webcast_article_inner, .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_primary #Webcast_Timeline_Holder article .webcast_article_inner { margin: 0 0 20px 0; /* transparent space between components */ } /* player_layout_primary end */ /* player_layout_secondary start */ /*layout*/ .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Core, .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core, .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full.no_timeline #Webcast_Core { width: 30%; float: left; display: block; } .ie7 .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Core, .ie7 .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core, .ie7 .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full.no_timeline #Webcast_Core { width: 29.9%; } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Support_Data, .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full.hide_timeline #Webcast_Support_Data, .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full.no_timeline #Webcast_Support_Data { /* not shown in player_layout_secondary */ width: 70%; float: right; display: block; clear: none; } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 39px; z-index: 150; } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls #agenda_select_container { display: none; } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Holder { /* not shown in player_layout_secondary at this size unless #webcast has class force_timeline */ width: 100%; float: none; display: block; clear:both; } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full.no_timeline #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full.transcript #Webcast_Timeline_Holder { /* hide timeline on transcript tab even thugh below not next to */ display: none; } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Timeline_Close_Button_Holder, .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Close_Button_Holder, .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full.no_timeline #Webcast_Timeline_Close_Button_Holder { display: none; } /* content */ .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Welcome { /* needs to be updated to be pushed down so video can slot in above at this size... */ width: 100%; float: none; display: block; } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Video { /* needs to be slot in above welcome at this size... */ width: 100%; float: none; display: block; } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full article .webcast_article_inner, .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full article#Webcast_Video .webcast_article_inner , .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full article#Webcast_Welcome .webcast_article_inner, .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Timeline_Holder article .webcast_article_inner{ margin: 0 0 20px 0; /* transparent space between components */ } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Support_Data article .webcast_article_inner { margin: 0 0 20px 20px; /* transparent space between components */ } /* webcast live chat / forums start */ /* live chat start */ .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast #Webcast_Live_Chat .twitter_player_component_holder{ float: none; width: 100%; padding: 2%; } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast #Webcast_Live_Chat.two_sections .twitter_player_component_holder { float: left; width: 31.3333%; padding: 2% 1% 2% 2%; } /* live chat end */ /* forum start */ .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast #Webcast_Forums .disqus_player_component_holder, .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast #Webcast_Forums .uservoice_player_component_holder { float: none; width: 100%; padding: 2%; } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast #Webcast_Forums.two_sections .disqus_player_component_holder { float: left; width: 50%; padding: 2% 1% 2% 2%; } .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast #Webcast_Forums.two_sections .uservoice_player_component_holder { float: right; width: 50%; padding: 2% 2% 2% 1%; } /* forum end */ /* webcast live chat / forums end */ /* player_layout_secondary end */ /* hide timeline nav as always on */ .pi_widget .pi_minWidth_481_maxWidth_800_orientation_portrait #webcast nav li#Webcast_Nav_Timeline { display: none !important; } /* portrait wider than 800px */ /* target - desktop portrait (?) above 800px wide */ .pi_widget .pi_minWidth_801_orientation_portrait #webcast #webcast_debug_1 .resp:after { content: " : large portrait"; } /* debug ! */ /* player_layout_primary start */ /* currently just a copy of above (portrait 480px -> 800px) - revisit ! */ /*layout*/ .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary #Webcast_Core { width: 70%; float: left; display: block; } .ie7 .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary #Webcast_Core { width: 69.9%; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary.hide_timeline #Webcast_Core, .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary.no_timeline #Webcast_Core { width: 100%; float: left; display: block; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary #Webcast_Support_Data { /* not shown in player_layout_primary */ display: none; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary.force_timeline #Webcast_Timeline_Holder { /* not shown in player_layout_primary at this size unless #webcast has class force_timeline */ width: 30%; float: right; display: block; clear: none; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary.hide_timeline #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary.no_timeline #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary.force_timeline.hide_timeline #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary.force_timeline.no_timeline #Webcast_Timeline_Holder { display: none; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary #Webcast_Timeline_Close_Button_Holder { /* only show opener if timeline has been force closed in secondary landscap medium / large */ display: block; } /* content */ .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary #Webcast_Welcome { width: 100%; float: none; display: block; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary #Webcast_Video { width: 100%; float: none; display: block; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary article .webcast_article_inner, .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary article#Webcast_Video .webcast_article_inner, .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary article#Webcast_Welcome .webcast_article_inner { margin: 0 0 20px 0; /* transparent space between components */ } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_primary #Webcast_Timeline_Holder article .webcast_article_inner { margin: 0 0 20px 20px; /* transparent space between components */ } /* player_layout_primary end */ /* player_layout_secondary start */ /*layout*/ .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Core { width: 20%; float: left; display: block; } .ie7 .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Core { width: 19.9%; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core, .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full.no_timeline #Webcast_Core { width: 35%; float: left; display: block; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full.transcript #Webcast_Core { width: 20%; float: left; display: block; } .ie7 .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core, .ie7 .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full.no_timeline #Webcast_Core { width: 34.9%; } .ie7 .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full.transcript #Webcast_Core { width: 19.9%; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Support_Data { /* not shown in player_layout_secondary */ width: 50%; float: left; display: block; clear: none; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full.hide_timeline #Webcast_Support_Data, .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full.no_timeline #Webcast_Support_Data { /* not shown in player_layout_secondary */ width: 65%; float: left; display: block; clear: none; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data { /* not shown in player_layout_secondary */ width: 80%; float: left; display: block; clear: none; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 73px; z-index: 150; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls #agenda_select_container { display: block; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Timeline_Holder { /* not shown in player_layout_secondary at this size unless #webcast has class force_timeline */ width: 30%; float: right; display: block; clear:none; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full.no_timeline #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full.transcript #Webcast_Timeline_Holder { display: none; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Timeline_Close_Button_Holder { display: block; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Close_Button_Holder .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full.no_timeline #Webcast_Timeline_Close_Button_Holder { display: none; } /* content */ .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Welcome { /* needs to be updated to be pushed down so video can slot in above at this size... */ width: 100%; float: none; display: block; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Video { /* needs to be slot in above welcome at this size... */ width: 100%; float: none; display: block; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full article .webcast_article_inner, .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full article#Webcast_Video .webcast_article_inner , .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full article#Webcast_Welcome .webcast_article_inner { margin: 0 0 20px 0; /* transparent space between components */ } .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Support_Data article .webcast_article_inner, .pi_widget .pi_minWidth_801_orientation_portrait #webcast.player_layout_secondary.full #Webcast_Timeline_Holder article .webcast_article_inner { margin: 0 0 20px 20px; /* transparent space between components */ } /* webcast live chat / forums start */ /* live chat start */ .pi_widget .pi_minWidth_801_orientation_portrait #webcast #Webcast_Live_Chat .twitter_player_component_holder { float: none; width: 100%; padding: 2%; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast #Webcast_Live_Chat.two_sections .twitter_player_component_holder { float: left; width: 31.3333%; padding: 2% 1% 2% 2%; } /* live chat end */ /* forum start */ .pi_widget .pi_minWidth_801_orientation_portrait #webcast #Webcast_Forums .disqus_player_component_holder, .pi_widget .pi_minWidth_801_orientation_portrait #webcast #Webcast_Forums .uservoice_player_component_holder { float: none; width: 100%; padding: 2%; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast #Webcast_Forums.two_sections .disqus_player_component_holder { float: left; width: 50%; padding: 2% 1% 2% 2%; } .pi_widget .pi_minWidth_801_orientation_portrait #webcast #Webcast_Forums.two_sections .uservoice_player_component_holder { float: right; width: 50%; padding: 2% 2% 2% 1%; } /* forum end */ /* webcast live chat / forums end */ /* player_layout_secondary end */ /* hide timeline nav as always on */ .pi_widget .pi_minWidth_801_orientation_portrait #webcast nav li#Webcast_Nav_Timeline { display: none !important; } /* landscape 800px -> 1024px */ /* target - tablet / old desktop landscape between 800px and 1024px wide */ .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #webcast_debug_1 .resp:after { content: " : medium landscape"; } /* debug ! */ /* player_layout_primary start */ /*layout*/ .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary #Webcast_Core { width: 70%; float: left; display: block; } .ie7 .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary #Webcast_Core { width: 69.9%; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary.hide_timeline #Webcast_Core, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary.no_timeline #Webcast_Core { width: 100%; float: left; display: block; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary #Webcast_Support_Data { /* not shown in player_layout_primary */ display: none; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary.force_timeline #Webcast_Timeline_Holder { width: 30%; float: right; display: block; clear: none; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary.hide_timeline #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary.no_timeline #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary.force_timeline.hide_timeline #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary.force_timeline.no_timeline #Webcast_Timeline_Holder { display: none; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary #Webcast_Timeline_Close_Button_Holder { display: block; } /* content */ .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary #Webcast_Welcome { width: 28.5714%; float: left; display: block; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary.hide_timeline #Webcast_Welcome, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary.no_timeline #Webcast_Welcome { width: 35%; float: left; display: block; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary #Webcast_Video { width: 71.4286%; float: right; display: block; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary.hide_timeline #Webcast_Video, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary.no_timeline #Webcast_Video { width: 65%; float: right; display: block; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary article .webcast_article_inner, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary article#Webcast_Welcome .webcast_article_inner { margin: 0 0 20px 0; /* transparent space between components */ } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary article#Webcast_Video .webcast_article_inner, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_primary #Webcast_Timeline_Holder article .webcast_article_inner { margin: 0 0 20px 20px; /* transparent space between components */ } /* player_layout_primary end */ /* player_layout_secondary start */ /*layout*/ .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Core { width: 20%; float: left; display: block; } .ie7 .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Core { width: 19.9%; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full.no_timeline #Webcast_Core { width: 35%; float: left; display: block; }, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full.transcript #Webcast_Core { width: 20%; float: left; display: block; } .ie7 .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core, .ie7 .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full.no_timeline #Webcast_Core { width: 34.9%; }, .ie7 .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full.transcript #Webcast_Core { width: 19.9%; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Support_Data { /* not shown in player_layout_secondary */ width: 50%; float: left; display: block; clear: none; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full.hide_timeline #Webcast_Support_Data, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full.no_timeline #Webcast_Support_Data { width: 65%; float: left; display: block; clear: none; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data { width: 80%; float: left; display: block; clear: none; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 73px; z-index: 150; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls #agenda_select_container { display: block; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Timeline_Holder { /* not shown in player_layout_secondary at this size unless #webcast has class force_timeline */ width: 30%; float: right; display: block; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full.no_timeline #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full.transcript #Webcast_Timeline_Holder { /* not shown in player_layout_secondary at this size unless #webcast has class force_timeline */ display: none; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Timeline_Close_Button_Holder { display: block; } /* content */ .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Welcome { /* needs to be updated to be pushed down so video can slot in above at this size... */ width: 100%; float: none; display: block; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Video { /* needs to be slot in above welcome at this size... */ width: 100%; float: none; display: block; } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full article .webcast_article_inner, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full article#Webcast_Video .webcast_article_inner, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full article#Webcast_Welcome .webcast_article_inner { margin: 0 0 20px 0; /* transparent space between components */ } .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Support_Data article .webcast_article_inner, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Timeline_Holder article .webcast_article_inner { margin: 0 0 20px 20px; /* transparent space between components */ } /* webcast live chat / forums start */ /* live chat start */ /* forum start */ .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #Webcast_Live_Chat .twitter_player_component_holder, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #Webcast_Live_Chat.two_sections .twitter_player_component_holder, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #Webcast_Forums .disqus_player_component_holder, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #Webcast_Forums .uservoice_player_component_holder, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #Webcast_Forums.two_sections .disqus_player_component_holder, .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast #Webcast_Forums.two_sections .uservoice_player_component_holder { float: none; width: 100%; padding: 2%; } /* live chat end */ /* forum end */ /* webcast live chat / forums end */ /* player_layout_secondary end */ /* hide timeline nav as always on */ .pi_widget .pi_minWidth_801_maxWidth_1024_orientation_landscape #webcast nav li#Webcast_Nav_Timeline { display: none !important; } /* landscape wider than 1024px */ /* target - desktop landscape above 1024px wide */ .pi_widget .pi_minWidth_1025_orientation_landscape #webcast #webcast_debug_1 .resp:after { content: " : large landscape"; } /* debug ! */ /* player_layout_primary start */ /* currently just a copy of above (landscape 800px -> 1024px) - revisit ! */ /*layout*/ .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary #Webcast_Core { width: 70%; float: left; display: block; } .ie7 .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary #Webcast_Core { width: 69.9%; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary.hide_timeline #Webcast_Core, .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary.no_timeline #Webcast_Core { width: 100%; float: left; display: block; } .ie7 .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary #Webcast_Support_Data { /* not shown in player_layout_primary */ display: none; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary.force_timeline #Webcast_Timeline_Holder { /* not shown in player_layout_primary at this size unless #webcast has class force_timeline */ width: 30%; float: right; display: block; clear: none; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary.no_timeline #Webcast_Timeline_Holder { display: none; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary.hide_timeline #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary.no_timeline #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary.force_timeline.hide_timeline #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary.force_timeline.no_timeline #Webcast_Timeline_Holder { /* not shown in player_layout_primary at this size unless #webcast has class force_timeline */ display: none; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary #Webcast_Timeline_Close_Button_Holder { display: block; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary.hide_timeline #Webcast_Timeline_Close_Button_Holder { display: block; } /* content */ .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary #Webcast_Welcome { width: 28.5714%; float: left; display: block; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary.hide_timeline #Webcast_Welcome, .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary.no_timeline #Webcast_Welcome { width: 35%; float: left; display: block; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary #Webcast_Video { width: 71.4286%; float: right; display: block; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary.hide_timeline #Webcast_Video, .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary.no_timeline #Webcast_Video { width: 65%; float: right; display: block; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary article .webcast_article_inner, .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary article#Webcast_Welcome .webcast_article_inner { margin: 0 0 20px 0; /* transparent space between components */ } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary article#Webcast_Video .webcast_article_inner, .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_primary #Webcast_Timeline_Holder article .webcast_article_inner { margin: 0 0 20px 20px; /* transparent space between components */ } /* player_layout_primary end */ /* player_layout_secondary start */ /*layout*/ .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Core { width: 20%; float: left; display: block; } .ie7 .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Core { width: 19.9%; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core, .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full.no_timeline #Webcast_Core { width: 35%; float: left; display: block; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full.transcript #Webcast_Core { width: 20%; float: left; display: block; } .ie7 .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full.hide_timeline #Webcast_Core, .ie7 .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full.no_timeline #Webcast_Core { width: 34.9%; } .ie7 .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full.transcript #Webcast_Core { width: 19.9%; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Support_Data { /* not shown in player_layout_secondary */ width: 50%; float: left; display: block; clear: none; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full.hide_timeline #Webcast_Support_Data, .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full.no_timeline #Webcast_Support_Data { /* not shown in player_layout_secondary */ width: 65%; float: left; display: block; clear: none; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data { /* not shown in player_layout_secondary */ width: 80%; float: left; display: block; clear: none; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 73px; z-index: 150; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data #transcript_controls #agenda_select_container { display: block; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Timeline_Holder { /* not shown in player_layout_secondary at this size unless #webcast has class force_timeline */ width: 30%; float: right; display: block; clear: none; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full.no_timeline #Webcast_Timeline_Holder, .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full.transcript #Webcast_Timeline_Holder { /* not shown in player_layout_secondary at this size unless #webcast has class force_timeline */ display: none; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Timeline_Close_Button_Holder { display: block; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full.hide_timeline #Webcast_Timeline_Close_Button_Holder { display: block; } /* content */ .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Welcome { /* needs to be updated to be pushed down so video can slot in above at this size... */ width: 100%; float: none; display: block; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Video { /* needs to be slot in above welcome at this size... */ width: 100%; float: none; display: block; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full article .webcast_article_inner, .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full article#Webcast_Video .webcast_article_inner, .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full article#Webcast_Welcome .webcast_article_inner { margin: 0 0 20px 0; /* transparent space between components */ } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Support_Data article .webcast_article_inner, .pi_widget .pi_minWidth_1025_orientation_landscape #webcast.player_layout_secondary.full #Webcast_Timeline_Holder article .webcast_article_inner { margin: 0 0 20px 20px; /* transparent space between components */ } /* webcast live chat / forums start */ /* live chat start */ .pi_widget .pi_minWidth_1025_orientation_landscape #webcast #Webcast_Live_Chat .twitter_player_component_holder { float: none; width: 100%; padding: 2%; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast #Webcast_Live_Chat.two_sections .twitter_player_component_holder { float: left; width: 31.3333%; padding: 2% 1% 2% 2%; } /* live chat end */ /* forum start */ .pi_widget .pi_minWidth_1025_orientation_landscape #webcast #Webcast_Forums .disqus_player_component_holder, .pi_widget .pi_minWidth_1025_orientation_landscape #webcast #Webcast_Forums .uservoice_player_component_holder { float: none; width: 100%; padding: 2%; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast #Webcast_Forums.two_sections .disqus_player_component_holder { float: left; width: 50%; padding: 2% 1% 2% 2%; } .pi_widget .pi_minWidth_1025_orientation_landscape #webcast #Webcast_Forums.two_sections .uservoice_player_component_holder { float: right; width: 50%; padding: 2% 2% 2% 1%; } /* forum end */ /* webcast live chat / forums end */ /* player_layout_primary end */ /* hide timeline nav as always on */ .pi_widget .pi_minWidth_1025_orientation_landscape #webcast nav li#Webcast_Nav_Timeline { display: none !important; } /* webcast tabs start */ /* tabs content (#webcast div#Webcast_Support_Data ) article classes are... slides, geotags, resources, polls, surveys, conversations, speakers, feedback */ /* hide all tab content by deafult */ #Webcast_Support_Data .slides, #Webcast_Support_Data .transcript, #Webcast_Support_Data .geotags, #Webcast_Support_Data .resources, #Webcast_Support_Data .polls, #Webcast_Support_Data .surveys, #Webcast_Support_Data .livechat, #Webcast_Support_Data .forums, #Webcast_Support_Data .speakers, #Webcast_Support_Data .feedback, #Webcast_Support_Data .slideshare, #Webcast_Support_Data .vote_events { display: none; } #webcast.player_layout_secondary.full.slides #Webcast_Support_Data .slides, #webcast.player_layout_secondary.full.transcript #Webcast_Support_Data .transcript, #webcast.player_layout_secondary.full.geotags #Webcast_Support_Data .geotags, #webcast.player_layout_secondary.full.resources #Webcast_Support_Data .resources, #webcast.player_layout_secondary.full.polls #Webcast_Support_Data .polls, #webcast.player_layout_secondary.full.surveys #Webcast_Support_Data .surveys, #webcast.player_layout_secondary.full.livechat #Webcast_Support_Data .livechat, #webcast.player_layout_secondary.full.forums #Webcast_Support_Data .forums, #webcast.player_layout_secondary.full.speakers #Webcast_Support_Data .speakers, #webcast.player_layout_secondary.full.feedback #Webcast_Support_Data .feedback, #webcast.player_layout_secondary.full.vote_events #Webcast_Support_Data .vote_events { display: block; } /* webcast tabs end */ #webcast #map_canvas img, #webcast .presentation_carousel_container img { max-width:none; } #webcast .jcarousel-item-horizontal img { max-width: 120px; max-height: 90px; margin:auto} #webcast .jcarousel-item { width: 120px; height: 90px; position: relative; text-align:center} #webcast .jcarousel-skin-ie7 .jcarousel-item{ border-width: 2px; border-style: solid } #webcast .jcarousel-container-horizontal{ margin: auto; } #webcast div.geotag_infobox a { padding-left: 0; cursor: pointer; } .no-js #webcast div.geotag_infobox a { cursor: default; } #webcast #current_slide_holder,#webcast #map_container { height: 0; overflow: hidden; padding-bottom: 75%; position: relative; clear: both; box-sizing: content-box; /* set box sizing back so can use existing height/width ratio locked to container width */ } #webcast #current_slide,#webcast #map_canvas { height: 90%;left: 5%;position: absolute;top: 5%;width: 90%;} #webcast #map_marker_list ul {clear:both; font-size: 1.2em; list-style:none; margin-left:5%;margin-right:5%; padding-left:0; padding-right:0; padding-bottom: 3em} #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 .watch_btn {width: auto; /* BOOTSTRAP4-FIXcolor: #fff; float:right */} #webcast #map_marker_list .view_on_map{float:right; font-size:0.9em; position: relative; top:4px;display:inline-block; padding-right: 4px} #webcast #map_marker_list form {float:right} #webcast #current_slide img { max-width: 100%; max-height: 100%; position:absolute; top:0; left:0;} #webcast .jcarousel-item {display:table} #webcast .jcarousel-item a{display:table-cell;vertical-align: middle;height:100%;} #presentation_switcher {padding:1em; display:inline-block; width:50%} #large_slide_title { text-align: center; /* BOOTSTRA4-FIX padding:1em; display:inline-block; width:50% */} #auto_slide_switcher {padding:1em; float:right} #automatic_slide_mode {margin-left: 1em} .presentation_slide_thumb.selected, .presentation_slide_thumb.selected:hover {border:solid 2px #000} #highlighted_thumb_arrow {position:absolute;top:1px;left:1px; background-image: url(../images/newui/sprite.png) ;width:18px; height: 20px;background-position: -34px -397px} #prev_slide_link,#next_slide_link{cursor: pointer; width:31px; height: 66px; margin-top:-33px; position:absolute; top: 40%;background:url(../images/newui/sprite.png) no-repeat } #prev_slide_link {left:0; background-position: -0px -520px } #prev_slide_link:hover {background-position: -40px -520px } #next_slide_link {right:0; background-position: -80px -520px; } #next_slide_link:hover {background-position: -120px -520px } #no_slide_placeholder_manual{ margin-top: -53px; /*approx half the height of content (105px / 2)*/ } #no_slide_placeholder_auto {margin-top: -110px; /* half the height of content (220px / 2)*/ } #no_slide_placeholder_manual,#no_slide_placeholder_auto {text-align: center; /*then margin + padding to vertically align:*/ padding-top: 40%; /*half of the 80% height*/ width:100%;} #no_slide_placeholder_manual .img {margin:auto;background: url(../images/newui/sprite.png) -680px -320px;width:300px; height:55px} #no_slide_placeholder_auto .img {margin:auto;background: url(../images/newui/sprite.png) -760px -400px;width:217px; height:180px} #no_slide_placeholder_manual span,#no_slide_placeholder_auto span {height: 20px;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: 1.3em;position: relative;top: -1em;} /* new player - widget type view 10 - end */ #connect_delete_widget { margin-left: 2%; margin-right: 2%; padding: 0.67em 30px; position: relative; background: none repeat scroll 0 0 #EEEEEE; } #pi_widget_content_magic_rss_widget { padding:25px; } #pi_widget_content_magic_rss_widget .rss_icon { background: url(../images/newui/sprite.png) no-repeat -240px -360px; width: 20px; height: 20px; float:left; margin-left:10px; } #pi_widget_content_magic_rss_widget .rss_feed_url:hover .rss_icon { background: url(../images/newui/sprite.png) no-repeat -280px -360px; width: 20px; height: 20px; float:left; margin-left:10px; } #pi_widget_content_magic_rss_widget .rss_feed_generator legend { float:left; margin-right:20px; } #pi_widget_content_magic_rss_widget .rss_feed_intro{ font-weight:bold; } #pi_widget_content_magic_rss_widget p { font-size:1.1em; } #pi_widget_content_magic_rss_widget h3 { font-size:1.5em; } #pi_widget_content_magic_rss_widget .rss_feed_url { background-color:#EEE; padding-top:10px; padding-bottom:15px; margin-bottom:10px; border-radius: 0.4em 0.4em 0.4em 0.4em; -moz-border-radius: 0.4em 0.4em 0.4em 0.4em; -webkit-border-radius: 0.4em 0.4em 0.4em 0.4em; } #pi_widget_content_magic_rss_widget .editable { background-color:#FFF; } #pi_widget_content_magic_rss_widget .editable .forminfo { border-left: 1px solid #EEE; } #pi_widget_content_magic_rss_widget .editable .label { background-color:#EEE; padding:5px; border-radius: 0.4em 0.4em 0.4em 0.4em; -moz-border-radius: 0.4em 0.4em 0.4em 0.4em; -webkit-border-radius: 0.4em 0.4em 0.4em 0.4em; margin-right:10px; font-weight:normal; } #pi_widget_content_magic_rss_widget .formbottom input { color:#FFF; border:0px; border-radius: 0.8em 0.8em 0.8em 0.8em; -moz-border-radius: 0.8em 0.8em 0.8em 0.8em; -webkit-border-radius: 0.8em 0.8em 0.8em 0.8em; margin-left:45%; margin-right:45%; font-size:1.1em; font-weight:bold; padding:5px; } #pi_widget_content_magic_rss_widget .editable .checkbox label { margin-left:10px; clear:none; } /* 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; } .method_static_login .pi_widget .static_login .google_login_icon { background: url(../images/newui/sprite.png) -160px -400px; width: 16px; height: 16px; float:left; } .method_static_login .pi_widget .static_login .facebook_login_icon { background: url(../images/newui/sprite.png) -240px -400px; width: 16px; height: 16px; float:left; } .method_static_login .pi_widget .static_login .twitter_login_icon { background: url(../images/newui/sprite.png) -200px -400px; width: 16px; height: 16px; float:left; } .method_static_login .pi_widget .static_login .yahoo_login_icon { background: url(../images/newui/sprite.png) -280px -400px; width: 16px; height: 16px; float:left; } .method_static_login .pi_widget .static_login .openid_login_icon { background: url(../images/newui/sprite.png) -320px -400px; width: 16px; height: 16px; float:left; } .pi_widget #presentation_switcher_sel { max-width: 70%; } /* 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 , .pi_widget .cs_background_grad_flat { 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 , .ie9 .pi_widget .cs_background_grad_flat { 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; } .pi_widget.pi_widget_type_16 .pi_widget_body span.selected_tag a:not(.btn) , .pi_widget.pi_widget_type_16 .pi_widget_body span :not(.btn)a:active { color: #888888; background-color: transparent; } /* custom menu font light or dark */ .pi_widget .cs_menu_font_light_dark , .pi_widget a:not(.btn).cs_menu_font_light_dark { color: #FFFFFF; } /* DONT ADD ANY CSS BELOW HERE - THE DEFAULT VALUES FOR CUSTOM CSS SIT AT BOTTOM SO EASILY FOUND / COMPARED / KEPT IN SYNC */