<html lang="en" prefix="og: http://ogp.me/ns#"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta name="description" content=""> <meta name="author" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> <meta name="fragment" content="!">  <script type="text/javascript" src="Script/jquery-1.11.1.min.js"></script> <script src="../Script/common/core?v=B-18.0"></script> <link href="Content/select2-3.5.0/select2.css?v=B-18.0" rel="stylesheet" /> <link href="Script/jquery.jqplot/jquery.jqplot.min.css?v=B-18.0" rel="stylesheet" />  <link rel="stylesheet" href="Content/bootstrap-3.2.0/css/bootstrap.min.css?v=B-18.0"> <script type="text/javascript" src="Content/bootstrap-3.2.0/js/bootstrap.min.js"></script> <link rel="stylesheet" href="Content/siteCss?v=B-18.0"> <link rel="stylesheet" href="Content/externalLibCss?v=B-18.0"> <link rel="stylesheet" href="Content/home-new.css"> <link rel="stylesheet" href="Content/QnA.css">  <link rel="stylesheet" href="Content/video-new.css"> <link href="Content/font-awesome.css" rel="stylesheet" /> <link href="Content/rebranding.min.css?v=B-18.0" rel="stylesheet" /> <script src="Script/jquery.jqplot/jqplot?v=B-18.0"></script> <link rel="shortcut icon" href="Images/new-purple-iet-favicon.png" /> <link rel="stylesheet" href="Content/theme.default.css"> <script type="text/javascript" src="Script/common/jquery.tablesorter.js"></script> <script> var rootPath = location.href.split('?')[0] + '?'; </script>  <script src="Script/other/jquery/jquery.cookie.js"></script> <script src="ckeditor/ckeditor.js?v=B-18.0"></script> <script src="ckeditor/adapters/jquery.js?v=B-18.0"></script>  <script type="text/javascript" src="//cdn.bitmovin.com/player/web/8/bitmovinplayer.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bitmovin-player@8/bitmovinplayer.js"></script> <link rel="stylesheet" href="//cdn.bitmovin.com/player/web/8/bitmovinplayer-ui.css"> <script type="text/javascript" src="//cdn.bitmovin.com/player/web/8/bitmovinplayer-ui.js"></script>    <script src="Script/scriptcore?v=B-18.0"></script> <script src="Script/common/others?v=B-18.0"></script> <script src="Script/application/Breadcrumb/Breadcrumb.js?v=B-18.0"></script> <script src="Script/application/Storage/BrowserStorage.js?v=B-18.0"></script>  <script src="Script/application/Repository/repositories?v=B-18.0"></script>  <script src="Script/application/Model/models?v=B-18.0"></script> <script src="Script/common/routing?v=B-18.0"></script> <script src="Script/common/master?v=B-18.0"></script> <script src="Script/plupload/plupload.full.min.js?v=B-18.0"></script> <script src="Script/html5shiv.js"></script> <script src="Script/respond.js"></script> <script src="Script/common/Channels.js"></script> <script> function btnMore_onclick() { var a1_text = $('#promotionalLink').attr('href'); window.open(a1_text, '_blank'); } var hubURL = WebService.SignalRHubUrl; if (!WebService.DisableChat) { $.ajax({ url: 'Script/jquery.signalR-2.1.2.min.js', async: false, dataType: "script", success: function (jsonData) { } }); $.ajax({ url: hubURL, async: false, dataType: "script", success: function (jsonData) { $.ajax({ url: 'Script/application/Model/QnA.js', async: false, dataType: "script", success: function (jsonData) { } }); } }); $.ajax({ url: 'Script/application/Repository/QnARepository.js', async: false, dataType: "script", success: function (jsonData) { } }); } /*Added By Jayesh AMS Migration 19 - 03 - 2024 - Start*/ (function () { var _toString = Date.prototype.toString; Date.prototype.toString = function (c) { var a = this, b = function (a) { return a.toString().length == 1 ? "0" + a : a; }; return typeof c === 'string' ? c.replace(/dd?d?d?|MM?M?M?|yy?y?y?|hh?|HH?|mm?|ss?|tt?|zz?z?/g, function (c) { switch (c) { case "hh": return b(a.getHours() < 13 ? a.getHours() : a.getHours() - 12); case "h": return a.getHours() < 13 ? a.getHours() : a.getHours() - 12; case "HH": return b(a.getHours()); case "H": return a.getHours(); case "mm": return b(a.getMinutes()); case "m": return a.getMinutes(); case "ss": return b(a.getSeconds()); case "s": return a.getSeconds(); case "yyyy": return a.getFullYear(); case "yy": return a.getFullYear().toString().substring(2, 4); case "dddd": return a.getDayName(); case "ddd": return a.getDayName(true); case "dd": return b(a.getDate()); case "d": return a.getDate().toString(); case "MMMM": return a.getMonthName(); case "MMM": return a.getMonthName(true); case "MM": return b(a.getMonth() + 1); case "M": return a.getMonth() + 1; case "t": return a.getHours() < 12 ? Date.CultureInfo.amDesignator.substring(0, 1) : Date.CultureInfo.pmDesignator.substring(0, 1); case "tt": return a.getHours() < 12 ? Date.CultureInfo.amDesignator : Date.CultureInfo.pmDesignator; case "zzz": case "zz": case "z": return "" } }) : _toString.call(this); }; })(); /*Added By Jayesh - END*/ </script>  <script type="text/javascript"> var objRouteProviderHistory = new RouteProviderHistory(); objRouteProviderHistory.HistoryAdapterBind(); function RouteProviderHistoryPushExternalUrl(routeName, externalUrl) { objRouteProviderHistory.HistoryPushExternalUrl(routeName, externalUrl); } function GetGlobalHeaderFooter() { localStorage.setItem("FormName", "Index"); var objGlobalAssetsRepository = new GlobalAssetsRepository(); objGlobalAssetsRepository.GetHeaderAndFooter(); } $(document).ready(function (e) { GetGlobalHeaderFooter(); $('.search-panel li').click(function (e) { e.preventDefault(); $('.search-panel button').html($(this).text() + '<svg version="1.1" class="searchArrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16.8 21" xml:space="preserve"><path id="Master_arrow_small" d="M2.2,10.4L6.8,15V0H10v15l4.6-4.6l2.2,2.2L8.4,21L0,12.6L2.2,10.4z" /></svg>'); $('#Mobile-btn').html($(this).text() + '<svg version="1.1" class="searchArrowMob" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16.8 21" xml:space="preserve"><path id="Master_arrow_small" d="M2.2,10.4L6.8,15V0H10v15l4.6-4.6l2.2,2.2L8.4,21L0,12.6L2.2,10.4z" /></svg>'); $('.input-group #search_param').val($(this).text()); $('.input-group #search_param_mobile').val($(this).text()); }); function getheight(caption) { /*function to vertical align text in overlay video*/ //Commented below line to set different bgcolor for caption caption.css("display", "block"); var caption_height = caption.find("div.video_caption").height(); if (caption_height > 85) { caption_height == 85; } caption_height = caption_height / 2; caption_height = -caption_height; caption.find("div.video_caption").css("margin-top", caption_height); //Commented below line to set different bgcolor for caption caption.css("display", "none"); } if (!(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))) { $('body').on({ mouseenter: function () { getheight($(this).find('.caption')); $(this).find('.caption').slideDown(500); }, mouseleave: function () { $(this).find('.caption').slideUp(500); } }, '.box'); } }); </script> <link rel="stylesheet" href="Content/siteMediaCss?v=B-18.0">  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-N9QX7R7W');</script>  </head> <body class="cbp-spmenu-push sky" style="overflow-x: hidden;">  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N9QX7R7W" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <div id="cookie-list"></div>   <div id="mobile-menu-body-overlay" class=""></div> <div class="alert alert-danger alert_notifiction" style="display: none" id="NotificationDiv"> <a href="#" id="CloseNotification" class="close" style="color: #000; font-weight: bolder" data-dismiss="alert" onclick="return CloseNotification();">×</a> <span id="spnNotificationTxt" class="black_color"></span> <div style="display: inline-block;"> <button class="btn btn-green" style="margin-right: 10px;" id="btnSubsRenew" onclick="return RenewSubscription();">Renew</button> <button class="btn btn-green" style="margin-right: 10px;" id="BtnSendMeDetails" onclick="return SendNotificationDetails();">Please send me details</button> </div> </div> <div class="wrapper clearfix">   <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1"> <div class="access-provided-container-mobile display-none"><span class="display-none" id="access-provided-by-mobile">Access provided by </span><span class="display-none" id="account-name-mobile"></span> <img src="" class="institution-logo-mobile display-none" id="institutionLogoMobile" /></div> <div class="mobile-menu-container sideMenuAccordoin"> <a href="#" class="menu-header-1 collapsed no-arrow" data-toggle="collapse" data-parent=".sideMenuAccordoin" id="message_mobile"> Welcome </a> <a onclick="javascript:RouteProviderHistoryPushExternalUrl('login', 'view/LoginNew.html');" class="accordion-toggle menu-header-1 collapsed no-arrow" data-parent=".sideMenuAccordoin" id="message_mobileOffLine" style="padding:12.5px;">Please log in</a> <a href="#myAccountsAccordoinMobile" class="accordion-toggle menu-header-1 collapsed" style="display: none" data-toggle="collapse" data-parent=".sideMenuAccordoin" id="accountLi_mobile"> My IET </a> <div class="panel-group sideMenuAccordoin"> <div class="panel panel-default"> <div class="panel-collapse collapse menu-submenu" id="myAccountsAccordoinMobile"> <a class="list-group-item custom_pointer" style="display: none" id="MySubscription_mobile" data-routename='mySubscription'>My IET TV</a> <a class="list-group-item custom_pointer" style="display: none" id="UserManagement_mobile" data-routename='UserManagement'>User Management</a> <a class="list-group-item custom_pointer" style="display: none" id="UserGeneratedContent_mobile" data-routename='userGeneratedContent'>User Generated Content</a> <a class="list-group-item custom_pointer" style="display: none" id="ChangePassword_mobile" data-routename='changePassword'>Change Password</a> <a class="list-group-item custom_pointer" style="display: none" id="loggedInAsDifferentUser_mobile" data-routename='loggedInAsDifferentUser'>Login as different user</a> <a id="MyClips" role="menuitem" tabindex="-1" class="list-group-item custom_pointer myclipsMenu" data-routename='MyClips'>My Clips</a> <a href="#" data-routename='logout' class="list-group-item custom_pointer" style="display: none" id="logout_mobile">Logout</a> </div> </div> </div> <a id="BuyChannels_mobile" data-routename='buySubscription' class="accordion-toggle menu-header-1 collapsed no-arrow" data-toggle="collapse" data-parent=".sideMenuAccordoin"> Buy Channels </a> <a href="#divMobileChannel" class="accordion-toggle menu-header-1 collapsed" data-toggle="collapse" data-parent=".sideMenuAccordoin" id="channels"> Channels </a> <div class="panel-group sideMenuAccordoin"> <div class="panel panel-default sideMenuAccordoinChannelMenu"> <div class="panel-collapse collapse menu-submenu divMobileChannel" id="divMobileChannel"> </div> </div> </div> <div class="panel-group sideMenuAccordoin"> <div class="panel panel-default sideMenuAccordoinChannelMenu"> <div class="panel-collapse collapse menu-submenu" id="divMobileHelp"> <a href="#Helpcategory1" class="accordion-toggle menu-header-2 collapsed" data-toggle="collapse" data-parent=".sideMenuAccordoinChannelMenu" id="HelpCategory">IET tv Help</a> <div class="panel-group sideMenuAccordoinChannelMenu"> <div class="panel panel-default"> <div class="panel-collapse menu-submenu collapse " id="Helpcategory1"> </div> </div> </div> <a href="#Helpcategory2" class="accordion-toggle menu-header-2 collapsed" data-toggle="collapse" data-parent=".sideMenuAccordoinChannelMenu" id="HelpAccount">Account Types</a> <div class="panel-group sideMenuAccordoinChannelMenu"> <div class="panel panel-default"> <div class="panel-collapse menu-submenu collapse " id="Helpcategory2"> </div> </div> </div> </div> </div> </div> <div class="panel-group sideMenuAccordoin"> <div class="panel panel-default"> <div class="panel-collapse collapse menu-submenu" id="divMobile-Services"> </div> </div> </div> </div> </nav>   <div class="navbar navbar-inverse navbar-top no-margin visible-md visible-lg" role="navigation"> <div class="container main-container no-padding"> <div class="col-lg-12 top_nav_master no-padding"> <div class="top_nav_master_float_left globalHeader"> </div> <div class="float-right"> <form name="logout" class="top_nav_master_responsive_hide"> <ul data-brackets-id='656' class="nav navbar-nav"> <li class="access-provided-container display-none" style="border-right:0px;"><span class="display-none access-provided-text" id="access-provided-by-desktop">Access provided by </span><span class="display-none" id="account-name-desktop"></span><img src="" class="institution-logo-Desktop display-none" id="institutionLogoDesktop" /></li> <li id="BuySubscription" style="border-right:0px;"> <a role="menuitem" tabindex="-1" data-routename='buySubscription' style="display: block;" class="custom_pointer height-44">Buy Channels</a> </li> <li id="IPLoginUser" style="border-right:0px;display: none;"> <a role="menuitem" tabindex="-1" data-routename='additionalLogin' class="custom_pointer height-44">Login for Advanced Features</a> </li> <li class="noDivider p-0 bg-customDropdown"> <div id="login" class="welcome"> <i> Welcome</i><br /> <a class="custom_pointer" onclick="javascript:RouteProviderHistoryPushExternalUrl('login', 'view/LoginNew.html');">Please log in</a> </div> <div class="dropdown customDrop CustomDropnew"> <a id="message" href="#" title="" style="background-color: transparent !important; margin-bottom: -10px;" data-toggle="dropdown" class="welcomeMsg noDivider"></a> <br /> <button class="btn dropdown-toggle" id="accountLi" style="display:none; text-align:left; padding:0" type="button" data-toggle="dropdown"> My IET <svg version="1.1" id="loginDropdown" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16.8 21" xml:space="preserve"> <path id="Master_arrow_small" d="M2.2,10.4L6.8,15V0H10v15l4.6-4.6l2.2,2.2L8.4,21L0,12.6L2.2,10.4z" /> </svg> </button> <ul class="dropdown-menu top-menu-dropdown-margin" role="menu" aria-labelledby="dropdownMenu1"> <li role="presentation" class="li_overrride" id="MySubscription"> <a role="menuitem" tabindex="-1" class="custom_pointer" data-routename='mySubscription'>My IET TV</a> </li> <li role="presentation" class="li_overrride" id="DownloadMARCRecord"> <a role="menuitem" tabindex="-1" class="custom_pointer" data-routename='MARCRecord'>MARC Records</a> </li> <li role="presentation" class="li_overrride " id="CorpReport"> <a role="menuitem" tabindex="-1" class="custom_pointer" data-routename='userAccessReport'>Access Report Dashboard</a> </li> <li role="presentation" class="li_overrride" id="UserManagememt"> <a role="menuitem" tabindex="-1" class="custom_pointer" data-routename='UserManagement'>User Management</a> </li> <li role="presentation" class="li_overrride" id="UserGeneratedContent"> <a role="menuitem" tabindex="-1" class="custom_pointer" data-routename='userGeneratedContent'>User Generated Content</a> </li> <li role="presentation" class="li_overrride " id="VideoRequest"> <a role="menuitem" tabindex="-1" class="custom_pointer" data-routename='VideoRequest'>Video Request</a> </li>  <li role="presentation" class="li_overrride myclipsMenu" id="MyClips"> <a role="menuitem" tabindex="-1" class="custom_pointer" data-routename='MyClips'>My Clips</a> </li> <li id="loggedInAsDifferentUser" class="li_overrride"> <a id="anchorLoggedInAsDifferentUser" class="custom_pointer" data-routename='loggedInAsDifferentUser'>Login as different user</a> </li> <li id="ChangePassword" class="li_overrride"> <a class="custom_pointer" data-routename='changePassword'>Change Password</a> </li> <li id="logout" class="li_overrride"> <a class="custom_pointer" id="anchorLogout" data-routename='logout'>Logout</a> </li> </ul> </div> </li> <li> <span class="login-icon"> <img src="Images/IET_Icon_Person_RGB.svg" class="person-icon-style" /> </span> </li> </ul> </form> </div> </div> </div> </div>   <div id="loginWelcomeMessage" class="modal fade"> <div class="modal-dialog modal-dialog-prompt">  <div class="modal-content" style="border-radius: 0px;border: 5px solid rgba(0,0,0,0.6);"> <div class="modal-header" style="border-bottom: 0px"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h2 class="modal-title modal_h2"> <b>Welcome to iet.tv</b>    </h2> <h4 class="modal_h4"></h4> </div> <div class="modal-body"> <div id="message_head" style="font-weight: bold; font-size: 17px;"></div> <br id="brk" /> <p id="welcome_notification"></p> </div> <div class="modal-footer" style="border-top: 0px"> <div style="float: left" class=""> <button type="button" class="btn btn1 btn-success ok_btn_size" data-dismiss="modal">OK</button>    <button type="button" id="btn_access_details" class="btn btn1 btn-default ok_btn_size" data-routename="mySubscription" data-dismiss="modal">Access Details</button>     <button type="button" id="btn_help" class="btn btn1 btn-default ok_btn_size">Help</button> </div> </div> </div>  </div> </div> <div id="div_emergency" class="modal fade" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog modal-dialog-prompt">  <div class="modal-content" style="border-radius: 0px;border: 5px solid rgba(0,0,0,0.6);"> <div class="modal-header" style="border-bottom: 0px"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <img class="modal_image emergencyLogo" style="float: left; height: 30px;width: 30px;margin-right: 10px;"> <div class="div_emergencytitle" style="font-weight: bold; font-size: 17px;word-wrap:break-word"></div> </div> <div class="modal-body"> <p> <span class="spn_emergencytext" style="word-wrap:break-word"></span></p> </div> <div class="modal-footer" style="border-top: 0px"> <div class="text-center"> <button type="button" class="btn btn1 btn-success ok_btn_size " data-dismiss="modal">OK</button>    </div> </div> </div>  </div> </div> <div id="div_Promotional" class="modal fade" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog modal-dialog-prompt"> <div class="modal-content" style="border-radius: 0px;border: 5px solid rgba(0,0,0,0.6);"> <div class="modal-header" style="border-bottom: 0px"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <div class="div_promotionaltitle" style="font-weight: bold; font-size: 17px;word-wrap:break-word">Rave Technology</div> </div> <div class="modal-body" style="text-align:center"> <a id="promotionalLink" target="_blank"> <img class="img-responsive promotionalModelImage" src="" style="margin: auto;"> </a> </div> <div class="modal-footer" style="border-top: 0px"> <div class="text-center"> <button type="button" onclick="btnMore_onclick();" class="btn btn1 btn-success ok_btn_size ">More...</button> </div> </div> </div> </div> </div>   <div id="modalRedirect" class="modal fade"> <div class="modal-dialog modal-dialog-prompt"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Confirmation</h4> </div> <div class="modal-body redirect-text "> <p> Do you wish to be redirected to our website </p> </div> <div class="modal-footer text-center" style="padding: 15px 0px;"> <button type="button" class="btn btn-default top-margin-10" data-dismiss="modal">Continue to IETTV.com</button> <button type="button" class="btn btn-primary top-margin-10 redirect-margin" id="btnRedirect">Redirect to abc.com</button> </div> </div> </div> </div>   <div class="bc-black visible-md visible-lg noselect"> <div class="logo-section main-container"> <span class="helper col-md-4 padding-left-0"> <a class="custom_pointer" data-hasIndex="true" data-innerroutename="landing"> <img src="Images/IET_Logo_Orange_Dark Background_RGB.svg" class="" style="margin-top:16px;"> </a> </span>  <span id="oas_Top_new" class="helper float-right col-md-8"> <div> <div> <ul class="nav navbar-nav navbar-right"> <li style="color:#ffffff;font-size:20px;font-weight:bold;"><span>iet.tv</span></li> </ul> </div> </div> </span> </div> </div> <div class="bg-search-section visible-md visible-lg noselect"> <div class="logo-section main-container" id="searchbar" style="display: block;padding-top: 2.5em;"> <div class="row"> <div class="search-box"> <div class="input-group col-md-9 col-lg-9"> <div class="input-group-btn search-panel"> <button type="button" id="Search_button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <span id="Span1">All Categories</span> </button> <ul class="dropdown-menu dropdown-menu-ul" id="searchDorpdown" role="menu"> <li><a href="#">All Categories</a></li> <li><a href="#">Speaker</a></li> <li><a href="#">Date</a></li> <li><a href="#">Video Number</a></li> <li><a href="#">CPD</a></li> </ul> </div> <input type="hidden" name="search_param" value="all" id="search_param"> <input type="text" class="form-control" id="searchtextbox" name="x" placeholder="Search" autocomplete="off"> <span class="input-group-btn"> <button class="btn btn-default" type="button" id="btnSearchNew" data-hasIndex="true" data-videotype="" data-innerroutename="landscapesearchResult"><span id="searchicon" class="glyphicon glyphicon-search"></span></button> </span> </div> <div class="" id="SearchToggle" style="margin-left:20px;"> <div class="onoffswitch"> <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="chkSearch"> <label class="onoffswitch-label" for="chkSearch"> <span class="onoffswitch-inner"></span> <span class="onoffswitch-switch"></span> </label> </div> </div> </div> </div> </div> </div>   <nav class="navbar navbar-inverse navbar-default no-margin visible-sm visible-xs" role="navigation">    <div class=" header mobile-header main-container visible-sm visible-xs"> <ul class="nav navbar-nav navbar-left col-lg-3 col-xs-3 menu_opener no-padding"> <li style="width: 100%;" class="text-center" id="showLeftPush"> <a class="margin-menu-icon pull-left custom_pointer"> <i class="padding-right-15-responsive fa fa-bars fa-1_5x fc-white"></i><span class="fs-16 menu-text-mobile">Menu</span> </a> </li> </ul> <ul class="nav navbar-nav col-lg-3 col-xs-2 pull-right no-padding" id="VideoToolsMob"> <li class="text-center" style="width: 100%"> <a data-toggle="collapse" data-parent=".headerAccordion" id="video_mobile" href="#divVideoToolsMobile"><i class="fa fa-th fa-1_5x fc-white padding-right-15-responsive"></i></a> </li> </ul> <ul class="nav navbar-nav col-lg-3 col-xs-1 pull-right no-padding" id="SearchBarMob"> <li class="text-center" style="width: 100%"> <a data-toggle="collapse" data-parent=".headerAccordion" id="search_mobile" href="#divSearchMobile"><i class="fa fa-search fa-1_5x fc-white padding-right-15-responsive"></i><span class="fs-16"></span></a> </li> </ul> <div class="col-lg-3 col-xs-6 text-center no-padding"> <img src="Images/IET_Logo_Orange_Dark Background_RGB.svg" data-hasindex="true" data-innerroutename="landing" class="img-center img-responsive cursor-pointer logo-mobile"> </div> </div>  </nav>   <div class="bc-ow"> <div class="bc-ow channel-container">  <div class="panel-group headerAccordion visible-md visible-lg"> <div class="panel panel-default bc-channel"> <div id="divChannel" class="panel-collapse collapse menu-container--"> <nav class="navbar navbar-inverse navbar-default no-margin" role="navigation">  <div class="with-nav-tabs panel-default" style="border-bottom: 1px solid #383838;/* margin-top: 44px; */position: absolute;width: 100%;background-color: #2f2f2f;"> <div class="header main-container visible-md visible-lg"> <ul class="nav navbar-nav navbar-left" id="CategoryMenu"></ul> </div> </div> <div class="panel-body" style="background-color: #3d3d3d;padding-bottom: 0px;padding-top: 11px;"> <div id="ChannelMenu" class="tab-content main-container channel-lists"> </div> </div> </nav> </div> </div> </div>  <div class="panel-group headerAccordion visible-sm visible-xs"> <div class="panel panel-default"> <div id="divSearchMobile" class="panel-collapse collapse"> <div class="panel-body" style="background-color:#2f2f2f;"> <div class="input-group col-md-9 col-lg-9 col-sm-10 col-xs-8"> <div class="input-group-btn search-panel search-panel1"> <button type="button" id="Mobile-btn" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="min-width: 100px"> <span id="search_concept">All Categories</span> <span class="caret" style="float: right; border-top-color: #000; margin-top: 9px;"></span> </button> <ul class="dropdown-menu dropdown-menu-ul" role="menu" id="searchDorpdownMobile"> <li><a href="#">All categories</a></li> <li><a href="#">Speaker</a></li> <li><a href="#">Date</a></li> <li><a href="#">Video Number</a></li> <li><a href="#">CPD</a></li> </ul> </div> <input type="hidden" name="search_param" value="all" id="search_param_mobile"> <input type="text" class="form-control" id="mobsearchtxtbox" name="x" placeholder="Search"> <span class="input-group-btn"> <button class="btn btn-default" data-innerroutename="potraitsearchResult" id="btnSearchNewMob" style="padding: 9px 9px 9px 9px;" data-hasIndex="true" data-videotype="" type="button"><span id="mobsearchicon" class="glyphicon glyphicon-search"></span></button> </span> </div> <div class="col-md-3 col-lg-3 col-sm-2 col-xs-4" id="searchToggleMob"> <div class="onoffswitch"> <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="chkSearchMob"> <label class="onoffswitch-label" for="chkSearchMob"> <span class="onoffswitch-inner"></span> <span class="onoffswitch-switch"></span> </label> </div> </div> </div> </div> <div id="divVideoToolsMobile" class="panel-collapse collapse"> <div class="panel-body nopadding" style="background-color:#2f2f2f;"> <ul class="list-group margin-md-0"> <li class="list-group-item transcript transcript-icon hidden transcript-toggle" id="transcript-img">Transcript</li> <li class="list-group-item" data-toggle="modal" data-target="#embed">Embed</li> <li class="list-group-item share-img-icon disabledbutton">Share</li> <li class="list-group-item myclips disabledbutton">My Clips</li> <li class="list-group-item qna-icon">Poll</li> <li class="list-group-item poll-icon">QnA</li> </ul> </div> </div> </div> </div>  </div> </div>  <div class="overlay" style="display: none;"></div> <div class="clearfix"></div> <div class="container no-margin outer_container clearfix" style="padding-left: 0;padding-right: 0;"> <div class="overlaySpinner clearfix" style="display: none;" id="overlaySpinner"> <div class="loadingmsg" id="loading"> <img src="Images/img_loader.gif" class="overlaySpinnerImage" /> </div> </div> <div id="viewContent" class="clearfix"></div> </div>  </div>  <div id="tempDivAboveFooter"></div> <div class="overlaySpinner clearfix" style="display: none;" id="divChanneloverlaySpinner"> <div class="loadingmsg" id="loading"> <img src="Images/img_loader.gif" class="overlaySpinnerImage" /> </div> </div> <div class="footer1 clearfix"> <div class="footer-channel main-container" id="ChannelFooter"> <p id="footerCategory" class="row">Categories</p> <div class="row margin-md-0 channel-row" id="NewChannelDiv"> </div> </div> </div> <div class="footer clearfix"> <div class="bc-black"> <div class="footer-div-color"> <div class="container-fluid main-container lg_footer">  <div class="margin-bottom-10" style="padding-left:5px"> <div class=""> <h4 class="heading"> Follow iet.tv </h4> <ul class="footer_new" style="margin: 0px;padding: 0px;"> <li> <a href="https://www.facebook.com/TheInstitutionofEngineeringandTechnology" target="_blank" title="Facebook icon"><img src="Images/Facebook.svg" title="Facebook icon" alt="Facebook icon" class="social-icons"></a> </li> <li> <a href="https://twitter.com/IETtv" target="_blank" title="Twitter icon"><img src="Images/TwitterNew.svg" title="Twitter icon" alt="Twitter icon" class="social-icons"></a> </li> <li> <a href="https://www.linkedin.com/company/iet-tv/" target="_blank" title="LinkedIn icon"><img src="Images/LinkedIn.svg" title="LinkedIn icon" alt="LinkedIn icon" class="social-icons"></a> </li> <li> <a href="https://www.youtube.com/channel/UCn8dC4EdRfJo5sH9A7zu2yw" target="_blank" title="YouTube icon"><img src="Images/Youtube.svg" title="YouTube icon" alt="YouTube icon" class="social-icons"></a> </li> </ul> <div id="footerback-to-top" class="footer_main_tp_R"> <span> <a href="#" style="text-decoration:none;" title="Click to Go Top"><p class="hidden-below-500 back">Back to </p><p style="padding-left: 5px;" class="back">top</p></a> </span> </div> </div> </div> </div> </div>   <div class="row slideToggle footerLinksCont main-container content-div-height"> <div class="col-md-3 col-sm-3 col-xs-6 outer-height"> <h4 style="color:white;">iet.tv help</h4> <ul> <li><a data-innerroutename="services" data-pagename="HInstitution" data-hasindex="true" class="custom_pointer">For institutions</a></li> <li><a data-innerroutename="services" data-pagename="HCorporate" data-hasindex="true" class="custom_pointer">For corporates</a></li> <li><a data-innerroutename="services" data-pagename="Delegate / Speaker access code" data-hasindex="true" class="custom_pointer">Delegate/speaker access codes</a></li> <li><a data-innerroutename="services" data-pagename="Forgot Password" data-hasindex="true" class="custom_pointer">Forgot password</a></li> </ul> </div> <div class="col-md-3 col-sm-3 col-xs-6 outer-height"> <h4 style="color:white;">About iet.tv</h4> <ul> <li><a href="https://www.theiet.org/publishing/iettv" target="_blank" title="About us" class="custom_pointer">About us</a></li> <li><a href="https://www.theiet.org/publishing/iettv/support/" target="_blank" title="Additional information" class="custom_pointer">Additional information</a></li> <li><a data-innerroutename="services" data-pagename="Contact" data-hasindex="true" class="custom_pointer">Contact us</a></li> <li><a data-innerroutename="services" data-pagename="Contact" data-hasindex="true" class="custom_pointer">Contact subscription sales</a></li> </ul> </div> <div class="col-md-3 col-sm-3 col-xs-6 margin-bottom-10 outer-height"> <h4 style="color:white;">Related sites</h4> <ul> <li><a href="https://www.youtube.com/user/theiet" target="_blank" title="IET on YouTube">IET on YouTube</a></li> <li><a href="https://digital-library.theiet.org/" target="_blank" title="IET Digital Library">IET Digital Library</a></li> <li><a href="https://events.theiet.org/" target="_blank" title="IET Events">IET Events</a></li> <li><a href="https://education.theiet.org/" target="_blank" title="IET Education">IET Education</a></li> </ul> </div> </div> </div> </div> <footer class="m-footer universal-footer"> </footer>  <link rel="stylesheet" type="text/css" href="Content/contentMobileCss?v=B-18.0" /> <script src="Script/jqueryUI?v=B-18.0"></script> <script src="js/modernizr.custom.js"></script> <script src="js/classie.js"></script> <script src="Script/paging.js"></script> <script> var menuLeft = document.getElementById('cbp-spmenu-s1'), showLeftPush = document.getElementById('showLeftPush'), body = document.body; showLeftPush.onclick = function () { classie.toggle(this, 'active'); classie.toggle(body, 'cbp-spmenu-push-toright'); classie.toggle(menuLeft, 'cbp-spmenu-open'); setTimeout(function () { $('#mobile-menu-body-overlay').toggleClass('mobile-menu-body-overlay-class'); }, 500); }; $('#divVideoToolsMobile ul li.list-group-item').on('click touch', function () { if ($("#divVideoToolsMobile").hasClass('in')) { $('#divVideoToolsMobile').removeClass('in').css('height', '0px'); }; }); </script>   <div id="viewBioPrompt" class="modal fade"> <div class="modal-dialog modal-dialog-prompt"> <div class="modal-content" style="border-radius: 0px"> <div class="modal-header" style="border-bottom: 0px; padding: 0px;"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body "> <div class="float-left"> <img id="speaker_image" class="modal-viewBio-img-size modal-viewBio-padding "> </div> <div class="modal-viewBio-text float-left"> <div> <p class="modal-viewBio-nameSize" id="spkr_name"></p> </div> <div> <p class="modal-viewBio-bold" id="spkr_jobtitle"></p> </div> <div> <p class="modal-viewBio-bold" id="spkr_company_name"></p> </div> <div> <p id="spkr_affiliations"></p> </div> </div> <div class=" modal-viewBio-max-width clear-both" style="padding-top: 10px;"> <div id="spkr_biography"></div> </div> </div> <div class="modal-footer modal-viewBio-footer"> <button type="button" class="btn btn-default " data-dismiss="modal">Close</button> </div> </div> </div> </div>  <iframe id="shib_Logout_Frame" src="" style="display:none" title="SP Logout"></iframe> </body> <script type="text/javascript"> function OpenServiceWindow(topic) { var path = "view/Services.html?topic=" + topic; window.open(path, "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=100, left=500, width=600, height=500"); } $(document).ready(function () { $('body').tooltip({ selector: 'a[data-toggle="tooltip"]', container: 'body', style: 'z-index:9999;' }); //document.getElementById("currentYear").innerHTML = new Date().getFullYear(); $("#navbar-collapsible").on('click', '.channel-btn-desktop a[data-toggle="collapse"]', function (e) { $(".channel-lists .tab-pane").removeClass("active"); $('.with-nav-tabs ul li.channel-btn-desktop a').find('i.fa.fa-grey').removeClass('fa-chevron-up').addClass('fa-chevron-down'); }); $(".with-nav-tabs").on('click', 'ul li.channel-btn-desktop a[data-toggle="tab"]', function (e) { var hrefVal = $(this).attr('href'); $('.with-nav-tabs ul li.channel-btn-desktop a').find('i.fa.fa-grey').removeClass('fa-chevron-up').addClass('fa-chevron-down'); $(this).find('i.fa.fa-grey').removeClass('fa-chevron-down').addClass('fa-chevron-up') if ($(hrefVal).hasClass('active')) { $(this).find('i.fa.fa-grey').removeClass('fa-chevron-up').addClass('fa-chevron-down'); } else { $(".channel-lists .tab-pane").removeClass("active"); } $(hrefVal).toggleClass('active'); }); if (!IsNullOrEmpty(sessionStorage.getItem("LogonId"))) { if (sessionStorage.getItem("IsIPLogin") == null || sessionStorage.getItem("IsIPLogin") == "false") { $(".myclipsMenu").show(); } else { $(".myclipsMenu").hide(); } } else { $(".myclipsMenu").hide(); } }); </script> <script type="text/javascript" src="Script/common/hello.all.js"></script> <script type="text/javascript" src="Script/common/aadb2c.js"></script> <script type="text/javascript" src="Script/common/hello.init.js"></script> <script type="text/javascript"> $(document).ready(function () { if (getCookie("IET_SSO_Cookie") == "1" && sessionStorage.getItem('token_email') == null) { //this session storage is set it here to fix video not found issue becuase when video route came back from sso it will not have redirect from session storage value. sessionStorage.setItem("RedirectFromBeforeSSO", window.location.href); if (localStorage.getItem('token_email') !== null && localStorage.getItem('token_email') !== "") { document.cookie = "IET_SSO_Cookie=0"; } else { policyLogin(helloNetwork.adB2CSignInSignUp, loginDisplayType.Page); } } else if (getCookie("IET_SSO_Cookie") == "0" && sessionStorage.getItem('token_email') != null) { CloseMobileMenu(); ClearSearchField(); this.LoginRepository = new LoginRepository(); this.MessageViewModel = new MessageViewModel(); var _this = this; var object = { Data: { "user": { LogonId: BrowserStorage.getLogonId() } } }; if (!IsNullOrEmpty(object.Data.user.LogonId)) { _this.LoginRepository.logOut(object.Data, rootPath + Application.Root.BaseURL); } else { location.href = Application.Login.BaseURL; } } else {} }); function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } </script> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=1039466410" async></script></html>

CINXE.COM