Get the Latest Developer News | Microsoft Developer Newsletter

<!DOCTYPE html> <html dir="ltr" lang="en" data-amd-enabled="true" xmlns="http://www.w3.org/1999/xhtml"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://msdn.microsoft.com/en-us/flashnewsletter","20190419093240","https://web.archive.org/","web","/_static/", "1555666360"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <link rel="canonical" href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/en-us/flashnewsletter.aspx"/> <title>Get the Latest Developer News | Microsoft Developer Newsletter</title> <meta name="DCS.dcsuri" content="/en-us/mt842671(d=default,l=en-us,v=msdn.10).aspx"/> <meta name="MN" content="862D10D9-9:32:40 AM"/> <meta name="ms.assetid" content="b2c00ec8-48f6-4e9b-a769-bb4329b9b5f5"/> <meta name="ms.auth" content="0"/> <meta name="ms.contentlang" content="EN"/> <meta name="ms.lang" content="EN"/> <meta name="ms.loc" content="US"/> <meta name="ms.locale" content="en-us"/> <meta name="ms.normalizedurl" content="https://msdn.microsoft.com/en-us/mt842671(d=default,l=en-us,v=msdn.10).aspx"/> <meta name="ms.prodver" content="MSDN.10"/> <meta name="ms.shortidmsdn" content="mt842671"/> <meta name="ms.sitever" content="2018.10.30.1"/> <meta name="NormalizedUrl" content="https://msdn.microsoft.com/en-us/mt842671(d=default,l=en-us,v=msdn.10).aspx"/> <meta name="search.content.locale" content="en-us"/> <meta name="search.content.shortId" content="mt842671"/> <meta name="Search.MSCategory" content="dn305830"/> <meta name="Search.ShortId" content="mt842671"/> <meta name="Search.TocNodeId" content="dn305830"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="VotingContextUrl" content="https://msdn.microsoft.com/en-us/mt842671(d=default,l=en-us,v=msdn.10).aspx"/> <meta http-equiv="content-language" content="en"/> <script type="text/javascript" data-do-not-move="true"> //<![CDATA[ var AmbientContext = null; (function () { var root = (function () { return this; }).call(null); var GetCookie = function (name) { var cookies = root.document.cookie ? root.document.cookie.split('; ') : []; for (var i = 0; i < cookies.length; i++) { var pos = cookies[i].indexOf('='); if (name === root.decodeURIComponent(cookies[i].slice(0, pos))) { var cookie = cookies[i].slice(pos + 1).replace(/\+/g, ' '); cookie = root.decodeURIComponent(cookie); return cookie; } } }; var JsonDeserialize = function (content) { return root.JSON && root.JSON.parse ? root.JSON.parse(content) : (new Function('return (' + content + ')'))(); }; try { AmbientContext = GetCookie('AmbientContext'); AmbientContext = AmbientContext && JsonDeserialize(AmbientContext); } catch (ex) { } finally { AmbientContext = AmbientContext || null; } })(); //]]> </script> <script type="text/javascript" data-do-not-move="true"> //<![CDATA[ window.appInsightsId = 'f1505ffb-5942-4877-9717-de45ab5d843b'; //]]> </script> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20190419093240cs_/https://uhf.microsoft.com/mscc/statics/mscc-0.4.1.min.css"/><link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20190419093240cs_/https://i-msdn.sec.s-msft.com/Combined.css?resources=0:Reset,0:Layout,1:ImageSprite,1:MsdnLayout,2:jquery-ui-1.10.3.custom,3:Header,3:HeaderFooterSprite,3:Header.MediaQueries,4:Banner.MediaQueries,2:Breadcrumbs,1:Breadcrumbs,5:NoTemplate,3:Footer,3:Footer.MediaQueries,5:NewFooterSock,5:NewFooterSock.MediaQueries,5:LinkList;/Areas/Centers/Themes/Base/Content:0,/Areas/Centers/Themes/MsdnBase/Content:1,/Areas/Epx/Content/Css:2,/Areas/Centers/Themes/StandardDevCenter/Content:3,/Areas/Epx/Shared/Content:4,/Areas/Epx/Themes/Base/Content:5&amp;v=00AB933A2B82E306FC952CFC56280830"/><script type="text/javascript" src="https://web.archive.org/web/20190419093240js_/https://i2-msdn.sec.s-msft.com/Areas/Global/Content/Loader.js" class="mtps-injected"></script><script type="text/javascript" class="mtps-injected"> /*<![CDATA[*/ (function() { window.mtpsAmd = true; var amdCombinedUrl = "https://web.archive.org/web/20190419093240/https://i2-msdn.sec.s-msft.com/Combined.js?resources=0:Utilities,1:JSLLRecord,0:FixJQueryMobileDefaultScroll,2:Layout,1:responsive,0:AppInsightsPerf,2:SearchBox,3:Header,2:Rating,2:NewFooterSock,3:Footer;/Areas/Epx/Content/Scripts:0,/Areas/Centers/Themes/Base/Content:1,/Areas/Epx/Themes/Base/Content:2,/Areas/Centers/Themes/StandardDevCenter/Content:3&hashKey=2E75CB629D567CF3A418BD443BD12201&v=0992B456EBF4C7F69BD261C561174D9E"; require.config({ paths: { utilities: amdCombinedUrl, jSLLRecord: amdCombinedUrl, fixJQueryMobileDefaultScroll: amdCombinedUrl, layout: amdCombinedUrl, responsive: amdCombinedUrl, appInsightsPerf: amdCombinedUrl, searchBox: amdCombinedUrl, searchBoxJss: "https://web.archive.org/web/20190419093240/https://i1.services.social.microsoft.com/search/Widgets/SearchBox.jss?boxid=HeaderSearchTextBox&btnid=HeaderSearchButton&minimumTermLength=2&pgArea=header&brand=Msdn&loc=en-us&focusOnInit=false&emptyWatermark=true&searchButtonTooltip=Search MSDN", header: amdCombinedUrl, rating: amdCombinedUrl, newFooterSock: amdCombinedUrl, footer: amdCombinedUrl, broker: "https://web.archive.org/web/20190419093240/https://www.microsoft.com/library/svy/sto/https/broker.js" }, ignoreDuplicateModules: ["utilities", "layout"] }); require.config({ shim: { "searchBoxJss": { exports: "searchBoxJss" }, "broker": { exports: "broker" }} }); require(["jSLLRecord"], function() {}); require(["fixJQueryMobileDefaultScroll"], function() {}); require(["responsive"], function() {}); require(["appInsightsPerf"], function() {}); require(["searchBox"], function() {}); require(["searchBoxJss"], function() {}); require(["header"], function() {}); require(["rating"], function() {}); require(["newFooterSock"], function() {}); require(["footer"], function() {}); require(["broker"], function() {}); }()); /*]]>*/ </script><style type="text/css"> /*<![CDATA[*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0 none; font: inherit; margin: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: outside none none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: none; } table { border-collapse: collapse; border-spacing: 0; } a:link img { border: 0 none; } div.RichText strong { font-weight: bold; } div.RichText em { font-style: italic; } div.RichText sub { vertical-align: sub; } div.RichText sup { vertical-align: super; } div.RichText ul { list-style-type: disc; } div.RichText ul.circle { list-style-type: circle; } div.RichText ul.square { list-style-type: square; } div.RichText ul > li { margin: 0 0 0 18px; } div.RichText ol { list-style-type: decimal; } div.RichText ol.alpha { list-style-type: lower-alpha; } div.RichText ol.roman { list-style-type: lower-roman; } div.RichText ol > li { margin: 0 0 0 25px; } html[dir="rtl"] div.RichText ul > li { margin: 0 18px 0 0; } html[dir="rtl"] div.RichText ol > li { margin: 0 25px 0 0; } .none { display: none; } .block { display: block; } .inlineBlock { display: inline-block; } .left { float: left; } .right { float: right; } .ir { display: block; position: absolute; text-align: left; text-indent: -9999em; } .clear { clear: both; display: block; } .first { margin-left: 0; } .last { margin-right: 0; } html, body { height: 100%; min-height: 100%; } body { background-color: #fff; font-family: "Segoe UI",Tahoma,Helvetica,sans-serif; font-size: 0.8125em; line-height: 1.53856; margin: 0; min-width: 320px; overflow-y: scroll; } body.IE8 { min-width: 1158px; } img, embed, object, video { max-width: 100%; } .textContent > .linkText { cursor: pointer; display: inline-block; } a { text-decoration: none; transition: all 0.1s ease-in-out 0s; } a:link { color: #04c; } a:visited { color: #5a7bad; } a:hover { color: #3d7dfe; text-decoration: underline; } a:active { color: #00f; } a.tile:hover { text-decoration: none; } a:focus { outline: 1px dotted #000; } #page { min-width: 320px; } div#content { display: block; margin: 0 auto 59px; max-width: 1180px; min-height: 400px; width: 97%; } div#content::after { clear: both; content: " "; display: table; } h2, h3, h4, h5 { font-family: "Segoe UI Semibold","Segoe UI",Tahoma,Helvetica,sans-serif; } h1 { font-size: 2.769em; line-height: 1; padding: 20px 0 0; } h2 { font-size: 1.769em; line-height: 1; } h3 { font-size: 1.2308em; line-height: 1; } h4 { font-size: 1.0769em; } h5 { font-size: 1em; } @media screen and (max-width: 1262px) { div#content { width: 90%; } .col-3 { padding: 0; width: 100%; } } @media screen and (max-width: 768px) { div#content { margin: 20px 16px 59px; width: auto; } } @media screen and (max-width: 400px) { body.IE { } } .bg_yellow1, .bg_yellow2, .bg_yellow3, .bg_orange1, .bg_orange2, .bg_red1, .bg_magenta1, .bg_magenta2, .bg_cyan1, .bg_cyan2, .bg_teal1, .bg_teal2, .bg_green1, .bg_green2, .bg_lime1, .bg_lime2, .bg_gray3, .bg_gray4, .bg_white a.tile, .bg_yellow1 a, .bg_yellow2 a, .bg_yellow3 a, .bg_orange1 a, .bg_orange2 a, .bg_red1 a, .bg_magenta1 a, .bg_magenta2 a, .bg_cyan1 a, .bg_cyan2 a, .bg_teal1 a, .bg_teal2 a, .bg_green1 a, .bg_green2 a, .bg_lime1 a, .bg_lime2 a, .bg_gray3 a, .bg_gray4 a { color: #000; } .bg_orange3, .bg_red2, .bg_red3, .bg_magenta3, .bg_purple1, .bg_purple2, .bg_purple3, .bg_blue1, .bg_blue2, .bg_blue3, .bg_cyan3, .bg_teal3, .bg_green3, .bg_lime3, .bg_black, .bg_gray1, .bg_gray2, .bg_orange3 a, .bg_red2 a, .bg_red3 a, .bg_magenta3 a, .bg_purple1 a, .bg_purple2 a, .bg_purple3 a, .bg_blue1 a, .bg_blue2 a, .bg_blue3 a, .bg_cyan3 a, .bg_teal3 a, .bg_green3 a, .bg_lime3 a, .bg_black a, .bg_gray1 a, .bg_gray2 a { color: #fff; } .bg_yellow1 { background: #fffc9e none repeat scroll 0 0; } .bg_yellow2 { background: #fff100 none repeat scroll 0 0; } .bg_yellow3 { background: #fcd116 none repeat scroll 0 0; } .bg_orange1 { background: #ffb900 none repeat scroll 0 0; } .bg_orange2 { background: #ff8c00 none repeat scroll 0 0; } .bg_orange3 { background: #dc3c00 none repeat scroll 0 0; } .bg_red1 { background: #dd5900 none repeat scroll 0 0; } .bg_red2 { background: #e81123 none repeat scroll 0 0; } .bg_red3 { background: #ba141a none repeat scroll 0 0; } .bg_magenta1 { background: #f472d0 none repeat scroll 0 0; } .bg_magenta2 { background: #ec008c none repeat scroll 0 0; } .bg_magenta3 { background: #b4009e none repeat scroll 0 0; } .bg_purple1 { background: #9b4f96 none repeat scroll 0 0; } .bg_purple2 { background: #68217a none repeat scroll 0 0; } .bg_purple3 { background: #442359 none repeat scroll 0 0; } .bg_blue1 { background: #4668c5 none repeat scroll 0 0; } .bg_blue2 { background: #00188f none repeat scroll 0 0; } .bg_blue3 { background: #002050 none repeat scroll 0 0; } .bg_cyan1 { background: #6dc2e9 none repeat scroll 0 0; } .bg_cyan2 { background: #00bcf2 none repeat scroll 0 0; } .bg_cyan3 { background: #0072c6 none repeat scroll 0 0; } .bg_teal1 { background: #00d8cc none repeat scroll 0 0; } .bg_teal2 { background: #00b294 none repeat scroll 0 0; } .bg_teal3 { background: #008272 none repeat scroll 0 0; } .bg_green1 { background: #55d455 none repeat scroll 0 0; } .bg_green2 { background: #009e49 none repeat scroll 0 0; } .bg_green3 { background: #007233 none repeat scroll 0 0; } .bg_lime1 { background: #bad80a none repeat scroll 0 0; } .bg_lime2 { background: #7fba00 none repeat scroll 0 0; } .bg_lime3 { background: #008a00 none repeat scroll 0 0; } .bg_black { background: #000 none repeat scroll 0 0; } .bg_gray1 { background: #505050 none repeat scroll 0 0; } .bg_gray2 { background: #737373 none repeat scroll 0 0; } .bg_gray3 { background: #969696 none repeat scroll 0 0; } .bg_gray4 { background: #d2d2d2 none repeat scroll 0 0; } .facebookShare { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll 0 0; height: 32px; overflow: hidden; width: 32px; } .twitterShare { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -33px 0; height: 32px; overflow: hidden; width: 32px; } .emailShare { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -66px 0; height: 32px; overflow: hidden; width: 32px; } .ctaBlue a.tile div.linkText::after, .ctaBlue div.link a::after, a.ctaBlue::after, div.rotatorItem div.copy > a::after, div.heroSubContainer div.content a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -99px 0; height: 26px; overflow: hidden; width: 26px; } html[dir="rtl"] .ctaBlue a.tile div.linkText::after, html[dir="rtl"] .ctaBlue div.link a::after, html[dir="rtl"] a.ctaBlue::after, html[dir="rtl"] div.rotatorItem div.copy > a::after, html[dir="rtl"] div.heroSubContainer div.content a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -126px 0; height: 26px; overflow: hidden; width: 26px; } .ctaWhite a.tile div.linkText::after, .ctaWhite div.link a::after, a.ctaWhite::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -153px 0; height: 26px; overflow: hidden; width: 26px; } html[dir="rtl"] .ctaWhite a.tile div.linkText::after, html[dir="rtl"] .ctaWhite div.link a::after, html[dir="rtl"] a.ctaWhite::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -180px 0; height: 26px; overflow: hidden; width: 26px; } .ctaWhiteLargeRight::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -207px 0; height: 37px; overflow: hidden; width: 38px; } .ctaWhiteLargeLeft::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -246px 0; height: 37px; overflow: hidden; width: 38px; } .closeX { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -285px 0; height: 12px; overflow: hidden; width: 12px; } .ctaDarkBlue a.tile div.linkText::after, .ctaDarkBlue div.link a::after, a.ctaDarkBlue::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -298px 0; height: 26px; overflow: hidden; width: 26px; } html[dir="rtl"] .ctaDarkBlue a.tile div.linkText::after, html[dir="rtl"] .ctaDarkBlue div.link a::after, html[dir="rtl"] a.ctaDarkBlue::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -325px 0; height: 26px; overflow: hidden; width: 26px; } .ctaPurple a.tile div.linkText::after, .ctaPurple div.link a::after, a.ctaPurple::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -352px 0; height: 26px; overflow: hidden; width: 26px; } html[dir="rtl"] .ctaPurple a.tile div.linkText::after, html[dir="rtl"] .ctaPurple div.link a::after, html[dir="rtl"] a.ctaPurple::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -379px 0; height: 26px; overflow: hidden; width: 26px; } .rotatorThumbOn { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -406px 0; height: 15px; overflow: hidden; width: 15px; } .rotatorThumbOff { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -422px 0; height: 15px; overflow: hidden; width: 15px; } .arrowLeft { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -438px 0; height: 45px; overflow: hidden; width: 30px; } .arrowRight { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -469px 0; height: 45px; overflow: hidden; width: 30px; } @media not all { .rotatorThumbOn { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -406px 0; height: 15px; overflow: hidden; width: 15px; } .rotatorThumbOff { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/MsdnBase/Content/ImageSprite.png?v=636382651705348656') no-repeat scroll -422px 0; height: 15px; overflow: hidden; width: 15px; } } #page div#content { margin-top: 20px; } div#content #Fragment_Title h1 { color: #3b3b3b; margin: 0 0 35px; width: 100%; } div#content div#Fragment_SubTitle { color: #959595; font-size: 1.769em; font-weight: 600; margin-top: 4px; padding-bottom: 22px; } .rightRail .DetailedLinkWithImageList .image > a > img { height: 131px; } .rightRail .LinkList ul.LinkColumn > li > a { margin: 15px 20px; } .rightRail .RssFeed .viewMore { display: none; } div#page #shareThis { position: fixed; right: 0; top: 285px; z-index: 1; } div#page #shareThis li { margin-bottom: 9px; } div#page #shareThis li a { color: transparent; display: inline-block; text-indent: -100000px; } body.IE { } #technologiesDetail #Fragment_HighlightList { clear: both; } @media screen and (max-width: 768px) { .rightRail .DetailedLinkWithImageList .image > a > img { height: auto; } div#page #shareThis { margin: 9px auto 0; position: static; width: 90%; } div#page #shareThis ul { float: right; } div#page #shareThis li { float: left; margin-bottom: 0; margin-left: 8px; } } .friendlyError { display: none; } .friendlyError h1 { margin: 0 0 0.5em; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { border: 0 none; font-size: 100%; line-height: 1.3; list-style: outside none none; margin: 0; outline: 0 none; padding: 0; text-decoration: none; } .ui-helper-clearfix::before, .ui-helper-clearfix::after { border-collapse: collapse; content: ""; display: table; } .ui-helper-clearfix::after { clear: both; } .ui-helper-clearfix { min-height: 0; } .ui-helper-zfix { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default; } .ui-icon { background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; } .ui-widget-overlay { height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; display: block; margin-top: 2px; min-height: 0; padding: 0.5em 0.5em 0.5em 0.7em; position: relative; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: 0.7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { left: 0.5em; margin-top: -8px; position: absolute; top: 50%; } .ui-accordion .ui-accordion-content { border-top: 0 none; overflow: auto; padding: 1em 2.2em; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { cursor: default; height: 1.2em; position: absolute; width: 1.2em; z-index: 2; } .ui-slider .ui-slider-range { background-position: 0 0; border: 0 none; display: block; font-size: 0.7em; position: absolute; z-index: 1; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { margin-left: -0.6em; top: -0.3em; } .ui-slider-horizontal .ui-slider-range { height: 100%; top: 0; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { height: 100px; width: 0.8em; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-bottom: -0.6em; margin-left: 0; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-tabs { padding: 0.2em; position: relative; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0; } .ui-tabs .ui-tabs-nav li { border-bottom-width: 0; float: left; list-style: outside none none; margin: 1px 0.2em 0 0; padding: 0; position: relative; top: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: 0.5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-width: 0; display: block; padding: 1em 1.4em; } .OverviewPage, .bg_white a.tile { color: #555; } #page div#content { margin-bottom: 30px; margin-top: 50px; } #Fragment_HeroRotator, #Fragment_HeroVideo, #Fragment_ResourceList .linkList, .StructuredSection .listDescription, .StructuredSection .block { margin-bottom: 30px; } h2, h3, h4 { font-family: "Segoe UI",Tahoma,Helvetica,sans-serif; line-height: 120%; } #Fragment_HeroVideo { position: relative; width: 100%; } #Fragment_HeroVideo .block { margin-top: 0; } #Fragment_HeroVideo .image { margin-bottom: 0; } #Fragment_HeroVideo .textContent { display: inline-block; margin: 0; padding: 16px 0 22px 22px; width: calc(100% - 22px); z-index: 100; } #Fragment_HeroVideo .textContent h2 { color: #fff; font-size: 2.76em; margin: 0; } #Fragment_HeroVideo .textContent h3 { color: #fff; font-family: "Segoe UI Light","Segoe UI",Tahoma,Helvetica,sans-serif; font-size: 1.76em; margin: 5px 0 0; } #Fragment_ResourceList .linkList { display: block; font-size: 1.125rem; line-height: 1.2em; margin-top: 20px; padding: 0; position: relative; } #Fragment_ResourceList .linkList .linkListDescription { margin-top: 20px; } #Fragment_ResourceList .linkList ul { margin: 18px 0 0; } #Fragment_ResourceList .linkList li { margin: 0 0 21px; } #Fragment_ResourceList .linkList a:hover { opacity: 0.7; text-decoration: none; } div.smallBlocks, div.largeBlocks, div.singleBlockLargeImage, div.singleBlockSmallImage, div.noLayout { margin: 0; } .StructuredSection .listTitle { display: inline-block; margin: 0 0 20px; } .RichText { font-size: 0.8125rem; } div.block .link a, div.block .linkText { color: #0072c5; margin-top: 15px; } div.block .link a:hover, div.block .linkText:hover { opacity: 0.7; text-decoration: none; } div.block .image { margin-bottom: 17px; } div.block .image img { display: block; } div.block.type5.bg_white.topImage .image, div.block.type5.bg_white.topImage .media { margin-bottom: 10px; } div.block.type5:hover { cursor: pointer; } .StructuredSection.largeBlocks div.block.type1.bg_black .image { margin-bottom: 0; } .StructuredSection.largeBlocks div.block.type1.bg_black .textContent { display: block; padding: 12px 22px 17px; width: calc(100% - 44px); } .StructuredSection.largeBlocks div.block.type1.bg_black .title { margin-bottom: 15px; } .StructuredSection.largeBlocks div.block.type1.bg_black .linkText { display: none; } .StructuredSection.largeBlocks div.block.type3 .textContent { margin-bottom: 0; } .StructuredSection.largeBlocks div.block.type3 .link { bottom: auto; position: static; } .StructuredSection.largeBlocks div.block.type3 .link > a { padding: 0; text-align: left; } html[dir="rtl"] .StructuredSection.largeBlocks div.block.type3 .link > a { text-align: right; } @media screen and (min-width: 1263px) { h2 { font-family: "Segoe UI Light","Segoe UI",Tahoma,Helvetica,sans-serif; font-size: 1.875rem; } h3, h4 { font-size: 1.4375rem; } .StructuredSection .listDescription .RichText { font-size: 1.125rem; } .StructuredSection .block .RichText { font-size: 1.125rem; } .StructuredSection .block .linkText, .StructuredSection .block .link > a { font-family: "Segoe UI Light","Segoe UI",Tahoma,Helvetica,sans-serif; font-size: 1.125rem; } .StructuredSection .block .image + .textContent .title, .StructuredSection .block .modelMediaSource + .textContent .title { margin-bottom: 5px; } .StructuredSection .block .image + .textContent .RichText, .StructuredSection .block .modelMediaSource + .textContent .RichText { font-family: "Segoe UI",Tahoma,Helvetica,sans-serif; font-size: 0.8125rem; } .StructuredSection .block .image + .textContent .linkText, .StructuredSection .block .modelMediaSource + .textContent .linkText, .StructuredSection .block .image + .textContent .link > a, .StructuredSection .block .modelMediaSource + .textContent .link > a { font-family: "Segoe UI",Tahoma,Helvetica,sans-serif; font-size: 0.8125rem; margin-top: 5px; } .StructuredSection .block.bg_black.type1 .RichText { font-family: "Segoe UI Light","Segoe UI",Tahoma,Helvetica,sans-serif; font-size: 1.125rem; } .StructuredSection .block.bg_black.type1 .textContent { padding: 8px 18px 13px; } .StructuredSection .block.bg_black.type1 .title { margin-bottom: 8px; } #Fragment_ResourceList .linkList { margin-right: 20px; } html[dir="rtl"] #Fragment_ResourceList .linkList { margin-left: 20px; margin-right: 0; } #Fragment_ResourceList { float: left; width: calc(50% - 10px); } #Fragment_ContentSection2 .smallBlocks { float: right; width: calc(50% - 10px); } #Fragment_ContentSection2 .smallBlocks .block { width: calc(50% - 10px); } html[dir="ltr"] #Fragment_ContentSection2 .smallBlocks .block:nth-of-type(2n) { margin-right: 0; } html[dir="rtl"] #Fragment_ContentSection2 .smallBlocks .block:nth-of-type(2n) { margin-left: 0; } #page div#content { margin-bottom: 40px; margin-top: 50px; } #Fragment_HeroRotator, #Fragment_HeroVideo, #Fragment_ResourceList .linkList, .StructuredSection .listDescription, .StructuredSection .block { margin-bottom: 40px; } } @media screen and (min-width: 645px) and (max-width: 1262px) { h2, h3, h4 { font-family: "Segoe UI Light","Segoe UI",Tahoma,Helvetica,sans-serif; } } @media screen and (max-width: 1262px) { h2, h3, h4 { font-size: 1.75rem; } .block .linkText, .block .link > a { font-family: "Segoe UI Light","Segoe UI",Tahoma,Helvetica,sans-serif; font-size: 1.125rem; } } body.IE #ux-header header:not(.mobile) div.bottom, body.IE7 #ux-header header:not(.mobile) div.bottom { height: 45px; } body.IE #ux-header header:not(.mobile) ul.navL1 > li, body.IE7 #ux-header header:not(.mobile) ul.navL1 > li { height: 16px; } .bg_default { background-color: #232323; } #ux-header header div#drawer div.toc { left: -360px; transition: left 0.6s ease 0s; } #ux-header header div#drawer div.toc.open { left: 0; } #ux-header header div.bg_yellow1 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_yellow1 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_yellow2 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_yellow2 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_yellow3 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_yellow3 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_orange1 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_orange1 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_orange2 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_orange2 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_red1 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_red1 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_magenta1 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_magenta1 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_magenta2 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_magenta2 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_cyan1 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_cyan1 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_cyan2 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_cyan2 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_teal1 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_teal1 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_teal2 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_teal2 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_green1 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_green1 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_green2 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_green2 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_lime1 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_lime1 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_lime2 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_lime2 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_gray3 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_gray3 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_gray4 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_gray4 div.left div.toc nav ul.navL1 > li.current > a { color: #000; } #ux-header header div.bg_orange3 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_orange3 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_red2 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_red2 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_red3 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_red3 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_magenta3 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_magenta3 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_purple1 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_purple1 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_purple2 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_purple2 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_purple3 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_purple3 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_blue1 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_blue1 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_blue2 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_blue2 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_blue3 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_blue3 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_cyan3 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_cyan3 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_teal3 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_teal3 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_green3 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_green3 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_lime3 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_lime3 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_black div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_black div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_gray1 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_gray1 div.left div.toc nav ul.navL1 > li.current > a, #ux-header header div.bg_gray2 div.left div.toc nav ul.navL1 > li > a, #ux-header header div.bg_gray2 div.left div.toc nav ul.navL1 > li.current > a { color: #fff; } #ux-header header div.bg_yellow1 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_yellow2 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_yellow3 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_orange1 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_orange2 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_red1 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_magenta1 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_magenta2 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_cyan1 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_cyan2 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_teal1 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_teal2 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_green1 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_green2 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_lime1 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_lime2 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_gray3 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_gray4 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_orange3 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_red2 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_red3 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_magenta3 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_purple1 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_purple2 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_purple3 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_blue1 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_blue2 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_blue3 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_cyan3 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_teal3 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_green3 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_lime3 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_black div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_gray1 div.left div.toc nav ul.navL1 > li.active > a, #ux-header header div.bg_gray2 div.left div.toc nav ul.navL1 > li.active > a { color: #555; } .bg_yellow1 { background: #fffc9e none repeat scroll 0 0; } .bg_yellow2 { background: #fff100 none repeat scroll 0 0; } .bg_yellow3 { background: #fcd116 none repeat scroll 0 0; } .bg_orange1 { background: #ffb900 none repeat scroll 0 0; } .bg_orange2 { background: #ff8c00 none repeat scroll 0 0; } .bg_orange3 { background: #dc3c00 none repeat scroll 0 0; } .bg_red1 { background: #dd5900 none repeat scroll 0 0; } .bg_red2 { background: #e81123 none repeat scroll 0 0; } .bg_red3 { background: #ba141a none repeat scroll 0 0; } .bg_magenta1 { background: #f472d0 none repeat scroll 0 0; } .bg_magenta2 { background: #ec008c none repeat scroll 0 0; } .bg_magenta3 { background: #b4009e none repeat scroll 0 0; } .bg_purple1 { background: #9b4f96 none repeat scroll 0 0; } .bg_purple2 { background: #68217a none repeat scroll 0 0; } .bg_purple3 { background: #442359 none repeat scroll 0 0; } .bg_blue1 { background: #4668c5 none repeat scroll 0 0; } .bg_blue2 { background: #00188f none repeat scroll 0 0; } .bg_blue3 { background: #002050 none repeat scroll 0 0; } .bg_cyan1 { background: #6dc2e9 none repeat scroll 0 0; } .bg_cyan2 { background: #00bcf2 none repeat scroll 0 0; } .bg_cyan3 { background: #0072c6 none repeat scroll 0 0; } .bg_teal1 { background: #00d8cc none repeat scroll 0 0; } .bg_teal2 { background: #00b294 none repeat scroll 0 0; } .bg_teal3 { background: #008272 none repeat scroll 0 0; } .bg_green1 { background: #55d455 none repeat scroll 0 0; } .bg_green2 { background: #009e49 none repeat scroll 0 0; } .bg_green3 { background: #007233 none repeat scroll 0 0; } .bg_lime1 { background: #bad80a none repeat scroll 0 0; } .bg_lime2 { background: #7fba00 none repeat scroll 0 0; } .bg_lime3 { background: #008a00 none repeat scroll 0 0; } .bg_black { background: #000 none repeat scroll 0 0; } .bg_gray1 { background: #505050 none repeat scroll 0 0; } .bg_gray2 { background: #737373 none repeat scroll 0 0; } .bg_gray3 { background: #969696 none repeat scroll 0 0; } .bg_gray4 { background: #d2d2d2 none repeat scroll 0 0; } #ux-header { background-color: #000; display: block; font-family: "Segoe UI",Tahoma,Helvetica,sans-serif; font-size: 13px; font-weight: 400; line-height: 13px; margin: 0 auto; position: relative; width: 100%; z-index: 1000; } #ux-header a { text-decoration: none; } #ux-header a:focus { outline: 1px dotted; } #ux-header img { border: medium none; } #ux-header div.left { float: left; } #ux-header div.right { float: right; } #ux-header header { display: block; width: 100%; } #ux-header header #singleCol, #ux-header header #doubleCol, #ux-header header #isMobile { display: none; } #ux-header header div.row { margin: 0 auto; } #ux-header header div.row::after { clear: both; content: " "; display: table; } #ux-header header div.row #grip { cursor: pointer; display: none; margin-top: 10px; } #ux-header header div.row #Fragment_SocialLinks { overflow: hidden; } #ux-header header div.row #Fragment_SocialLinks .linkList { margin-left: 0; } #ux-header header div.row #Fragment_SocialLinks .linkList .linkListTitle { display: none; } #ux-header header div.row #Fragment_SocialLinks .linkList ul { display: inline-block; line-height: inherit; vertical-align: bottom; } #ux-header header div.row #Fragment_SocialLinks .linkList ul li { height: 14px; margin-left: 14px; } #ux-header header div.row #Fragment_SocialLinks .linkList ul li:first-child { margin-left: 30px; } #ux-header header div.row #Fragment_SocialLinks .linkList ul li > a { color: transparent; display: inline-block; text-indent: -100000px; } #ux-header header div.row div.SearchBox { background-color: #232323; border: 0 none; font-family: "Segoe UI",Tahoma,Helvetica,sans-serif; font-size: 13px; font-weight: 400; height: auto; margin: 0; padding: 0; width: auto; z-index: 10; } #ux-header header div.row div.SearchBox::after { clear: both; content: " "; display: table; } #ux-header header div.row div.SearchBox form#HeaderSearchForm { display: inline-block; float: right; height: 45px; margin-bottom: 0; max-width: 300px; } #ux-header header div.row div.SearchBox form#HeaderSearchForm input { background-color: rgba(255, 255, 255, 0.15); border: 0 none; box-sizing: border-box; color: #fff; display: inline-block; float: left; font-size: 16px; height: 45px; margin: 0; padding: 0 40px 0 20px; width: 255px; } #ux-header header div.row div.SearchBox form#HeaderSearchForm input:focus { outline: medium none; } #ux-header header div.row div.SearchBox form#HeaderSearchForm button { background-color: rgba(255, 255, 255, 0.15); border: 0 none; color: #8b8b8b; cursor: pointer; display: inline-block; float: right; height: 45px; margin: 0; min-width: 0; padding: 0; width: 45px; } #ux-header header div.row div.SearchBox form#HeaderSearchForm #searchCloseIconDiv { margin-top: 13px; opacity: 0; position: absolute; right: 25px; transition: visibility 0s linear 0.5s, opacity 0.5s linear 0s, right 0.5s linear 0s; visibility: hidden; } #ux-header header div.row div.SearchBox form#HeaderSearchForm #searchCloseIconDiv img { max-width: none; } #ux-header header div.row div.SearchBox form#HeaderSearchForm #searchSplitter { border-right: 1px solid #fff; height: 19px; position: absolute; right: 45px; top: 13px; transition: visibility 0s linear 0.5s; vertical-align: middle; visibility: hidden; width: 0; } #ux-header header div.row div.SearchBox form#HeaderSearchForm.clearable #searchCloseIconDiv { opacity: 1; right: 62px; transition-delay: 0s; visibility: visible; } #ux-header header div.row div.SearchBox form#HeaderSearchForm.clearable #searchCloseIconDiv img { max-width: none; } #ux-header header div.row div.SearchBox form#HeaderSearchForm.clearable #searchSplitter { transition-delay: 0s; visibility: visible; } #ux-header header div.row div.SearchBox form#HeaderSearchForm #searchTextContainer { display: none; } #ux-header header div.row div.SearchBox form#HeaderSearchForm.opened > #searchTextContainer { display: inline-block; } #ux-header header div.row #drawer { font-family: wf_segoe-ui_light,"Segoe UI Light","Segoe WP Light",wf_segoe-ui_normal,"Segoe UI",Segoe,"Segoe WP",Tahoma,Verdana,Arial,sans-serif; font-weight: 400; } #ux-header header div.row #drawer * { box-sizing: content-box; } #ux-header header div.row #drawer .auxNav { font-size: 13px; } #ux-header header div.row #drawer .auxNav a { color: #fff; font-size: 11px; line-height: 1.5em; } #ux-header header div.row #drawer .auxNav a:hover { color: #9c9c9c; } #ux-header header div.top { min-height: 21px; } #ux-header header div.top::after { clear: both; content: " "; display: table; } #ux-header header div.top .left a.msdnLogoImg { display: inline-block; margin: 10px 0 9px; vertical-align: top; } #ux-header header div.top .left a.msdnLogoImg img { border: medium none; max-width: none; } #ux-header header div.top .left a.msdnLogoTxt { color: #fff; display: inline-block; font-size: 12px; } #ux-header header div.top .left div.GrayPipeDiv { display: inline-block; margin: 9px -4px 10px 18px; vertical-align: top; } #ux-header header div.top .left div.GrayPipeDiv img { max-width: none; } #ux-header header div.top .left a.DevCenterFullNameNonMegaBlade { color: #a0a0a0; font-size: 16px; line-height: 37px; margin: 0 18px; } #ux-header header div.top .left div.MegaBladeNavigation { color: #a0a0a0; font-size: 14px; } #ux-header header div.top .left a.DevCenterFullName { color: #a0a0a0; font-size: 14px; margin: 18px 0 14px; } #ux-header header div.top .left a.DevCenterShortName { color: #a0a0a0; font-size: 14px; } #ux-header header div.top .left a.DevCenterFullName, #ux-header header div.top .left a.DevCenterShortName { display: none; } #ux-header header div.top .left a.DevCenterFullNameNonMegaBlade, #ux-header header div.top .left div.MegaBladeNavigation { display: inline-block; } #ux-header header div.top .right { font-size: 13px; margin: 11px 0 0; max-width: 700px; text-align: right; } #ux-header header div.top .right a { color: #fff; display: inline; font-size: 11px; line-height: 1.5em; } #ux-header header div.top .right a:hover { color: #9c9c9c; } #ux-header header div.top .right span.profileName { color: #fff; display: none; font-size: 11px; line-height: 1.5em; } #ux-header header div.top .right a.createViewProfileLink, #ux-header header div.top .right div.profileImage { display: none; } #ux-header header div.top .right div { display: inline-block; } #ux-header header div.top .right div.auxNav { margin: 0 0 10px; } #ux-header header div.top .right div.auxNav #Fragment_Subscriptions, #ux-header header div.top .right div.auxNav #Fragment_GetTools { margin-left: 27px; } #ux-header header div.top .right div.auxNav #Fragment_SocialLinks { margin-left: 0; } #ux-header header div.expandTop { display: none; } #ux-header header div.expandTop .left a { color: #fff; font-size: 11px; line-height: 1.5em; } #ux-header header div.expandTop .left a:hover { color: #9c9c9c; } #ux-header header div.expandTop .right div { display: block; } #ux-header header div.expandTop .right a { color: #fff; font-size: 11px; line-height: 1.5em; } #ux-header header div.expandTop .right a:hover { color: #9c9c9c; } #ux-header header div.bottom { position: relative; } #ux-header header div.bottom div.left { width: calc(100% - 45px); } #ux-header header div.bottom .left { display: inline-block; float: none; } #ux-header header div.bottom .left #Fragment_SiteLogo { height: 45px; margin-right: 30px; vertical-align: top; } #ux-header header div.bottom .left #Fragment_SiteLogo .LinkWithImage { line-height: 45px; } #ux-header header div.bottom .left #Fragment_SiteLogo .LinkWithImage > a { color: #fff; display: inline-block; font-size: 24px; letter-spacing: 0.5px; line-height: 24px; margin: 0; text-decoration: none; } #ux-header header div.bottom .left #Fragment_SiteLogo .LinkWithImage > a > img { border: medium none; max-height: 28px; vertical-align: middle; } #ux-header header div.bottom .left #Fragment_SiteLogo span { display: inline-block; vertical-align: middle; } #ux-header header div.bottom .left > div { display: inline-block; vertical-align: top; } #ux-header header div.bottom .right { float: none; position: absolute; right: 0; top: 0; } #ux-header header div.bottom .right #search-finder-div { margin-left: 14px; margin-right: 14px; vertical-align: bottom; } #ux-header header div.bottom .right #search-finder-div img { max-width: none; } #ux-header header div.toc nav li { background: transparent none repeat scroll 0 0; list-style-type: none; padding: 0; } #ux-header header div.toc nav li > a { color: #737373; display: inline-block; font-size: 20px; padding: 0 15px; } #ux-header header div.toc nav ul.navL1 { position: relative; vertical-align: top; } #ux-header header div.toc nav ul.navL1 > li > a { border-bottom: 5px solid transparent; color: #fff; display: inline-block; padding: 12px 0 12px 15px; } #ux-header header div.toc nav ul.navL1 > li > a:hover { border-bottom: 5px solid #fff; opacity: initial; text-decoration: none; } #ux-header header div.toc nav ul.navL1 > li.active > a { background-color: #fff; border-bottom: 5px solid #fff; } #ux-header header div.toc nav ul.navL1 > li > a::after { content: ""; display: inline-block; margin: 0 15px 0 10px; } #ux-header header div.toc nav ul.navL1 > li.current > a { border-bottom: 5px solid rgba(255, 255, 255, 0.7); color: #fff; } #ux-header header div.toc nav ul.navL1 > li.current > a:hover { border-bottom: 5px solid #fff; } #ux-header header div.toc nav ul.navL1 > li.current.active > a { border-bottom: 5px solid #fff; } #ux-header header div.toc nav ul.navL1 > li > a, #ux-header header div.toc nav ul.navL2 > li > a, #ux-header header div.toc nav ul.navL3 > li > a { box-sizing: content-box; font-weight: lighter; } #ux-header header div.toc nav ul.navL1 > li.active > a, #ux-header header div.toc nav ul.navL2 > li.active > a, #ux-header header div.toc nav ul.navL3 > li.active > a { color: #555; text-decoration: none; } #ux-header header div.toc nav ul.navL2 > li > a:hover, #ux-header header div.toc nav ul.navL3 > li > a:hover { background-color: #f2f2f2; } #ux-header header div.toc nav ul.navL2 > li.current > a, #ux-header header div.toc nav ul.navL3 > li.current > a { color: #1570a6; } #ux-header header div.toc nav ul.navL2 > li.active > a, #ux-header header div.toc nav ul.navL3 > li.active > a { background-color: #ddd; } #ux-header header div.toc nav ul.navL2 > li.inactive > a:hover, #ux-header header div.toc nav ul.navL3 > li.inactive > a:hover { color: #555; text-decoration: none; } #ux-header header div.toc nav ul.navL3 > li > a:hover { background-color: #ddd; } #ux-header header div.toc nav ul { line-height: 16px; margin: 0; padding: 0; } #ux-header header div.toc nav ul::after { clear: both; content: " "; display: table; } #ux-header header div.toc nav > ul > li { float: left; padding: 0; position: relative; } #ux-header header div.toc nav ul.navL2, #ux-header header div.toc nav ul.navL3 { background-color: #fff; display: none; line-height: 16px; padding: 20px 0; position: absolute; z-index: 200; } #ux-header header div.toc nav ul.navL2 a, #ux-header header div.toc nav ul.navL3 a { color: #555; font-size: 18px; line-height: 34px; padding: 7px 20px; } #ux-header header div.toc nav ul.navL2 { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor #bbb #bbb; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; box-shadow: 0 1px 1px 0 rgba(10, 10, 10, 0.25); font-size: 13px; left: -1px; } #ux-header header div.toc nav ul.navL2 a { width: 300px; } #ux-header header div.toc nav ul.navL2 > li > a::after { content: ""; display: inline; float: right; margin-top: 12px; } #ux-header header div.toc nav ul.navL3 { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor #bbb #bbb; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; box-shadow: 1px 1px 1px 0 rgba(10, 10, 10, 0.25); left: 340px; top: 0; } #ux-header header div.toc nav ul.navL3 a { width: 283px; } #ux-header header div.megaBladeToc nav li { background: transparent none repeat scroll 0 0; list-style-type: none; padding: 0; } #ux-header header div.megaBladeToc nav li > a { color: #737373; display: inline-block; padding: 10px 0 9px; } #ux-header header div.megaBladeToc nav ul.navL1 { position: relative; } #ux-header header div.megaBladeToc nav ul.navL1 > li > a { color: #999; display: inline-block; font-family: "Segoe UI"; font-size: 16px; padding: 10px 20px 9px; } #ux-header header div.megaBladeToc nav ul.navL1 > li.active > a { background-color: #fff; } #ux-header header div.megaBladeToc nav ul.navL1 > li > a::after { content: ""; display: inline-block; margin: 0 0 0 10px; } #ux-header header div.megaBladeToc nav ul.navL1 > li.current > a { color: #fff; } #ux-header header div.megaBladeToc nav ul.navL1 > li.inactive > a:hover { color: #999; text-decoration: none; } #ux-header header div.megaBladeToc nav ul.navL1 > li.active > a, #ux-header header div.megaBladeToc nav ul.navL2 > li.active > a, #ux-header header div.megaBladeToc nav ul.navL3 > li.active > a { color: #555; text-decoration: none; } #ux-header header div.megaBladeToc nav ul.navL2 > li > a:hover, #ux-header header div.megaBladeToc nav ul.navL3 > li > a:hover { background-color: #ddd; } #ux-header header div.megaBladeToc nav ul.navL2 > li.current > a, #ux-header header div.megaBladeToc nav ul.navL3 > li.current > a { color: #1570a6; } #ux-header header div.megaBladeToc nav ul.navL2 > li.active > a, #ux-header header div.megaBladeToc nav ul.navL3 > li.active > a { background-color: #ddd; } #ux-header header div.megaBladeToc nav ul.navL2 > li.inactive > a:hover, #ux-header header div.megaBladeToc nav ul.navL3 > li.inactive > a:hover { color: #555; text-decoration: none; } #ux-header header div.megaBladeToc nav ul { line-height: 16px; margin: 0; padding: 0; } #ux-header header div.megaBladeToc nav ul::after { clear: both; content: " "; display: table; } #ux-header header div.megaBladeToc nav > ul > li { float: left; padding: 0 8px 0 0; position: relative; } #ux-header header div.megaBladeToc nav ul.navL2, #ux-header header div.megaBladeToc nav ul.navL3 { background-color: #fff; box-sizing: content-box; display: none; line-height: 16px; padding: 10px 0; position: absolute; z-index: 200; } #ux-header header div.megaBladeToc nav ul.navL2 a, #ux-header header div.megaBladeToc nav ul.navL3 a { box-sizing: content-box; color: #555; font-size: 18px; line-height: 34px; padding: 7px 20px; } #ux-header header div.megaBladeToc nav ul.navL2 { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor #bbb #bbb; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; box-shadow: 0 1px 1px 0 rgba(10, 10, 10, 0.25); font-size: 13px; left: -1px; } #ux-header header div.megaBladeToc nav ul.navL2 a { width: 200px; } #ux-header header div.megaBladeToc nav ul.navL2 > li > a::after { content: ""; display: inline; float: right; margin-top: 12px; } #ux-header header div.megaBladeToc nav ul.navL3 { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor #bbb #bbb; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; box-shadow: 1px 1px 1px 0 rgba(10, 10, 10, 0.25); left: 240px; top: 0; } #ux-header header div.megaBladeToc nav ul.navL3 a { width: 283px; } #ux-header .SignedOutProfileElement { display: none; } #ux-header .ProfileElement { display: none; } #ux-header a.createProfileLink { margin-right: 23px; max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ux-header #SearchFlyoutContainer { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.08); color: #3b3b3b; padding: 0; width: 100%; } #ux-header #SearchFlyoutContainer ul { margin: 0; padding: 0; } #ux-header #SearchFlyoutContainer ul li { font-size: 16px; padding-bottom: 13px; padding-left: 10px; padding-top: 10px; } #ux-header #SearchFlyoutContainer ul li span { color: #555; font-size: 14px; } #ux-header #SearchFlyoutContainer ul li:hover { background-color: #f2f2f2; text-decoration: none; } #ux-header[dir="rtl"] div.left { float: right; } #ux-header[dir="rtl"] div.right { float: left; } #ux-header[dir="rtl"] header div#drawer div.toc { left: calc(100%); } #ux-header[dir="rtl"] header div#drawer div.toc.open { left: calc(100% - 320px); } #ux-header[dir="rtl"] header div.row div.right div.auxNav div#Fragment_Subscriptions, #ux-header[dir="rtl"] header div.row div.right div.auxNav div#Fragment_GetTools { margin-left: 0; margin-right: 27px; } #ux-header[dir="rtl"] header div.row div.right div.auxNav #Fragment_SocialLinks { margin-left: 0; margin-right: 0; } #ux-header[dir="rtl"] header div.row div.right div.SearchBox { background-color: #232323; } #ux-header[dir="rtl"] header div.row div.right div.SearchBox form#HeaderSearchForm { float: left; height: 45px; } #ux-header[dir="rtl"] header div.row div.right div.SearchBox form#HeaderSearchForm input { border: 0 none; color: #fff; float: right; padding: 0 20px 0 40px; } #ux-header[dir="rtl"] header div.row div.right div.SearchBox form#HeaderSearchForm button { float: left; } #ux-header[dir="rtl"] header div.row div.right div.SearchBox form#HeaderSearchForm #searchCloseIconDiv { left: 25px; margin-top: 13px; opacity: 0; position: absolute; right: auto; transition: visibility 0s linear 0.5s, opacity 0.5s linear 0s, left 0.5s linear 0s; visibility: hidden; } #ux-header[dir="rtl"] header div.row div.right div.SearchBox form#HeaderSearchForm #searchCloseIconDiv img { max-width: none; } #ux-header[dir="rtl"] header div.row div.right div.SearchBox form#HeaderSearchForm #searchSplitter { left: 45px; position: absolute; right: auto; top: 13px; transition: visibility 0s linear 0.5s; visibility: hidden; width: 2px; } #ux-header[dir="rtl"] header div.row div.right div.SearchBox form#HeaderSearchForm.clearable #searchCloseIconDiv { left: 62px; opacity: 1; transition-delay: 0s; visibility: visible; } #ux-header[dir="rtl"] header div.row div.right div.SearchBox form#HeaderSearchForm.clearable #searchCloseIconDiv img { max-width: none; } #ux-header[dir="rtl"] header div.row div.right div.SearchBox form#HeaderSearchForm.clearable #searchSplitter { transition-delay: 0s; visibility: visible; } #ux-header[dir="rtl"] header div.row div.right div.SearchBox form#HeaderSearchForm #searchTextContainer { display: none; } #ux-header[dir="rtl"] header div.row div.right div.SearchBox form#HeaderSearchForm.opened > #searchTextContainer { display: inline-block; } #ux-header[dir="rtl"] header div.row div.bottom div.right { left: 0; right: auto; } #ux-header[dir="rtl"] header div.row nav > ul > li { float: right; padding: 0; } #ux-header[dir="rtl"] header div.row nav ul.navL1 > li > a { padding: 12px 15px 12px 0; } #ux-header[dir="rtl"] header div.row nav ul.navL1 > li > a::after { content: ""; display: inline-block; margin: 0 10px 0 15px; } #ux-header[dir="rtl"] header div.row nav ul.navL2 { left: auto; right: -1px; } #ux-header[dir="rtl"] header div.row nav ul.navL2 > li > a::after { float: left; margin-top: 16px; } #ux-header[dir="rtl"] header div.row nav ul.navL3 { box-shadow: -1px 1px 1px 0 rgba(10, 10, 10, 0.25); left: auto; right: 340px; } #ux-header[dir="rtl"] header div.row #Fragment_SocialLinks { margin-left: 0; } #ux-header[dir="rtl"] header div.row #Fragment_SocialLinks .linkList { margin-right: 0; } #ux-header[dir="rtl"] header div.row #Fragment_SocialLinks .linkList ul li { margin-left: 0; margin-right: 14px; } #ux-header[dir="rtl"] header div.row #Fragment_SocialLinks .linkList ul li:first-child { margin-right: 30px; } #ux-header[dir="rtl"] header div.top div.left { margin-right: -3px; } #ux-header[dir="rtl"] header div.top div.left div.GrayPipeDiv { display: inline-block; margin: 9px 18px 10px -4px; vertical-align: top; } #ux-header[dir="rtl"] header div.top div.left div.GrayPipeDiv img { max-width: none; } #ux-header[dir="rtl"] header div.top div.left #Fragment_SiteLogo { margin: 0 0 0 30px; } #ux-header[dir="rtl"] header div.megaBladeToc nav li { background: transparent none repeat scroll 0 0; list-style-type: none; padding: 0; } #ux-header[dir="rtl"] header div.megaBladeToc nav li > a { color: #737373; display: inline-block; padding: 10px 0 9px; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL1 { position: relative; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL1 > li > a { color: #999; display: inline-block; font-family: "Segoe UI"; font-size: 16px; padding: 10px 20px 9px; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL1 > li.active > a { background-color: #fff; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL1 > li > a::after { content: ""; display: inline-block; margin: 0 10px 0 0; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL1 > li.current > a { color: #fff; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL1 > li.inactive > a:hover { color: #999; text-decoration: none; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL1 > li.active > a, #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL2 > li.active > a, #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL3 > li.active > a { color: #555; text-decoration: none; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL2 > li > a:hover, #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL3 > li > a:hover { background-color: #ddd; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL2 > li.current > a, #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL3 > li.current > a { color: #1570a6; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL2 > li.active > a, #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL3 > li.active > a { background-color: #ddd; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL2 > li.inactive > a:hover, #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL3 > li.inactive > a:hover { color: #555; text-decoration: none; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul { line-height: 16px; margin: 0; padding: 0; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul::after { clear: both; content: " "; display: table; } #ux-header[dir="rtl"] header div.megaBladeToc nav > ul > li { float: left; padding: 0 0 0 8px; position: relative; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL2, #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL3 { background-color: #fff; display: none; line-height: 16px; padding: 10px 0; position: absolute; z-index: 200; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL2 a, #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL3 a { color: #555; font-size: 18px; line-height: 34px; padding: 7px 20px; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL2 { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor #bbb #bbb; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; box-shadow: 0 1px 1px 0 rgba(10, 10, 10, 0.25); font-size: 13px; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL2 a { width: 200px; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL2 > li > a::after { content: ""; display: inline; float: left; margin-top: 18px; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL3 { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor #bbb #bbb; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; box-shadow: 1px 1px 1px 0 rgba(10, 10, 10, 0.25); right: 240px; top: 0; } #ux-header[dir="rtl"] header div.megaBladeToc nav ul.navL3 a { width: 283px; } #ux-header[dir="rtl"] a.createProfileLink { margin-left: 23px; margin-right: 0; } #ux-header[dir="rtl"] #SearchFlyoutContainer { left: 1px; } #ux-header[dir="rtl"] #SearchFlyoutContainer ul li { padding-left: 0; padding-right: 10px; } @media not all { #ux-header header div.toc nav ul.navL1 > li.current > a { border: 2px solid #3f3; color: #fff; } #ux-header header div.toc nav ul.navL1 > li > a:hover, #ux-header header div.toc nav ul.navL1 > li.active > a { border: 2px solid #1402f5; } #ux-header header div.toc nav ul.navL1 > li.current > a:hover, #ux-header header div.toc nav ul.navL1 > li.current.active > a { border: 2px solid #1402f5; } #ux-header header div.toc nav ul.navL2 > li > a:hover, #ux-header header div.toc nav ul.navL3 > li > a:hover, #ux-header header div.toc nav ul.navL2 > li.active > a, #ux-header header div.toc nav ul.navL3 > li.active > a { background-color: #ff3; } #ux-header header div.row div.SearchBox { background-color: #232323; } #ux-header header div.row div.SearchBox form#HeaderSearchForm input { background-color: rgba(255, 255, 255, 0.15); color: #fff; } #ux-header header div.row div.SearchBox form#HeaderSearchForm button { background-color: #0078d7; color: #8b8b8b; } } @media not all { #ux-header header div.toc nav ul.navL1 > li.current > a { border: 2px solid #3f3; color: #fff; } #ux-header header div.toc nav ul.navL1 > li > a:hover, #ux-header header div.toc nav ul.navL1 > li.active > a { border: 2px solid #1402f5; } #ux-header header div.toc nav ul.navL1 > li.current > a:hover, #ux-header header div.toc nav ul.navL1 > li.current.active > a { border: 2px solid #1402f5; } #ux-header header div.toc nav ul.navL2 > li > a:hover, #ux-header header div.toc nav ul.navL3 > li > a:hover, #ux-header header div.toc nav ul.navL2 > li.active > a, #ux-header header div.toc nav ul.navL3 > li.active > a { background-color: gray; } #ux-header header div.row div.SearchBox { background-color: #fff; } #ux-header header div.row div.SearchBox form#HeaderSearchForm input { background-color: rgba(255, 255, 255, 0.15); color: #000; } #ux-header header div.row div.SearchBox form#HeaderSearchForm button { background-color: #0078d7; color: #000; } #ux-header header div.row div.SearchBox form#HeaderSearchForm div#searchCloseIconDiv { background-color: #000; } } @media not all { #ux-header header img#msft-logo { background-color: #000; } #ux-header header div.toc nav ul.navL1 > li.current > a { border: 2px solid #3f3; color: #00009f; } #ux-header header div.toc nav ul.navL1 > li > a:hover, #ux-header header div.toc nav ul.navL1 > li.active > a { border: 2px solid #3f3; } #ux-header header div.toc nav ul.navL1 > li.current > a:hover, #ux-header header div.toc nav ul.navL1 > li.current.active > a { border: 2px solid #3f3; } #ux-header header div.toc nav ul.navL2 > li > a:hover, #ux-header header div.toc nav ul.navL3 > li > a:hover, #ux-header header div.toc nav ul.navL2 > li.active > a, #ux-header header div.toc nav ul.navL3 > li.active > a { background-color: #ff3; } #ux-header header div.row a.msdnLogoImg { background-color: #000; } #ux-header header div.row div.SearchBox { background-color: #232323; } #ux-header header div.row div.SearchBox form#HeaderSearchForm input { background-color: rgba(255, 255, 255, 0.15); color: #fff; } #ux-header header div.row div.SearchBox form#HeaderSearchForm button { background-color: rgba(255, 255, 255, 0.15); color: #8b8b8b; } #ux-header header div#buttomRowWrapper #Fragment_SiteLogo div.LinkWithImage > a > img { background-color: #000; } } @-moz-document url-prefix("") { #FakeHeaderSearchButton:focus, #searchCloseIconDiv:focus { border: 0.5px dotted white; } } .clip1x18, .clip16x20, .clip30x36, .clip67x13, .clip70x15, .clip88x19, .clip112x24 { overflow: hidden; position: relative; } .clip1x18 { height: 18px; width: 1px; } .clip16x20 { height: 20px; width: 16px; } .clip30x36 { height: 36px; width: 30px; } .clip67x13 { height: 13px; width: 67px; } .clip70x15 { height: 15px; width: 70px; } .clip88x19 { height: 19px; width: 88px; } .clip112x24 { height: 24px; width: 112px; } .clip1x18 img, .clip1x18 input, .clip16x20 img, .clip16x20 input, .clip30x36 img, .clip30x36 input, .clip67x13 img, .clip67x13 input, .clip70x15 img, .clip70x15 input, .clip88x19 img, .clip88x19 input, .clip112x24 img, .clip112x24 input { height: auto; margin: 0; padding: 0; position: absolute; width: auto; } #ux-header .topRow .instagram, #ux-footer .instagram { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -3px -3px; height: 14px; overflow: hidden; width: 14px; } #ux-header .topRow .wechatShare, #ux-footer .wechatShare { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -24px -3px; height: 14px; overflow: hidden; width: 14px; } #ux-header .topRow .weiboShare, #ux-footer .weiboShare { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -45px -3px; height: 14px; overflow: hidden; width: 14px; } #ux-header .topRow .cnContactShare, #ux-footer .cnContactShare { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -66px -3px; height: 14px; overflow: hidden; width: 14px; } #ux-header .topRow .facebook, #ux-footer .facebook { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -87px -3px; height: 14px; overflow: hidden; width: 14px; } #ux-header .topRow .googlePlus, #ux-footer .googlePlus { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -108px -3px; height: 14px; overflow: hidden; width: 14px; } #ux-header .topRow .twitter, #ux-footer .twitter { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -129px -3px; height: 14px; overflow: hidden; width: 14px; } #ux-header .topRow .linkedin, #ux-footer .linkedin { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -150px -3px; height: 14px; overflow: hidden; width: 14px; } #ux-header .topRow .youtube, #ux-footer .youtube { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -171px -3px; height: 14px; overflow: hidden; width: 45px; } #ux-header .topRow .vkOne, #ux-footer .vkOne { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -223px -3px; height: 14px; overflow: hidden; width: 14px; } #ux-header .middleRow .instagram, #ux-footer .instagram { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -244px -3px; height: 27px; overflow: hidden; width: 27px; } #ux-header .middleRow .wechatShare, #ux-footer .wechatShare { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -278px -3px; height: 27px; overflow: hidden; width: 27px; } #ux-header .middleRow .weiboShare, #ux-footer .weiboShare { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -312px -3px; height: 27px; overflow: hidden; width: 27px; } #ux-header .middleRow .cnContactShare, #ux-footer .cnContactShare { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -346px -3px; height: 27px; overflow: hidden; width: 27px; } #ux-header .middleRow .facebook, #ux-footer .facebook { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -380px -3px; height: 27px; overflow: hidden; width: 27px; } #ux-header .middleRow .googlePlus, #ux-footer .googlePlus { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -414px -3px; height: 27px; overflow: hidden; width: 27px; } #ux-header .middleRow .twitter, #ux-footer .twitter { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -448px -3px; height: 27px; overflow: hidden; width: 27px; } #ux-header .middleRow .linkedin, #ux-footer .linkedin { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -482px -3px; height: 27px; overflow: hidden; width: 27px; } #ux-header .middleRow .youtube, #ux-footer .youtube { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -516px -3px; height: 27px; overflow: hidden; width: 86px; } #ux-header .middleRow .vkOne, #ux-footer .vkOne { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -609px -3px; height: 27px; overflow: hidden; width: 27px; } #ux-header .logo, #ux-footer .logo { left: -643px; top: -3px; } #ux-footer .selectLocale a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -717px -3px; height: 24px; overflow: hidden; width: 24px; } .office::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -748px -3px; height: 20px; overflow: hidden; width: 17px; } .windowsBlue::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -772px -3px; height: 19px; overflow: hidden; width: 19px; } .visualStudio::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -798px -3px; height: 19px; overflow: hidden; width: 19px; } .nokia::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -824px -3px; height: 19px; overflow: hidden; width: 19px; } #ux-header .rtl .navL2 > li.toggle > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -850px -3px; height: 12px; overflow: hidden; width: 9px; } #ux-header .navL2 > li.toggle > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -866px -3px; height: 12px; overflow: hidden; width: 9px; } .navL1 > li.toggle.active > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -882px -3px; height: 6px; overflow: hidden; width: 10px; } #ux-header .arrow-grey-down, #ux-footer .arrow-grey-down { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -882px -3px; height: 6px; overflow: hidden; width: 10px; } .navL1 > li.toggle.inactive > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -899px -3px; height: 6px; overflow: hidden; width: 10px; } #ux-header .arrow-white, #ux-footer .arrow-white { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -899px -3px; height: 6px; overflow: hidden; width: 10px; } .mobile .navL1 > li.toggle.inactive > a::after, .mobile .navL2 > li.toggle.inactive > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -916px -3px; height: 5px; overflow: hidden; width: 7px; } .mobile .navL1 > li.toggle.active > a::after, .mobile .navL2 > li.toggle.active > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -930px -3px; height: 5px; overflow: hidden; width: 7px; } #ux-header .GrayPipe, #ux-footer .GrayPipe { left: -944px; top: -3px; } #ux-header .tablet-msft-logo, #ux-footer .tablet-msft-logo { left: -952px; top: -3px; } #ux-header .search-finder, #ux-footer .search-finder { left: -1047px; top: -3px; } #ux-header .search-clear-x, #ux-footer .search-clear-x { left: -1070px; top: -3px; } #ux-header .msft-logo, #ux-footer .msft-logo { left: -1093px; top: -3px; } #ux-header .profileImage { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1170px -3px; height: 31px; overflow: hidden; width: 25px; } #ux-header .mobile-search-finder, #ux-footer .mobile-search-finder { left: -1202px; top: -3px; } #ux-header .mobile-search-clear-x, #ux-footer .mobile-search-clear-x { left: -1239px; top: -3px; } #ux-header .mobile-msft-logo, #ux-footer .mobile-msft-logo { left: -1276px; top: -3px; } #ux-header .mobile-menu-icon, #ux-footer .mobile-menu-icon { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1395px -3px; height: 28px; overflow: hidden; width: 30px; } #ux-header[data-device-type="mobile"] .navL1 > li.toggle.current > a::after, #ux-header[data-device-type="mobile"] .navL2 > li.toggle.current > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1432px -3px; height: 15px; overflow: hidden; width: 27px; } #ux-header[data-device-type="mobile"] .navL1 > li.toggle > a::after, #ux-header[data-device-type="mobile"] .navL2 > li.toggle > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1466px -3px; height: 15px; overflow: hidden; width: 27px; } #ux-header .menu-icon, #ux-footer .menu-icon { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1500px -3px; height: 17px; overflow: hidden; width: 18px; } #ux-header[data-device-type="tablet"] .navL1 > li.toggle.current > a::after, #ux-header[data-device-type="tablet"] .navL2 > li.toggle.current > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1525px -3px; height: 9px; overflow: hidden; width: 17px; } #ux-header[data-device-type="tablet"] .navL1 > li.toggle > a::after, #ux-header[data-device-type="tablet"] .navL2 > li.toggle > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1549px -3px; height: 9px; overflow: hidden; width: 17px; } #ux-header .arrow-grey-right, #ux-footer .arrow-grey-right { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1573px -3px; height: 10px; overflow: hidden; width: 6px; } #ux-header header div.bg_yellow1 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_yellow2 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_yellow3 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_orange1 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_orange2 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_red1 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_magenta1 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_magenta2 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_cyan1 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_cyan2 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_teal1 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_teal2 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_green1 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_green2 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_lime1 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_lime2 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_gray3 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_gray4 div.toc nav ul.navL1 > li.toggle.inactive > a::after, #ux-header header div.bg_white div.toc nav ul.navL1 > li.toggle.inactive > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1586px -3px; height: 6px; overflow: hidden; width: 10px; } #ux-footer .footerSockLeft .instagram { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1603px -3px; height: 33px; overflow: hidden; width: 33px; } #ux-footer .footerSockLeft .facebook { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1643px -3px; height: 32px; overflow: hidden; width: 32px; } #ux-footer .footerSockLeft .googlePlus { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1682px -3px; height: 32px; overflow: hidden; width: 32px; } #ux-footer .footerSockLeft .linkedin { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1721px -3px; height: 33px; overflow: hidden; width: 33px; } #ux-footer .footerSockLeft .twitter { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1761px -3px; height: 32px; overflow: hidden; width: 33px; } #ux-footer .footerSockLeft .vkOne { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1801px -3px; height: 33px; overflow: hidden; width: 33px; } #ux-footer .footerSockLeft .wechatShare { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1841px -3px; height: 33px; overflow: hidden; width: 33px; } #ux-footer .footerSockLeft .weiboShare { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1881px -3px; height: 33px; overflow: hidden; width: 33px; } #ux-footer .footerSockLeft .cnContactShare { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1921px -3px; height: 33px; overflow: hidden; width: 33px; } #ux-footer .footerSockLeft .youtube { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1961px -3px; height: 33px; overflow: hidden; width: 33px; } @media not all { .clip67x13 { overflow: hidden; position: relative; } .clip67x13 { height: 13px; width: 67px; } .clip67x13 img, .clip67x13 input { height: auto; margin: 0; padding: 0; position: absolute; width: auto; } #ux-header .logo, #ux-footer .logo { left: -643px; top: -3px; } #ux-footer .selectLocale a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -717px -3px; height: 24px; overflow: hidden; width: 24px; } .office::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -748px -3px; height: 20px; overflow: hidden; width: 17px; } .windowsBlue::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -772px -3px; height: 19px; overflow: hidden; width: 19px; } .visualStudio::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -798px -3px; height: 19px; overflow: hidden; width: 19px; } #ux-header .rtl .navL2 > li.toggle > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -850px -3px; height: 12px; overflow: hidden; width: 9px; } #ux-header .navL2 > li.toggle > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -866px -3px; height: 12px; overflow: hidden; width: 9px; } .navL1 > li.toggle.active > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -882px -3px; height: 6px; overflow: hidden; width: 10px; } .navL1 > li.toggle.inactive > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -899px -3px; height: 6px; overflow: hidden; width: 10px; } .mobile .navL1 > li.toggle.inactive > a::after, .mobile .navL2 > li.toggle.inactive > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -916px -3px; height: 5px; overflow: hidden; width: 7px; } .mobile .navL1 > li.toggle.active > a::after, .mobile .navL2 > li.toggle.active > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -930px -3px; height: 5px; overflow: hidden; width: 7px; } #ux-footer .footerSockLeft .instagram { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1603px -3px; height: 33px; overflow: hidden; width: 33px; } #ux-footer .footerSockLeft .facebook { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1643px -3px; height: 32px; overflow: hidden; width: 32px; } #ux-footer .footerSockLeft .googlePlus { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1682px -3px; height: 32px; overflow: hidden; width: 32px; } #ux-footer .footerSockLeft .linkedin { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1721px -3px; height: 33px; overflow: hidden; width: 33px; } #ux-footer .footerSockLeft .twitter { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1761px -3px; height: 32px; overflow: hidden; width: 33px; } #ux-footer .footerSockLeft .vkOne { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1801px -3px; height: 33px; overflow: hidden; width: 33px; } #ux-footer .footerSockLeft .wechatShare { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1841px -3px; height: 33px; overflow: hidden; width: 33px; } #ux-footer .footerSockLeft .weiboShare { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1881px -3px; height: 33px; overflow: hidden; width: 33px; } #ux-footer .footerSockLeft .cnContactShare { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1921px -3px; height: 33px; overflow: hidden; width: 33px; } #ux-footer .footerSockLeft .youtube { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1961px -3px; height: 33px; overflow: hidden; width: 33px; } } @media not all { .navL1 > li.toggle.active > a::after, .navL1 > li.toggle.inactive > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -1586px -3px; height: 6px; overflow: hidden; width: 10px; } #ux-header .rtl .navL2 > li.toggle > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -2001px -3px; height: 10px; overflow: hidden; width: 6px; } #ux-header .navL2 > li.toggle > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -2014px -3px; height: 10px; overflow: hidden; width: 6px; } .mobile .navL1 > li.toggle.inactive > a::after, .mobile .navL2 > li.toggle.inactive > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -2027px -3px; height: 4px; overflow: hidden; width: 7px; } .mobile .navL1 > li.toggle.active > a::after, .mobile .navL2 > li.toggle.active > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -2041px -3px; height: 4px; overflow: hidden; width: 7px; } } @media not all { #ux-header .rtl .navL2 > li.toggle > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -850px -3px; height: 12px; overflow: hidden; width: 9px; } #ux-header .navL2 > li.toggle > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -866px -3px; height: 12px; overflow: hidden; width: 9px; } .navL1 > li.toggle.active > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -882px -3px; height: 6px; overflow: hidden; width: 10px; } .navL1 > li.toggle.inactive > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -899px -3px; height: 6px; overflow: hidden; width: 10px; } .mobile .navL1 > li.toggle.inactive > a::after, .mobile .navL2 > li.toggle.inactive > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -916px -3px; height: 5px; overflow: hidden; width: 7px; } .mobile .navL1 > li.toggle.active > a::after, .mobile .navL2 > li.toggle.active > a::after { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636382651724723869') no-repeat scroll -930px -3px; height: 5px; overflow: hidden; width: 7px; } } #ux-header header div.row { max-width: 1180px; width: 97%; } @media screen and (max-width: 1262px) { #ux-header header span#doubleCol { display: inline; } } @media screen and (max-width: 1180px) { } @media screen and (max-width: 1024px) { } @media screen and (max-width: 960px) { #ux-header header span#isMobile { display: block; } #ux-header #HeaderSearchTextBox { border-radius: 0; } #ux-header header div.row div.SearchBox form#HeaderSearchForm { max-width: initial; } #ux-header header a.createViewProfileLink { display: block; } #ux-header header div#Fragment_Subscriptions, #ux-header header div#Fragment_GetTools { display: inline-block; margin-right: 16px; } #ux-header header div.top .right span.profileName, #ux-header header div.top .right div.profileImage { display: inline-block; margin-right: 16px; vertical-align: middle; } #ux-header[dir="rtl"] header div.top .right span.profileName, #ux-header[dir="rtl"] header div.top .right div.profileImage { margin-left: 16px; margin-right: 0; } #ux-header a.createProfileLink { display: none; } #ux-header header div.row nav ul.navL1 { margin-left: 0; } #ux-header[dir="rtl"] header div.row nav ul.navL1 { margin-right: 0; } #ux-header header div.row nav ul.navL2, #ux-header header div.row nav ul.navL3 { border: medium none; box-shadow: none; position: static; } #ux-header header div.toc nav ul.navL1 > li > a::after { margin-right: 0; } #ux-header[dir="rtl"] header div.toc nav ul.navL1 > li > a::after { margin-left: 0; } #ux-header header div.toc nav ul.navL1 > li.active > a { border-bottom: 0 none; } #ux-header header div.toc nav ul.navL2, #ux-header header div.toc nav ul.navL3 { background-color: inherit; color: inherit; padding-bottom: 0; padding-top: 0; } #ux-header header div.row nav ul.navL1 > li > a::after, #ux-header header div.row nav ul.navL2 > li > a::after, #ux-header[dir="rtl"] header div.row nav ul.navL1 > li > a::after, #ux-header[dir="rtl"] header div.row nav ul.navL2 > li > a::after { float: right; } #ux-header[dir="rtl"] header div.row nav ul.navL1 > li > a::after, #ux-header[dir="rtl"] header div.row nav ul.navL2 > li > a::after { float: left; } #ux-header[dir="rtl"] header div.row nav > ul > li, #ux-header header div.row nav > ul > li { float: none; position: static; } #ux-header header div.row nav ul.navL1 > li > a, #ux-header header div.row nav ul.navL2 > li > a, #ux-header header div.row nav ul.navL3 > li > a { color: #555; display: block; font-family: SegoeUI-Light,"Segoe UI",Tahoma,Helvetica,sans-serif; font-size: 18px; height: 29px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ux-header header div.row nav ul.navL1 > li > a { border-bottom: 1px solid #e5e5e5; padding: 17px 20px 7px; width: calc(100% - 40px); } #ux-header header div.row nav ul.navL2 > li > a { border-bottom: 1px solid #ccc; padding-left: 42px; width: calc(100% - 62px); } #ux-header header div.row nav ul.navL3 > li > a { padding-left: 64px; width: calc(100% - 84px); } #ux-header[dir="rtl"] header div.row nav ul.navL1 > li > a { padding: 17px 20px 7px; width: calc(100% - 40px); } #ux-header[dir="rtl"] header div.row nav ul.navL2 > li > a { padding-left: 20px; padding-right: 42px; width: calc(100% - 62px); } #ux-header[dir="rtl"] header div.row nav ul.navL3 > li > a { padding-left: 20px; padding-right: 64px; width: calc(100% - 84px); } #ux-header header div.row nav ul.navL2 a { padding-bottom: 19px; padding-top: 6px; } #ux-header header div.row nav ul.navL2 a:focus, #ux-header header div.row nav ul.navL3 a:focus { outline: 1px dotted #fff; } #ux-header header div.row nav ul.navL1 > li.inactive > a:hover, #ux-header header div.row nav ul.navL2 > li.inactive > a:hover, #ux-header header div.row nav ul.navL3 > li.inactive > a:hover, #ux-header header div.row nav ul.navL1 > li.active > a, #ux-header header div.row nav ul.navL2 > li.active > a, #ux-header header div.row nav ul.navL3 > li.active > a { background-color: #d8d8d8; } #ux-header header div.toc nav ul.navL1 > li.current.active > a, #ux-header header div.toc nav ul.navL2 > li.current.active > a { background-color: #d8d8d8; } #ux-header header div.toc nav ul.navL1 > li.current > a, #ux-header header div.toc nav ul.navL2 > li.current > a, #ux-header header div.toc nav ul.navL3 > li.current > a { background-color: #353535; color: #fff; } #ux-header header div.row nav ul.navL1 > li.active ul.navL2 > li, #ux-header header div.row nav ul.navL1 > li.active ul.navL3 > li { background-color: #f2f2f2; } #ux-header[dir="rtl"] a.createProfileLink { margin-left: 27px; margin-right: 0; } #ux-header header { } #ux-header header div.row div.left #Fragment_SiteLogo .LinkWithImage a > span { white-space: nowrap; } #ux-header header div.row nav { width: 100%; } #ux-header header div.row nav ul li { display: block; width: 320px; } #ux-header header div.row nav ul li a { display: block; padding: 10px 0; } #ux-header header div.row #grip { display: inline-block; margin: 16px 18px 11px 0; } #ux-header[dir="rtl"] header div.row #grip { float: right; margin: 16px 0 11px 18px; } #ux-header header div.row div.SearchBox { background-color: #232323; border: 0 none; font-family: "Segoe UI",Tahoma,Helvetica,sans-serif; font-size: 0.8125rem; font-weight: 400; height: auto; padding: 0; width: auto; z-index: 10; } #ux-header header div.row div.SearchBox form#HeaderSearchForm { float: right; } #ux-header header div.row div.SearchBox form#HeaderSearchForm input[type="text"] { box-sizing: border-box; padding-right: 40px; width: 100%; } #ux-header[dir="rtl"] header div.row div.SearchBox form#HeaderSearchForm input[type="text"] { padding-left: 40px; } #ux-header header div.row div.top div.right { font-size: 100%; line-height: 48px; margin: 0; } #ux-header header div.row div.top div.right div a { font-size: 14px; vertical-align: middle; } #ux-header #SearchFlyoutContainer div#SuggestionContainer { margin-right: 0; } #ux-header div#SuggestionContainer #SearchFlyoutContainer ul { width: 100%; } #ux-header div#SuggestionContainer #SearchFlyoutContainer ul li { width: 100%; } #ux-header header div.row #Fragment_SocialLinks .linkList ul li:first-child { margin-left: 0; } #ux-header[dir="rtl"] header div.row #Fragment_SocialLinks .linkList ul li:first-child { margin-right: 0; } #ux-header header div.row #Fragment_SocialLinks .linkList ul li { height: 27px; } #ux-header #Fragment_SocialLinks { margin-top: 24px; } #ux-header[dir="rtl"] #Fragment_SocialLinks { float: right; margin-left: 0; } #ux-header #Fragment_Subscriptions { clear: both; } #ux-header[dir="rtl"] #Fragment_Subscriptions { float: right; margin-right: 0; } #ux-header div.toc { background-color: #fff; left: calc(-80%); position: absolute; width: 320px; z-index: 1200; } #ux-header[dir="rtl"] div.toc { left: calc(100%); } #ux-header header div.toc nav li { background: inherit; } #ux-header header div.row { width: 100%; } #ux-header header div.row div.top, #ux-header header div.row div.bottom { margin: 0 0 0 16px; } #ux-header[dir="rtl"] header div.row div.top, #ux-header[dir="rtl"] header div.row div.bottom { margin: 0 16px 0 0; } #ux-header header div.top .left a.DevCenterFullName { display: inline-block; } #ux-header header div.top .left a.msdnLogoImg { display: inline-block; margin: 14px 0 15px; vertical-align: top; } #ux-header header div.top div.left div.GrayPipeDiv { display: inline-block; margin: 16px 16px 0; vertical-align: top; } #ux-header[dir="rtl"] header div.top div.left div.GrayPipeDiv { margin: 16px 16px 0; } #ux-header header div.top .left a.DevCenterFullNameNonMegaBlade, #ux-header header div.top .left div.MegaBladeNavigation, #ux-header header div.top .left a.DevCenterShortName { display: none; } #ux-header header div.left div.auxNav { margin: 20px 0 25px 17px; } #ux-header header div.left div.auxNav > div { display: flex; } #ux-header[dir="rtl"] header div.left div.auxNav { margin: 20px 17px 25px 0; } #ux-header header div.left div.auxNav a { font-size: 16px; } #ux-header header div.row #Fragment_SocialLinks .linkList ul li { margin-left: 40px; } #ux-header[dir="rtl"] header div.row #Fragment_SocialLinks .linkList ul li { margin-left: 40px; margin-right: 0; } #ux-header header div.expandTop .right { margin: 20px 22px 25px 0; } #ux-header[dir="rtl"] header div.expandTop .right { margin: 20px 0 25px 22px; } #ux-header header div.expandTop .right a { font-size: 16px; } #ux-header header div.expandTop .right a { margin-bottom: 24px; } #ux-header header div.expandTop .right a.scarabLink { display: block; float: right; margin-bottom: 0; } #ux-header[dir="rtl"] header div.expandTop .right a.scarabLink { float: left; } #ux-header header div.bottom .left #Fragment_SiteLogo { margin-right: 0; } #ux-header .navL1 > li.toggle.active > a::after, #ux-header .navL2 > li.toggle.active > a::after { transform: rotate(180deg); } #overlayMask, #overlayMaskHeader { background-color: rgba(0, 0, 0, 0.3); display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #overlayMask { z-index: 900; } #overlayMaskHeader { z-index: 1100; } } @media screen and (max-width: 640px) { #ux-header header div.top .left a.msdnLogoImg { margin: 11px 0 12px; } #ux-header header div.top .left a.DevCenterFullName { vertical-align: middle; } #ux-header #signIn, #ux-header header div.row div.top div.right { line-height: 42px; } #ux-header header div.top div.left div.GrayPipeDiv { margin: 13px 2px 0 4px; } #ux-header header div.top div.left a.DevCenterFullName { margin-top: 15px; } #ux-header header div.top .left a.DevCenterFullName { display: none; } #ux-header header div.top .left a.DevCenterShortName { display: inline-block; margin-bottom: 14px; margin-top: 15px; } #ux-header header div#Fragment_GetTools { display: none; } } @media screen and (max-width: 480px) { } @media screen and (max-width: 360px) { } body #ux-banner { min-width: 0; } #ux-banner div.banner div.row { max-width: 1180px; width: 97%; } #ux-banner div.banner div.row div.left { white-space: normal; } @media screen and (max-width: 1262px) { #ux-banner div.banner div.row { width: 90%; } #ux-banner div.banner div.row div.left { width: 70%; } } @media screen and (max-width: 768px) { #ux-banner div.banner div.row { width: 90%; } #ux-banner div.banner div.row div.left { width: 70%; } } @media screen and (max-width: 644px) { #ux-banner div.banner div.row { width: 80%; } #ux-banner div.banner div.row div.left { padding-left: 0; width: 40%; } #ux-banner div.banner div.row div.middle { max-width: 90px; } } .breadCrumb { margin-top: 10px; } .breadCrumb > span > a, .breadCrumb > span > a:link, .breadCrumb > span > a:hover, .breadCrumb > span > a:visited { color: #404142; font-size: 12px; text-decoration: none; } .breadCrumb > span { font-size: 12px; } .breadCrumb > span::after { content: " > "; margin-left: 2px; } .breadCrumb > span:last-child::after { content: ""; margin-left: 0; } .breadCrumb { margin: 45px auto -35px; max-width: 1180px; position: relative; z-index: 6; } @media screen and (max-width: 1262px) { .breadCrumb { width: 90%; } } @media screen and (max-width: 768px) { .breadCrumb { width: 90%; } } .breadCrumb > span > a, .breadCrumb > span > a:link, .breadCrumb > span > a:visited { color: #1570a6; font-size: 11px; text-decoration: none; } .breadCrumb > span > a:hover { color: rgba(21, 112, 166, 0.7); text-decoration: none; } .breadCrumb > span { color: #555; font-size: 11px; } .breadCrumb > span::after { content: " / "; margin-left: 2px; } .breadCrumb > span:last-child::after { content: ""; margin-left: 0; } .smallBlocks, .largeBlocks, .singleBlockLargeImage, .singleBlockSmallImage, .noLayout { margin: 0 0 40px; width: 100%; } .listItems::after { clear: both; content: ""; display: table; } .listItems .listDescription { margin-top: 20px; } .singleBlockSmallImage .block, .singleBlockLargeImage .block { width: 100%; } .singleBlockSmallImage .block .image, .singleBlockLargeImage .block .image { max-width: none; } .singleBlockSmallImage .block .image, .singleBlockLargeImage .block .image, .singleBlockSmallImage .block .media, .singleBlockLargeImage .block .media { vertical-align: top; } .singleBlockSmallImage .block .textContent, .singleBlockLargeImage .block .textContent { padding: 15px; } .singleBlockSmallImage .block.type3 .textContent, .singleBlockLargeImage .block.type3 .textContent { margin-bottom: 15px; } .singleBlockSmallImage .block.type3 .textContent .RichText, .singleBlockLargeImage .block.type3 .textContent .RichText { margin-bottom: 15px; } .singleBlockSmallImage .block.type3 .textContent .link, .singleBlockLargeImage .block.type3 .textContent .link { display: inline-block; position: static; } .singleBlockSmallImage .block .image, .singleBlockSmallImage .block .media { width: 25%; } .singleBlockSmallImage .block .textContent { width: calc(75% - 30px); } .singleBlockSmallImage .block.type3 .textContent, .singleBlockSmallImage .block.bg_white .textContent { width: calc(75% - 20px); } .singleBlockLargeImage .block .image, .singleBlockLargeImage .block .media { width: calc(50% - 10px); } .singleBlockLargeImage .block .textContent { width: calc(50% - 10px); } .singleBlockLargeImage .block.type3 .textContent, .singleBlockLargeImage .block.bg_white .textContent { width: calc(50% - 10px); } .smallBlocks .block .image, .smallBlocks .block .textContent { display: block; } @media screen and (min-width: 1263px) { .smallBlocks .block, .largeBlocks .block { display: inline-block; float: left; } html[dir="rtl"] .smallBlocks .block, html[dir="rtl"] .largeBlocks .block { float: right; } .smallBlocks .block { margin-right: 20px; width: calc(25% - 15px); } html[dir="rtl"] .smallBlocks .block { margin-left: 20px; margin-right: 0; } html[dir="ltr"] .smallBlocks .block:nth-of-type(4n) { margin-right: 0; } html[dir="rtl"] .smallBlocks .block:nth-of-type(4n) { margin-left: 0; } .threeCol .smallBlocks .block { margin-right: 20px; width: 280px; } html[dir="ltr"] .threeCol .smallBlocks .block:nth-of-type(4n) { margin-right: 20px; } html[dir="rtl"] .threeCol .smallBlocks .block:nth-of-type(4n) { margin-left: 20px; margin-right: 0; } html[dir="ltr"] .threeCol .smallBlocks .block:nth-of-type(3n) { margin-right: 0; } html[dir="rtl"] .threeCol .smallBlocks .block:nth-of-type(3n) { margin-left: 0; } .largeBlocks .block { margin-right: 20px; width: calc(50% - 10px); } html[dir="rtl"] .largeBlocks .block { margin-left: 20px; margin-right: 0; } html[dir="ltr"] .largeBlocks .block:nth-of-type(2n) { margin-right: 0; } html[dir="rtl"] .largeBlocks .block:nth-of-type(2n) { margin-left: 0; } } @media screen and (max-width: 1262px) { .smallBlocks .block, .largeBlocks .block { display: inline-block; float: left; margin-right: 20px; width: calc(50% - 10px); } html[dir="rtl"] .smallBlocks .block, html[dir="rtl"] .largeBlocks .block { float: right; margin-left: 20px; margin-right: 0; } html[dir="ltr"] .smallBlocks .block:nth-of-type(2n), html[dir="ltr"] .largeBlocks .block:nth-of-type(2n) { margin-right: 0; } html[dir="rtl"] .smallBlocks .block:nth-of-type(2n), html[dir="rtl"] .largeBlocks .block:nth-of-type(2n) { margin-left: 0; } } @media screen and (max-width: 995px) { .threeCol .largeBlocks .block, .threeCol .smallBlocks .block { margin-right: 0; width: 100%; } html[dir="rtl"] .threeCol .largeBlocks .block, html[dir="rtl"] .threeCol .smallBlocks .block { margin-left: 0; } .threeCol .singleBlockSmallImage .block .image, .threeCol .singleBlockLargeImage .block .image, .threeCol .singleBlockSmallImage .block .media, .threeCol .singleBlockLargeImage .block .media { float: none; width: 100%; } .threeCol .singleBlockSmallImage .block .textContent, .threeCol .singleBlockLargeImage .block .textContent { float: none; width: calc(100% - 30px); } .threeCol .singleBlockSmallImage .block.type3 .textContent, .threeCol .singleBlockLargeImage .block.type3 .textContent, .threeCol .singleBlockSmallImage .block.bg_white .textContent, .threeCol .singleBlockLargeImage .block.bg_white .textContent { padding: 15px 0; width: 100%; } } @media screen and (min-width: 645px) { .singleBlockSmallImage .block.type3.leftImage .textContent, .singleBlockLargeImage .block.type3.leftImage .textContent, .singleBlockSmallImage .block.bg_white.leftImage .textContent, .singleBlockLargeImage .block.bg_white.leftImage .textContent { margin: 0 0 0 20px; } .singleBlockSmallImage .block.type3.rightImage .textContent, .singleBlockLargeImage .block.type3.rightImage .textContent, .singleBlockSmallImage .block.bg_white.rightImage .textContent, .singleBlockLargeImage .block.bg_white.rightImage .textContent { margin: 0 20px 0 0; } } @media screen and (max-width: 644px) { .smallBlocks .block, .largeBlocks .block { float: none; margin-right: 0; width: 100%; } html[dir="rtl"] .smallBlocks .block, html[dir="rtl"] .largeBlocks .block { margin-left: 0; } .singleBlockSmallImage .block .image, .singleBlockLargeImage .block .image, .singleBlockSmallImage .block .media, .singleBlockLargeImage .block .media { float: none; width: 100%; } .singleBlockSmallImage .block .textContent, .singleBlockLargeImage .block .textContent { float: none; width: calc(100% - 30px); } .singleBlockSmallImage .block.type3.leftImage .textContent, .singleBlockLargeImage .block.type3.leftImage .textContent, .singleBlockSmallImage .block.bg_white.leftImage .textContent, .singleBlockLargeImage .block.bg_white.leftImage .textContent, .singleBlockSmallImage .block.type3.rightImage .textContent, .singleBlockLargeImage .block.type3.rightImage .textContent, .singleBlockSmallImage .block.bg_white.rightImage .textContent, .singleBlockLargeImage .block.bg_white.rightImage .textContent { margin-bottom: 45px; padding: 15px 0; width: 100%; } } .block { margin-top: 20px; } .block .title { margin-bottom: 12px; } .block .image { width: 100%; } .block .image span.label { display: none; } .block .textContent { padding: 15px; width: calc(100% - 30px); } .block.type3 .textContent, .block.bg_white .textContent { padding: 0; width: 100%; } .block.type3.topImage .image, .block.bg_white.topImage .image, .block.type3.topImage .media, .block.bg_white.topImage .media { margin-bottom: 12px; } .block.leftImage div.textContent, .block.leftImage div.image, .block.leftImage div.media, .block.leftImage div.modelMediaSource { float: left; } .block.rightImage div.textContent, .block.rightImage div.image, .block.rightImage div.media, .block.rightImage div.modelMediaSource { float: right; } .block.leftImage, .block.rightImage, .block .image, .block .textContent { display: inline-block; } .block > .image > a, .block > a.tile { display: block; width: 100%; } .block > .image > img, .block > .image > a > img, .block a.tile > .image > img, .block a.videoLink > .image > img { display: block; width: 100%; } .block.type2 .textContent .link a { font-weight: bold; text-decoration: none; } .block.type3 { position: relative; } .block.type3 .textContent { margin-bottom: 60px; } .block.type3 .link { bottom: 0; position: absolute; } .block.type3 .link > a { display: block; padding: 5px 20px; text-align: center; } .block.type5 .image, .block.type6 .image { position: relative; } .block.type5 .image .playButton, .block.type6 .image .playButton { background: rgba(0, 0, 0, 0) url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Epx/Themes/Base/Content/Images/video-play-button.png?v=636382651851444361') no-repeat scroll center center; display: block; height: 58px; left: 50%; margin-left: -29px; margin-top: -29px; position: absolute; top: 50%; width: 58px; } .block.type5 .modelMediaSource, .block.type6 .modelMediaSource { display: none; } div.block.type6 a.videoLink { display: block; } @media screen and (max-width: 1262px) { .block.type5 .modelMediaSource, .block.type6 .modelMediaSource { height: 0; padding-bottom: 56.25%; position: relative; width: 100%; } .block.type5 .modelMediaSource iframe, .block.type6 .modelMediaSource iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } } @media screen and (max-width: 768px) { div.block.type5 .modelMediaSource, div.block.type6 .modelMediaSource { margin-bottom: 10px; } } .popupDialog { border: 0 none; padding: 0; } .popupDialog .dialogCloseButton { background-image: url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/Base/Content/close-button.png?v=636382651693473447'); cursor: pointer; display: inline-block; height: 37px; position: absolute; top: -47px; width: 37px; z-index: 300; } .ui-dialog-titlebar { display: none; } .ui-widget-overlay { background: #323332 none repeat scroll 0 0; opacity: 0.9; } .ui-dialog .ui-dialog-content { padding: 0; } .ui-front { z-index: 210; } .linkList > ul { list-style-type: none; margin: 0; padding: 0; } .linkList > ul > li { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; list-style-type: none; margin: 0; padding: 0; } .linkList ul.horizontal > li { float: left; } .rtl .linkList > ul.horizontal > li { float: right; } .linkList ul.horizontal > li.divider:last-child { display: none; } div#ux-footer { background-color: #eee; display: block; font-family: "Segoe UI",Tahoma,Helvetica,sans-serif; font-size: 16px; font-weight: normal; margin: 0 auto; width: 100%; } div#ux-footer a { text-decoration: none; } div#ux-footer a:focus { outline: 1px dotted #000; } div#ux-footer .clear { clear: both; } div#ux-footer footer.top { display: block; margin: 0 auto; position: relative; width: 97%; } div#ux-footer footer.top .linkListTitle { color: #000; font-size: 0.8125em; line-height: 1.875em; margin-top: 35px; } div#ux-footer footer.top h4.linkListTitle { font-family: "Segoe UI",Tahoma,Helvetica,sans-serif; } div#ux-footer footer.top ul > li > a { color: #1570a6; font-size: 0.6875em; line-height: 1.875em; } div#ux-footer footer.top div#rightLinks > div { float: left; width: 33.3%; } div#ux-footer footer.top div#rightLinks > div.nth-child-4n { clear: both; } div#ux-footer footer.top div#rightLinks > div.feedbackContainer { color: #000; font-size: 100%; width: 66.6%; } div#ux-footer footer.top div.feedbackContainer div#feedbackSection3 div { margin-bottom: 3px; } div#ux-footer footer.top div.feedbackContainer div#feedbackSection3 div div.ui-checkbox input { margin-top: -2px; vertical-align: middle; } div#ux-footer footer.top div.feedbackContainer div#feedbackSection1, div#ux-footer footer.top div.feedbackContainer div#feedbackSection2, div#ux-footer footer.top div.feedbackContainer div#feedbackSection3, div#ux-footer footer.top div.feedbackContainer div#feedbackSection4 div.left span.counter, div#ux-footer footer.top div.feedbackContainer div#feedbackSection5 { color: #000; font-size: 0.8125em; } div#ux-footer footer.top div.feedbackContainer div textarea#feedbackTextArea.TellUsMoreTextBoxSearchLoaded { color: #949494; font-size: 0.75em; } div#ux-footer footer.top div.feedbackContainer div textarea#feedbackTextArea.TellUsMoreTextBoxSearch { font-size: 0.8125em; } div#ux-footer #Fragment_LeftLinks { float: left; width: 25%; } div#ux-footer #Fragment_LeftLinks > .linkList > ul > li > a { color: #000; display: inline-block; font-size: 0.8125em; height: 30px; line-height: 1.25em; margin-top: 10px; } div#ux-footer #Fragment_LeftLinks > .linkList > ul > li > a::after { content: " "; display: block; float: left; margin: 0 10px 0 0; } div#ux-footer #rightLinks { float: left; width: 75%; } div#ux-footer footer.bottom { clear: both; display: block; line-height: 1; margin: 0 auto; padding: 45px 0; position: relative; width: 97%; } div#ux-footer footer.bottom span.localeContainer { display: inline-block; float: left; width: 25%; } div#ux-footer footer.bottom span.localeContainer a { background-color: #4d4d4d; color: #fff; display: inline-block; font-size: 0.6875em; line-height: 2em; padding-left: 9px; text-decoration: none; } div#ux-footer footer.bottom span.localeContainer a::after { background-color: #1570a6; content: " "; display: block; float: right; margin-left: 9px; } div#ux-footer footer.bottom span.copyright { display: inline-block; float: left; font-size: 0.6875em; line-height: 1.7em; margin-right: 20px; } div#ux-footer footer.bottom span.logoSpan { display: inline-block; margin-right: 20px; } div#ux-footer footer.bottom span.logoSpan img { max-width: none; } div#ux-footer #Fragment_BottomLinks > .linkList > ul { float: left; width: 50%; } div#ux-footer #Fragment_BottomLinks > .linkList > ul > li { display: inline-block; margin-right: 20px; } div#ux-footer #Fragment_BottomLinks > .linkList > ul > li > a { color: #1570a6; font-size: 0.6875em; line-height: 1.5em; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.rating { float: right; margin-left: 0; margin-right: 25%; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.buttons > .button { margin: 0 0 0 10px; } div#ux-footer[dir="rtl"] .right { float: left; } div#ux-footer[dir="rtl"] .left { float: right; } div#ux-footer[dir="rtl"] #Fragment_LeftLinks { float: right; } div#ux-footer[dir="rtl"] #Fragment_LeftLinks > .linkList > ul > li > a::after { float: right; margin: 0 0 0 10px; } div#ux-footer[dir="rtl"] #rightLinks { float: right; } div#ux-footer[dir="rtl"] footer.top div#rightLinks > div { float: right; } div#ux-footer[dir="rtl"] footer.bottom span.localeContainer { float: right; } div#ux-footer[dir="rtl"] footer.bottom span.localeContainer a { padding-left: 0; padding-right: 9px; } div#ux-footer[dir="rtl"] footer.bottom span.localeContainer a::after { float: left; margin: 0 9px 0 0; } div#ux-footer[dir="rtl"] footer.bottom span.logoSpan { margin-left: 20px; margin-right: 0; } div#ux-footer[dir="rtl"] footer.bottom span.logoSpan img { max-width: none; } div#ux-footer[dir="rtl"] footer.bottom span.copyright { float: right; margin-left: 20px; margin-right: 0; } div#ux-footer[dir="rtl"] #Fragment_BottomLinks > .linkList > ul { float: right; } div#ux-footer[dir="rtl"] #Fragment_BottomLinks > .linkList > ul > li { float: right; margin-left: 20px; margin-right: 0; } body.IE8 div#ux-footer #Fragment_LeftLinks { min-width: 180px; } body.IE8 div#ux-footer footer.top div#rightLinks > div div { padding-right: 10px; } body.IE8 div#ux-footer footer.bottom span.localeContainer { min-width: 170px; } body.IE8 div#ux-footer #Fragment_BottomLinks > .linkList > ul { display: block; min-width: 370px; } body.IE8 div#ux-footer[dir="rtl"] footer.top div#rightLinks > div div { padding-left: 10px; padding-right: 0; } @media not all { div#ux-footer footer.bottom span.logoSpan { background-color: #ff0; } } @media not all { div#ux-footer footer.bottom span.localeContainer a::after { background-color: #1570a6; } } #ux-footer footer { max-width: 1180px; } @media screen and (max-width: 1262px) { div#ux-footer footer.top { width: 90%; } div#ux-footer footer.bottom { width: 90%; } } @media screen and (max-width: 1024px) { div#ux-footer footer.top #Fragment_LeftLinks { width: 33%; } div#ux-footer footer.top div#rightLinks { width: 66.6%; } div#ux-footer footer.top div#rightLinks > div { width: 50%; } div#ux-footer footer.top div#rightLinks > div:nth-child(2n+1) { clear: both; } div#ux-footer footer.top div#rightLinks > div.feedbackContainer:nth-child(2n+1) { clear: none; width: 100%; } div#ux-footer footer.top div#rightLinks > div:nth-child(2n) { clear: none; } div#ux-footer footer.top div#rightLinks > div.feedbackContainer { width: 100%; } div#ux-footer footer.bottom ul, div#ux-footer[dir="rtl"] footer.bottom ul { float: none; width: 100%; } div#ux-footer footer.bottom span.logoLegal { clear: both; display: block; position: relative; top: 30px; } div#ux-footer footer.bottom span.localeContainer { width: 33%; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.rating { margin-left: 0; margin-right: 33%; } } @media screen and (max-width: 768px) { div#ux-footer footer.bottom span.copyright, div#ux-footer[dir="rtl"] footer.bottom span.copyright { float: none; } div#ux-footer footer.bottom span.logoSpan { display: block; margin-bottom: 15px; } div#ux-footer footer.top #Fragment_LeftLinks { width: 50%; } div#ux-footer footer.top div#rightLinks { width: 50%; } div#ux-footer footer.top div#rightLinks > div { clear: both; width: 50%; } div#ux-footer footer.top div#rightLinks > div:nth-child(2n), div#ux-footer footer.top div#rightLinks > div.feedbackContainer:nth-child(2n+1) { clear: both; width: 100%; } div#ux-footer footer.bottom span.localeContainer { clear: both; display: block; margin-bottom: 30px; width: 100%; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.rating { margin-left: 0; margin-right: 0; } } @media screen and (max-width: 633px) { div#ux-footer footer.top div.feedbackContainer div#feedbackSection1 div.left:first-child { margin-bottom: 5px; } } @media screen and (max-width: 480px) { div#ux-footer footer.top #Fragment_LeftLinks, div#ux-footer footer.top div#rightLinks { display: block; width: 100%; } div#ux-footer footer.top div#rightLinks { border-bottom: 1px solid #d2d2d2; padding-bottom: 25px; } div#ux-footer footer.top div#rightLinks > div { width: 100%; } div#ux-footer footer.top div#rightLinks > div ul.footerPrograms { padding-bottom: 5px; } div#ux-footer footer.top div#rightLinks > div.feedbackContainer { border-top: 1px solid #d2d2d2; padding-top: 11px; } div#ux-footer footer.bottom { padding: 35px 0 65px; } div#ux-footer footer.bottom ul li, div#ux-footer[dir="rtl"] footer.bottom ul li { display: block; float: none; line-height: 1.875em; } } @media screen and (max-width: 360px) { } div#footerSock { background-color: #0078d7; color: #fff; font-family: "Segoe UI Light","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-size: 16px; line-height: 16px; min-height: 60px; } div#footerSock div#footerSockInner { margin: auto; max-width: 1180px; min-height: 60px; text-align: center; width: 97%; } div#footerSock div#footerSockInner a { transition: none 0s ease 0s ; } div#footerSock div#footerSockInner > div:empty { display: none; } div#footerSock div#footerSockInner div.footerSockLeft { float: left; height: 60px; } div#footerSock div#footerSockInner div.footerSockLeft #Fragment_SocialLinks { height: 100%; } div#footerSock div#footerSockInner div.footerSockLeft #Fragment_SocialLinks div.linkList { display: table; height: 100%; } div#footerSock div#footerSockInner div.footerSockLeft #Fragment_SocialLinks div.linkList .linkListTitle { font-size: 1.25em; padding-right: 12px; } div#footerSock div#footerSockInner div.footerSockLeft #Fragment_SocialLinks div.linkList > ul, div#footerSock div#footerSockInner div.footerSockLeft #Fragment_SocialLinks div.linkList > div { display: table-cell; height: 100%; vertical-align: middle; } div#footerSock div#footerSockInner div.footerSockLeft #Fragment_SocialLinks div.linkList ul > li { float: left; padding: 3px; } div#footerSock div#footerSockInner div.footerSockLeft #Fragment_SocialLinks div.linkList ul > li > a { color: transparent; display: inline-block; text-indent: -100000px; } div#footerSock div#footerSockInner div.footerSockCenter { display: block; margin: 0 auto; min-height: 60px; } div#footerSock div#footerSockInner div.footerSockCenter div.rating > div { margin: auto; } div#footerSock div#footerSockInner div.footerSockCenter div.userVoice { margin: auto; } div#footerSock div#footerSockInner div.rating, div#footerSock div#footerSockInner div.userVoice { min-height: 60px; } div#footerSock div#footerSockInner div.rating div#ratingSection1, div#footerSock div#footerSockInner div.userVoice div#ratingSection1, div#footerSock div#footerSockInner div.rating div#ratingSection3, div#footerSock div#footerSockInner div.userVoice div#ratingSection3 { display: table; height: 60px; } div#footerSock div#footerSockInner div.rating div#ratingSection1 > div, div#footerSock div#footerSockInner div.userVoice div#ratingSection1 > div, div#footerSock div#footerSockInner div.rating div#ratingSection3 > div, div#footerSock div#footerSockInner div.userVoice div#ratingSection3 > div { display: table-cell; height: 60px; vertical-align: middle; } div#footerSock div#footerSockInner div.rating div#ratingSection2, div#footerSock div#footerSockInner div.userVoice div#ratingSection2 { padding: 20px 0 90px; } div#footerSock div#footerSockInner div.rating div#ratingSection3 div.title, div#footerSock div#footerSockInner div.userVoice div#ratingSection3 div.title { width: 1180px; } div#footerSock div#footerSockInner div.rating div.buttons, div#footerSock div#footerSockInner div.userVoice div.buttons { margin-top: 10px; min-width: 165px; padding-top: 0; } div#footerSock div#footerSockInner div.rating div.buttons > div, div#footerSock div#footerSockInner div.userVoice div.buttons > div { display: inline-block; } div#footerSock div#footerSockInner div.rating div.buttons > .button, div#footerSock div#footerSockInner div.userVoice div.buttons > .button, div#footerSock div#footerSockInner div.rating div.buttons > div > .button, div#footerSock div#footerSockInner div.userVoice div.buttons > div > .button { background-color: #0078d7; border: 2px solid #fff; color: #fff; cursor: pointer; font-size: 0.8em; line-height: 16px; margin: 0 0 0 10px; min-width: 0; } div#footerSock div#footerSockInner div.rating div.buttons > .button:hover, div#footerSock div#footerSockInner div.userVoice div.buttons > .button:hover, div#footerSock div#footerSockInner div.rating div.buttons > div > .button:hover, div#footerSock div#footerSockInner div.userVoice div.buttons > div > .button:hover { background-color: #fff; color: #000; } @-moz-document url-prefix("") { div#footerSock div#footerSockInner div.rating div.buttons > .button:focus { border: 0.5px dotted; } } div#footerSock div#footerSockInner div.rating div.title, div#footerSock div#footerSockInner div.userVoice div.title { clear: none; color: #fff; font-family: "Segoe UI Light","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-size: 1.25em; font-weight: normal; line-height: 20px; margin: 0 0 15px; } div#footerSock div#footerSockInner div.rating div.description, div#footerSock div#footerSockInner div.userVoice div.description { display: none; } div#footerSock div#footerSockInner div.userVoice { display: table; height: 60px; min-width: 231px; } div#footerSock div#footerSockInner div.userVoice > div { display: table-cell; vertical-align: middle; } div#footerSock div#footerSockInner div.userVoice div.description { margin-bottom: 32px; } div#footerSock div#footerSockInner div.userVoice > div.buttons > .button { padding: 4px 18px 8px; } div#footerSock div#footerSockInner div.rating { min-width: 290px; } div#footerSock div#footerSockInner div.rating div.description { margin-bottom: 26px; } div#footerSock div#footerSockInner div.rating div.buttons > .button, div#footerSock div#footerSockInner div.rating div.buttons > div > .button { padding: 7px 18px; } div#footerSock div#footerSockInner div.rating textarea { border: 0 none; height: 160px; margin-bottom: 6px; resize: none; width: 100%; } div#footerSock div#footerSockInner div.rating div#ratingSection2, div#footerSock div#footerSockInner div.rating div#ratingSection3 { display: none; } div#footerSock div#footerSockInner div.rating div#ratingSection2 { width: 400px; } div#footerSock div#footerSockInner div.rating div#ratingSection2 div.title { margin: 0 0 15px; } div#footerSock div#footerSockInner div.rating div#ratingSection2 div.counter { font-size: 0.8em; padding: 0; text-align: right; } div#footerSock div#footerSockInner div.rating div#ratingSection2 div.buttons { margin-top: 8px; } div#footerSock div#footerSockInner div.footerSockRight { display: table; float: right; height: 60px; } div#footerSock div#footerSockInner div.footerSockRight > div { display: table-cell; vertical-align: middle; } div#footerSock div#footerSockInner div.footerSockRight a { color: #fff; font-size: 1.25em; line-height: 20px; } div#footerSock div#footerSockInner div.footerSockRight #Fragment_Newsletter > a::after { background: transparent url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/Images/icon-newsletter.png?v=636382651725348882') no-repeat scroll 0 0; content: " "; display: inline-block; height: 26px; margin-left: 7px; margin-top: -4px; vertical-align: middle; width: 40px; } div#footerSock textarea { color: #000; } div#footerSock.both div.wrapper { height: 10px; width: 100%; } div#footerSock.librarySock div#footerSockInner { width: 97%; } body:not(.FF) div#ux-footer div#footerSock.both div.userVoice > div.buttons > .button { padding-bottom: 6px; padding-top: 5px; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner { float: none; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.rating { float: none; margin: 0; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.footerSockLeft { float: right; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.footerSockLeft #Fragment_SocialLinks div.linkList .linkListTitle { padding-left: 12px; padding-right: 0; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.footerSockLeft #Fragment_SocialLinks div.linkList ul > li { float: right; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.footerSockRight { float: left; margin-right: 0; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.footerSockRight #Fragment_Newsletter > a::after { margin-left: 0; margin-right: 12px; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.rating div.buttons, div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.userVoice div.buttons { padding-left: 16px; padding-right: 0; text-align: left; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.rating div.buttons > .button, div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.userVoice div.buttons > .button, div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.rating div.buttons > div > .button, div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.userVoice div.buttons > div > .button { margin: 0 10px 0 0; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.rating div.counter, div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.userVoice div.counter { text-align: left; } @media not all { #ux-footer .footerSockLeft .links a { background-color: #000; } #ux-footer .footerSockRight #Fragment_Newsletter > a::after { background: #000 url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/Images/icon-newsletter.png?v=636382651725348882') no-repeat scroll 0 0; } } @media not all { #ux-footer .footerSockLeft .links a { border: 2px solid #000; } #ux-footer .footerSockRight #Fragment_Newsletter > a::after { border: 2px solid #000; } } @media screen and (max-width: 1262px) { div#footerSock div#footerSockInner div.footerSockLeft #Fragment_SocialLinks div.linkList .linkListTitle { font-size: 1em; } div#footerSock div#footerSockInner div.rating div.buttons > .button, div#footerSock div#footerSockInner div.userVoice div.buttons > .button, div#footerSock div#footerSockInner div.rating div.buttons > div > .button, div#footerSock div#footerSockInner div.userVoice div.buttons > div > .button { font-size: 0.75em; } div#footerSock div#footerSockInner div.rating div.title, div#footerSock div#footerSockInner div.userVoice div.title { font-size: 1em; } div#footerSock div#footerSockInner div.rating div#ratingSection2 div.counter { font-size: 0.75em; } div#footerSock div#footerSockInner div.footerSockRight a { font-size: 1em; } } @media screen and (max-width: 1024px) { div#footerSock div#footerSockInner div.footerSockLeft #Fragment_SocialLinks div.linkList .linkListTitle { font-size: 1em; } div#footerSock div#footerSockInner div.rating div.buttons > .button, div#footerSock div#footerSockInner div.userVoice div.buttons > .button, div#footerSock div#footerSockInner div.rating div.buttons > div > .button, div#footerSock div#footerSockInner div.userVoice div.buttons > div > .button { font-size: 0.75em; } div#footerSock div#footerSockInner div.rating div.title, div#footerSock div#footerSockInner div.userVoice div.title { font-size: 1em; } div#footerSock div#footerSockInner div.rating div#ratingSection2 div.counter { font-size: 0.75em; } div#footerSock div#footerSockInner div.footerSockRight a { font-size: 1em; } } @media screen and (max-width: 960px) { div#footerSock div#footerSockInner { width: 100%; } div#footerSock div#footerSockInner div.footerSockLeft { padding-left: 16px; } div#footerSock div#footerSockInner div.footerSockCenter { border-top: 1px solid #fff; box-sizing: border-box; display: inline-block; margin: 0; padding-left: 16px; width: 100%; } div#footerSock div#footerSockInner div.footerSockCenter div.rating > div, div#footerSock div#footerSockInner div.footerSockCenter div.userVoice > div { margin: 0; } div#footerSock div#footerSockInner div.footerSockCenter div.rating div#ratingSection3 div.title, div#footerSock div#footerSockInner div.footerSockCenter div.userVoice div#ratingSection3 div.title { text-align: left; } div#footerSock div#footerSockInner div.footerSockRight { padding-right: 16px; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.footerSockLeft { padding-left: 0; padding-right: 16px; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.footerSockCenter { padding-left: 0; padding-right: 16px; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.footerSockCenter div.rating { margin-right: 0; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.footerSockCenter div.rating div#ratingSection3 div.title { text-align: right; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.footerSockRight { padding-left: 16px; padding-right: 0; } } @media screen and (max-width: 767px) { div#footerSock div#footerSockInner > div { box-sizing: border-box; padding-left: 16px; padding-right: 16px; text-align: left; width: calc(100%); } div#footerSock div#footerSockInner div.footerSockLeft { border-bottom: 1px solid #fff; float: none; padding-left: 16px; } div#footerSock div#footerSockInner div.footerSockCenter { border-top: 0 none; margin: 0; } div#footerSock div#footerSockInner div.footerSockCenter div.rating div#ratingSection1 .title, div#footerSock div#footerSockInner div.footerSockCenter div.userVoice div#ratingSection1 .title { padding: 0; } div#footerSock div#footerSockInner div.footerSockCenter div.rating > div, div#footerSock div#footerSockInner div.footerSockCenter div.userVoice > div { margin: 0; } div#footerSock div#footerSockInner div.footerSockRight { border-bottom: 1px solid #fff; float: none; } div#footerSock div#footerSockInner div.footerSockRight #Fragment_Newsletter { width: 100%; } div#footerSock div#footerSockInner div.footerSockRight #Fragment_Newsletter > a::after { background: transparent url('/web/20190419093240im_/https://msdn.microsoft.com/Areas/Centers/Themes/StandardDevCenter/Content/Images/icon-newsletter-small.png?v=636382651725192681') no-repeat scroll 0 0; height: 13px; margin-left: 6px; margin-top: 3px; width: 20px; } div#footerSock div#footerSockInner div.footerSockLeft #Fragment_SocialLinks div.linkList .linkListTitle { font-size: 0.875em; } div#footerSock div#footerSockInner div.rating div.buttons > .button, div#footerSock div#footerSockInner div.userVoice div.buttons > .button, div#footerSock div#footerSockInner div.rating div.buttons > div > .button, div#footerSock div#footerSockInner div.userVoice div.buttons > div > .button { font-size: 0.75em; padding: 4px 8px; } div#footerSock div#footerSockInner div.rating div.title, div#footerSock div#footerSockInner div.userVoice div.title { font-size: 0.875em; } div#footerSock div#footerSockInner div.rating div#ratingSection2 { width: 100%; } div#footerSock div#footerSockInner div.rating div#ratingSection2 div.counter { font-size: 0.75em; } div#footerSock div#footerSockInner div.footerSockRight a { font-size: 0.875em; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner > div { padding-left: 16px; padding-right: 16px; text-align: right; } div#ux-footer[dir="rtl"] div#footerSock div#footerSockInner div.footerSockRight { float: right; margin: 0; } } /*]]>*/ </style></head> <body class="Chrome"> <div id="page"> <link type="text/css" rel="stylesheet"/> <input type="hidden" id="isHeaderBleeding" value="true"/> <div id="ux-header" dir="ltr" class="ltr msdn" ms.pgarea="header"> <div id="ux-banner"> <div id="msccBanner" dir="ltr" data-site-name="msdn.microsoft.com" data-mscc-version="0.4.1" data-nver="aspnet-3.0.0" data-sver="0.1.2" class="cc-banner" role="alert" aria-labelledby="msccMessage"><div class="cc-container"><svg class="cc-icon cc-v-center" x="0px" y="0px" viewbox="0 0 44 44" height="30px" fill="none" stroke="currentColor"><circle cx="22" cy="22" r="20" stroke-width="2"></circle><line x1="22" x2="22" y1="18" y2="33" stroke-width="3"></line><line x1="22" x2="22" y1="12" y2="15" stroke-width="3"></line></svg> <span id="msccMessage" class="cc-v-center cc-text" tabindex="0">This site uses cookies for analytics, personalized content and ads. By continuing to browse this site, you agree to this use.</span> <a href="https://web.archive.org/web/20190419093240/https://go.microsoft.com/fwlink/?linkid=845480" target="_top" aria-label="Learn more about Microsoft's Cookie Policy" id="msccLearnMore" class="cc-link cc-v-center cc-float-right" data-mscc-ic="false">Learn more</a></div></div> </div> <header> <span id="singleCol"></span> <span id="doubleCol"></span> <span id="isMobile"></span> <div> <div class="row topRow" role="banner"> <div class="top"> <div class="left"> <a class="msdnLogoImg" href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/en-us" title="MSDN home" ms.cmpgrp="mslogo"> <div class="clip70x15"> <img alt="Microsoft Logo" id="msft-logo" class="msft-logo" src="https://web.archive.org/web/20190419093240im_/https://i-msdn.sec.s-msft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636765537735351758"/> </div> </a> <div class="GrayPipeDiv clip1x18"> <img alt="Gray Pipe" class="GrayPipe" src="https://web.archive.org/web/20190419093240im_/https://i-msdn.sec.s-msft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636765537735351758"/> </div> <a class="DevCenterFullNameNonMegaBlade" href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/en-us">Developer Network</a> <a class="DevCenterFullName" href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/en-us">Developer Network</a> <a class="DevCenterShortName" href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/en-us">Developer</a> </div> <div class="right" ms.cmpgrp="aux nav"> <div class="auxNav"> <div> <div data-fragmentname="Subscriptions" id="Fragment_Subscriptions" xmlns="http://www.w3.org/1999/xhtml"> <a href="https://web.archive.org/web/20190419093240/https://my.visualstudio.com/?wt.mc_id=o~msft~msdn~nav~subscriber&campaign=o~msft~msdn~nav~subscriber" id="Subscriptions_2153_1" xmlns="http://www.w3.org/1999/xhtml"> <p xmlns="">Subscriber portal</p> </a> </div> <div data-fragmentname="GetTools" id="Fragment_GetTools" xmlns="http://www.w3.org/1999/xhtml"> <a href="https://web.archive.org/web/20190419093240/https://www.visualstudio.com/free-developer-offers/" id="GetTools_2153_3" xmlns="http://www.w3.org/1999/xhtml">Get tools</a> </div> </div> </div> </div> </div> </div> <div class="row middleRow"> <div class="expandTop"> <div class="left"></div> <div class="right"></div> </div> </div> </div> <div id="buttomRowWrapper" class="bg_default"> <div class="row buttomRow bg_default"> <div class="bottom"> <div class="left" role="navigation" aria-label="header toc" ms.cmpgrp="main nav"> <a id="grip" class="menu-icon" href="javascript:void(0)" role="button" aria-label="navigation menu" data-mscc-ic="false"></a> <div id="drawer"> <div class="toc"> <nav> <ul class="navL1"> <li class="inactive toggle"> <a href="javascript:void(0)" role="button" aria-expanded="false" data-mscc-ic="false">Downloads</a> <ul class="navL2"> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://www.visualstudio.com/downloads/download-visual-studio-vs" role="link" title="Visual Studio">Visual Studio</a> </li> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/microsoft-sdks-msdn" role="link" title="SDKs">SDKs</a> </li> <li class="inactive toggle"> <a href="javascript:void(0)" title="Trial software" role="button" aria-expanded="false" data-mscc-ic="false">Trial software</a> <ul class="navL3"> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/evalcenter" title="Free downloads" role="link">Free downloads</a> </li> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/officeevaluationresources" title="Office resources" role="link">Office resources</a> </li> </ul> </li> </ul> </li> <li class="inactive toggle"> <a href="javascript:void(0)" role="button" aria-expanded="false" data-mscc-ic="false">Programs</a> <ul class="navL2"> <li class="inactive toggle"> <a href="javascript:void(0)" title="Subscriptions" role="button" aria-expanded="false" data-mscc-ic="false">Subscriptions</a> <ul class="navL3"> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/msdn-subscriptions-overview" title="Overview" role="link">Overview</a> </li> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/msdn-subscriptions-administration" title="Administrators" role="link">Administrators</a> </li> </ul> </li> <li class="inactive toggle"> <a href="javascript:void(0)" title="Students" role="button" aria-expanded="false" data-mscc-ic="false">Students</a> <ul class="navL3"> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/imagine/imagine-home" title="Microsoft Imagine" role="link">Microsoft Imagine</a> </li> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/microsoftstudentpartners" title="Microsoft Student Partners" role="link">Microsoft Student Partners</a> </li> </ul> </li> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/applicationbuilder" role="link" title="ISV">ISV</a> </li> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://www.microsoft.com/bizspark" role="link" title="Startups">Startups</a> </li> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://events.microsoft.com/" role="link" title="Events">Events</a> </li> </ul> </li> <li class="inactive toggle"> <a href="javascript:void(0)" role="button" aria-expanded="false" data-mscc-ic="false">Community</a> <ul class="navL2"> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/magazine/dd767791" role="link" title="Magazine">Magazine</a> </li> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://social.msdn.microsoft.com/forums/" role="link" title="Forums">Forums</a> </li> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://blogs.msdn.microsoft.com/" role="link" title="Blogs">Blogs</a> </li> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://channel9.msdn.com/" role="link" title="Channel 9">Channel 9</a> </li> </ul> </li> <li class="inactive toggle"> <a href="javascript:void(0)" role="button" aria-expanded="false" data-mscc-ic="false">Documentation</a> <ul class="navL2"> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/library" role="link" title="APIs and reference">APIs and reference</a> </li> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/developer-centers-msdn" role="link" title="Dev centers">Dev centers</a> </li> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://code.msdn.microsoft.com/" role="link" title="Samples">Samples</a> </li> <li class="inactive"> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/mt703209" role="link" title="Retired content">Retired content</a> </li> </ul> </li> </ul> </nav> </div> </div> </div> <div class="right" ms.title="search" role="search"> <div data-fragmentname="SearchBox" id="Fragment_SearchBox" xmlns="http://www.w3.org/1999/xhtml"> <div class="SearchBox"> <form id="HeaderSearchForm" name="HeaderSearchForm" method="get"> <button id="FakeHeaderSearchButton" value="Search" type="submit" class="header-search-button" role="button" aria-label="search finder"> <div id="search-finder-div" class="clip16x20"> <img alt="search finder" id="search-finder" class="search-finder" src="https://web.archive.org/web/20190419093240im_/https://i-msdn.sec.s-msft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636765537735351758"/> </div> </button> <button id="HeaderSearchButton" style="display:none"></button> <div id="searchSplitter"></div> <div id="searchCloseIconDiv" class="clip16x20" tabindex="0"> <img alt="search clear" id="searchCloseIcon" class="search-clear-x" src="https://web.archive.org/web/20190419093240im_/https://i-msdn.sec.s-msft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636765537735351758"/> </div> <div id="searchTextContainer" style="width: 0;"> <input id="HeaderSearchTextBox" name="query" type="text" aria-label="search edit textbox" maxlength="200" onfocus="Epx.Controls.SearchBox.watermarkFocus(event, this.title)" onblur="Epx.Controls.SearchBox.watermarkBlur(event, this.title)"/> </div> </form> </div> </div> </div> </div> </div> </div> </header> </div> <div id="jumpInfo" style="display: none">We’re sorry. The content you requested has been removed. You’ll be auto redirected in 1 second.</div> <div id="content"> <div class="navpage" xmlns="http://www.w3.org/1999/xhtml"> <div onkeypress=""> <div class="OverviewPage" id="Fragment_ContentSection1" data-fragmentname="ContentSection1"> <div class="StructuredSection largeBlocks"> <div class="listItems"> <div class="block type3 topImage"> <div class="textContent"> <div class="RichText"> <h1 style="font-family:'Segoe UI',Tahoma,Helvetica,sans-serif;margin:-26px 0px 20px;font-weight:300;">Microsoft Developer Newsletter</h1> <p>The Microsoft Developer Newsletter delivers critical developer news to you in one information-dense, compact newsletter. Stay up to date with the latest development news from Microsoft by <a href="https://web.archive.org/web/20190419093240/https://profile.microsoft.com/RegSysProfileCenter/wizard.aspx?wizid=b8a44427-1e66-4d02-9ac2-aad7e94d7f99&lcid=1033">subscribing today</a>. Learn about the latest resources, SDKs, downloads, partner offers, security news, and national and local developer events. Every other week you’ll get an email containing pointers to all of the new articles, samples, and headlines from MSDN Online, the MSDN Library, the Knowledge Base, the developer centers, and other Microsoft websites. In addition, look for announcements of Microsoft and industry events, training opportunities, chats, and webcasts.</p> </div> <div class="link "> <a href="https://web.archive.org/web/20190419093240/https://profile.microsoft.com/RegSysProfileCenter/wizard.aspx?wizid=b8a44427-1e66-4d02-9ac2-aad7e94d7f99&lcid=1033">Subscribe now</a> </div> </div> </div> <div class="block type1 topImage bg_black" onclick="window.open('https://web.archive.org/web/20190419093240/https://profile.microsoft.com/RegSysProfileCenter/wizard.aspx?wizid=b8a44427-1e66-4d02-9ac2-aad7e94d7f99&lcid=1033');" style="cursor:pointer;"> <div class="image"> <img alt="Subscribe to receive the MSDN Flash Newsletter" height="240" id="Subscribe_Hero580x240" src="https://web.archive.org/web/20190419093240im_/https://i-msdn.sec.s-msft.com/dynimg/IC780650.jpg" title="Subscribe to receive the MSDN Flash Newsletter" width="580"/> </div> <div class="textContent"> <h4 class="title">Subscribe now</h4> <div class="RichText">The newsletter is delivered every two weeks, and sign up just takes a minute.</div> </div> </div> </div> </div> </div> <div class="OverviewPage" id="Fragment_ResourceList" data-fragmentname="ContentSection1"> <div class="linkList"> <h2 class="linkListTitle">Latest issues</h2> <ul class="links"> <li> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/en-us/aa940986.aspx">See full archive</a> </li> </ul> </div> </div> <div class="OverviewPage" id="Fragment_ContentSection2" data-fragmentname="ContentSection1"> <div class="StructuredSection smallBlocks"> <div class="listItems"> <div class="block type1 topImage bg_white" onclick="window.open('https://web.archive.org/web/20190419093240/https://profile.microsoft.com/RegSysProfileCenter/wizard.aspx?wizid=b8a44427-1e66-4d02-9ac2-aad7e94d7f99&lcid=1033')" style="cursor:pointer;"> <div class="image"> <img alt="Customize the content you receive in your MSDN Flash Newsletter" id="Subscribe_Content_280x157" src="https://web.archive.org/web/20190419093240im_/https://i-msdn.sec.s-msft.com/dynimg/IC780651.jpg" title="Customize the content you receive in your MSDN Flash Newsletter"/> </div> <div class="textContent"> <h4 class="title">Customize your newsletter</h4> <div class="RichText">Whether you are a new or long-time subscriber, customizing the Microsoft Developer Newsletter is easy. Visit the customization page, and select the topics you want to receive.</div> <div class="linkText">Get started</div> </div> </div> <div class="block type1 topImage bg_white" onclick="window.open('https://web.archive.org/web/20190419093240/https://profile.microsoft.com/RegSysProfileCenter/SubCntDefault.aspx');" style="cursor:pointer;"> <div class="image"> <img alt="Find other Microsoft newsletters" id="Subscribe_Content_2_280x157" src="https://web.archive.org/web/20190419093240im_/https://i-msdn.sec.s-msft.com/dynimg/IC780652.jpg" title="Find other Microsoft newsletters"/> </div> <div class="textContent"> <h4 class="title">Find other newsletters</h4> <div class="RichText">Access your profile to manage subscriptions and find other communications that fit your technology interests.</div> <div class="linkText">Learn more</div> </div> </div> </div> </div> </div> </div> </div> </div> <input name="__RequestVerificationToken" type="hidden" value="4EyrhtQ4qtn_EDNfNXAG_qdlQePsUZ9Eg5DP-GtyXxVEpi8Wsxt_-H9SOQypp8hlm_3T6340f35RAl_jvW2M1x3dUTI1"/> <input id="ratingSubmitUrl" type="hidden" value="https://msdn.microsoft.com/en-us/library/feedback/add/flashnewsletter"/> <input id="isTopicRated" type="hidden" value="false"/> <link type="text/css" rel="stylesheet"/> <div id="ux-footer" class="" style="" dir="ltr" ms.pgarea="footer"> <div id="footerSock" class=""> <div id="footerSockInner"> <div class="footerSockLeft"><div data-fragmentname="SocialLinks" id="Fragment_SocialLinks" xmlns="http://www.w3.org/1999/xhtml"> <div class="linkList"> <div class="linkListTitle">Follow us</div> <ul class="links"> <li> <a href="https://web.archive.org/web/20190419093240/https://www.facebook.com/MicrosoftDeveloper/" target="_blank" id="SocialLinks_2151_19" class="facebook" xmlns="http://www.w3.org/1999/xhtml">https://www.facebook.com/MicrosoftDeveloper/</a> </li> <li> <a href="https://web.archive.org/web/20190419093240/https://twitter.com/msdev" target="_blank" id="SocialLinks_2151_20" class="twitter" xmlns="http://www.w3.org/1999/xhtml">https://twitter.com/msdev</a> </li> <li> <a href="https://web.archive.org/web/20190419093240/https://plus.google.com/111221966647232053570" target="_blank" id="SocialLinks_2151_21" class="googlePlus" xmlns="http://www.w3.org/1999/xhtml">https://plus.google.com/111221966647232053570</a> </li> </ul> </div> </div></div> <div class="footerSockRight"><div data-fragmentname="Newsletter" id="Fragment_Newsletter" xmlns="http://www.w3.org/1999/xhtml"> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/flashnewsletter" title="Sign up for the MSDN Newsletter" id="Newsletter_2148_19" xmlns="http://www.w3.org/1999/xhtml">Sign up for the MSDN Newsletter</a> </div></div> <div class="footerSockCenter"> <a name="feedback"></a> <div class="rating"> <div id="ratingSection1"> <div class="title"> Is this page helpful? </div> <div class="description"> Your feedback about this content is important.<br/>Let us know what you think. </div> <div class="buttons"> <button class="button" id="ratingYes" aria-label="Yes, this page was helpful">Yes</button> <button class="button" id="ratingNo" aria-label="No, this page was not helpful">No</button> </div> <input id="ratingValue" type="hidden" value=""/> </div> <div id="ratingSection2"> <div class="title left"> Additional feedback? </div> <textarea id="ratingText" rows="6" cols="" maxlength="1500"></textarea> <div class="right"> <div class="counter"> <span id="feedbackTextCounter">1500</span> characters remaining </div> <div class="buttons"> <button class="button" id="ratingSubmit" aria-label="Submit my additional feedback">Submit</button> <button class="button" id="ratingSkipThis" aria-label="Skip additional feedback">Skip this</button> </div> </div> </div> <div id="ratingSection3"> <div class="title"> Thank you! </div> <div class="description"> We appreciate your feedback. </div> </div> <div id="contentFeedbackQAContainer" style="display: none;"></div> </div> </div> <div class="clear"></div> </div> </div> <footer class="top" role="navigation" aria-label="footer"> <div data-fragmentname="LeftLinks" id="Fragment_LeftLinks" xmlns="http://www.w3.org/1999/xhtml"> <div class="linkList"> <h4 class="linkListTitle">Dev centers</h4> <ul class="links"> <li> <a href="https://web.archive.org/web/20190419093240/https://developer.microsoft.com/en-us/windows" id="LeftLinks_2148_1" class="windowsBlue" xmlns="http://www.w3.org/1999/xhtml">Windows</a> </li> <li> <a href="https://web.archive.org/web/20190419093240/https://dev.office.com/" id="LeftLinks_2148_3" class="office" xmlns="http://www.w3.org/1999/xhtml">Office</a> </li> <li> <a href="https://web.archive.org/web/20190419093240/https://www.visualstudio.com/" id="LeftLinks_2148_4" class="visualStudio" xmlns="http://www.w3.org/1999/xhtml">Visual Studio</a> </li> <li> <a href="https://web.archive.org/web/20190419093240/https://docs.microsoft.com/en-us/azure/" target="_blank" id="LeftLinks_2148_12" xmlns="http://www.w3.org/1999/xhtml">Microsoft Azure</a> </li> <li> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/developer-centers-msdn" id="LeftLinks_2148_5" xmlns="http://www.w3.org/1999/xhtml">More...</a> </li> </ul> </div> </div> <div id="rightLinks"> <div data-fragmentname="CenterLinks1" id="Fragment_CenterLinks1" xmlns="http://www.w3.org/1999/xhtml"> <div class="linkList"> <h4 class="linkListTitle">Learning resources</h4> <ul class="links"> <li> <a href="https://web.archive.org/web/20190419093240/https://mva.microsoft.com/" id="CenterLinks1_2151_4" xmlns="http://www.w3.org/1999/xhtml">Microsoft Virtual Academy</a> </li> <li> <a href="https://web.archive.org/web/20190419093240/https://channel9.msdn.com/" id="CenterLinks1_2151_5" xmlns="http://www.w3.org/1999/xhtml">Channel 9</a> </li> <li> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/magazine/" id="CenterLinks1_2151_7" xmlns="http://www.w3.org/1999/xhtml">MSDN Magazine</a> </li> </ul> </div> </div> <div data-fragmentname="CenterLinks2" id="Fragment_CenterLinks2" xmlns="http://www.w3.org/1999/xhtml"> <div class="linkList"> <h4 class="linkListTitle">Community</h4> <ul class="links"> <li> <a href="https://web.archive.org/web/20190419093240/https://social.msdn.microsoft.com/forums/en-us/home" id="CenterLinks2_2151_8" xmlns="http://www.w3.org/1999/xhtml">Forums</a> </li> <li> <a href="https://web.archive.org/web/20190419093240/https://blogs.msdn.microsoft.com/developer-tools/" id="CenterLinks2_2151_9" xmlns="http://www.w3.org/1999/xhtml">Blogs</a> </li> <li> <a href="https://web.archive.org/web/20190419093240/https://www.codeplex.com/" id="CenterLinks2_2151_10" xmlns="http://www.w3.org/1999/xhtml">Codeplex</a> </li> </ul> </div> </div> <div data-fragmentname="CenterLinks3" id="Fragment_CenterLinks3" xmlns="http://www.w3.org/1999/xhtml"> <div class="linkList"> <h4 class="linkListTitle">Support</h4> <ul class="links"> <li> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/hh361695" id="CenterLinks3_2151_11" xmlns="http://www.w3.org/1999/xhtml">Self support</a> </li> </ul> </div> </div> <div data-fragmentname="CenterLinks4" id="Fragment_CenterLinks4" xmlns="http://www.w3.org/1999/xhtml"> <div class="linkList"> <h4 class="linkListTitle">Programs</h4> <ul class="links"> <li> <a href="https://web.archive.org/web/20190419093240/https://bizspark.microsoft.com/Startups/Index" id="CenterLinks4_2151_13" xmlns="http://www.w3.org/1999/xhtml">BizSpark (for startups)</a> </li> <li> <a href="https://web.archive.org/web/20190419093240/https://imagine.microsoft.com/en-us" id="CenterLinks4_2151_22" xmlns="http://www.w3.org/1999/xhtml">Microsoft Imagine (for students)</a> </li> </ul> </div> </div> </div> </footer> <footer class="bottom" role="contentinfo"> <span class="localeContainer"> <form class="selectLocale" id="selectLocaleForm" action="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/en-us/selectlocale-dmc"> <input type="hidden" name="fromPage" value="https%3a%2f%2fmsdn.microsoft.com%2fen-us%2fflashnewsletter"/> <a href="#" onclick="$('#selectLocaleForm').submit();return false;" title="Change your language">United States (English)</a> </form> </span> <div data-fragmentname="BottomLinks" id="Fragment_BottomLinks" xmlns="http://www.w3.org/1999/xhtml"> <div class="linkList"> <ul class="links horizontal"> <li> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/en-us/flashnewsletter" id="BottomLinks_2148_7" xmlns="http://www.w3.org/1999/xhtml">Newsletter</a> </li> <li> <a href="https://web.archive.org/web/20190419093240/https://go.microsoft.com/fwlink/?LinkId=521839" id="BottomLinks_2148_8" xmlns="http://www.w3.org/1999/xhtml">Privacy & cookies</a> </li> <li> <a href="https://web.archive.org/web/20190419093240/https://msdn.microsoft.com/en-us/cc300389" id="BottomLinks_2148_9" xmlns="http://www.w3.org/1999/xhtml">Terms of use</a> </li> <li> <a href="https://web.archive.org/web/20190419093240/https://www.microsoft.com/en-us/legal/intellectualproperty/Trademarks/" id="BottomLinks_2148_10" xmlns="http://www.w3.org/1999/xhtml">Trademarks</a> </li> </ul> </div> </div> <span class="logoLegal"> <span class="logoSpan clip67x13" role="img" tabindex="0" aria-label="microsoft logo"> <img alt="logo" class="logo" src="https://web.archive.org/web/20190419093240im_/https://i-msdn.sec.s-msft.com/Areas/Centers/Themes/StandardDevCenter/Content/HeaderFooterSprite.png?v=636765537735351758"/> </span> <span class="copyright">© 2019 Microsoft</span> </span> </footer> </div> </div> <![CDATA[ Third party scripts and code linked to or referenced from this website are licensed to you by the parties that own such code, not by Microsoft. See ASP.NET Ajax CDN Terms of Use – http://www.asp.net/ajaxlibrary/CDN.ashx. ]> <script type="text/javascript" class="mtps-injected"> /*<![CDATA[*/ (function(window,document){"use strict";function preload(scripts){for(var result=[],script,e,i=0;i<scripts.length;i++)script=scripts[i],script.hasOwnProperty("url")&&(e=document.createElement("script"),e.src=script.url,script.throwaway=e),result.push(script);return result}function inject(scripts,index){var script,elem;if(index>=scripts.length){delete mtps.injectScripts;return}script=scripts[index];elem=document.createElement("script");elem.className="mtps-injected";elem.async=!1;var isLoaded=!1,timeoutId=0,injectNextFnName="",injectNext=elem.onerror=function(){isLoaded||(isLoaded=!0,inject(scripts,index+1),window.clearTimeout(timeoutId),elem.onload=elem.onerror=elem.onreadystatechange=null,injectNextFnName&&delete mtps[injectNextFnName],elem.removeEventListener&&elem.removeEventListener("load",injectNext,!1))};elem.addEventListener?elem.addEventListener("load",injectNext,!1):elem.readyState==="uninitialized"?elem.onreadystatechange=function(){(this.readyState==="loaded"||this.readyState==="complete")&&injectNext()}:elem.onload=injectNext;script.hasOwnProperty("url")?(timeoutId=window.setTimeout(injectNext,12e4),elem.src=script.url):(injectNextFnName="_injectNextScript_"+index,mtps[injectNextFnName]=injectNext,timeoutId=window.setTimeout(injectNext,2e3),elem.text="try {\n"+script.txt+"\n} finally { MTPS."+injectNextFnName+" && MTPS."+injectNextFnName+"(); }");parent.appendChild(elem)}var mtps=window.MTPS||(window.MTPS={}),parent=document.getElementsByTagName("head")[0];mtps.injectScripts=function(scripts){inject(preload(scripts),0)}})(window,document); MTPS.injectScripts([ { txt: "/**/\r\n(window.MTPS || (window.MTPS = {})).cdnDomains || (window.MTPS.cdnDomains = { \r\n\t\"image\": \"https://i-msdn.sec.s-msft.com\", \r\n\t\"js\": \"https://i2-msdn.sec.s-msft.com\", \r\n\t\"css\": \"https://i-msdn.sec.s-msft.com\", \r\n\t\"ttf\": \"https://i-msdn.sec.s-msft.com\"\r\n});\r\n/**/" }, { url: "https://web.archive.org/web/20190419093240/https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js" }, { url: "https://web.archive.org/web/20190419093240/https://i2-msdn.sec.s-msft.com/Combined.js?resources=0:jquery-ui-1.10.3.custom.min,0:ABTestControl,1:MobileInit;/Areas/Epx/Content/Scripts:0,/Areas/Centers/Themes/Base/Content:1\u0026amp;hashKey=5B0732A5734C65D560A1F15E0B620AC7\u0026amp;v=B02983AAE4A1BA2794BCE57D6E2B3212" }, { url: "https://web.archive.org/web/20190419093240/https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.3.0/jquery.mobile-1.3.0.min.js" }, { url: "https://web.archive.org/web/20190419093240/https://uhf.microsoft.com/mscc/statics/mscc-0.4.1.min.js" }, { url: "https://web.archive.org/web/20190419093240/https://i2-msdn.sec.s-msft.com/Areas/Epx/Themes/Base/Content/JumpRedirect.js" } ]); /*]]>*/ </script></body> </html>

CINXE.COM

Get the Latest Developer News | Microsoft Developer Newsletter