#ux-header {
  min-width: 1180px;
  width: 100%;
  font-size: 1.077em;
  position: relative;
  top: 0;
  z-index: 101;
}

#ux-header .clear-both {
  clear: both;
}

div#content {
  padding: 0;
}

body.search {
  margin-top: 0!important;
}

#ux-banner div.banner div.row {
  width: 1180px;
}

body.Chrome #ux-header {
  -webkit-transform: translateZ(0);
}

#ux-header a {
  color: #fff;
}

#ux-header ul {
  margin-bottom: 0;
}

#ux-header li {
  margin: 0;
}

#ux-header ul.dev-navigation a:focus {
  outline: dotted 1px #fff;
}

#ux-header div.upperBandContent .left {
  float: left;
  padding: 10px 0 9px 0;
  height: 15px;
}

#ux-header div.upperBandContent .right {
  float: right;
  padding: 10px 43px 0 0;
  position: relative;
}

#ux-header.hiddenSearchBox div.upperBandContent .right {
  padding: 10px 0 0 0;
}

#ux-header .right a {
  font-size: .6875rem;
  font-size: 14px;
  padding-top: 1px;
}

#ux-header div.upperBand {
  line-height: 17px;
  color: #fff;
  height: 39px;
  background-color: #000;
}

#ux-header div.upperBandContent,
#ux-header div.lowerBandContent,
#ux-header div.middleBandContent {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#ux-header div.lowerBandContent {
  height: 45px;
  padding-left: 0;
}

#ux-header div.upperBand div.right div.profileImage {
  display: none;
}

#ux-header div.upperBand div.right div,
#ux-header div.upperBand div.right a.scarabLink {
  float: left;
}

#ux-header div.upperBand div.right a.scarabLink {
  margin-left: 23px;
}

#ux-header div.upperBand #Fragment_SiteLogoLink {
  padding: 0;
  line-height: 16px;
}

#ux-header div.upperBand #Fragment_SiteLogoLink>a {
  display: inline-block;
  text-indent: -9999px;
  color: #999;
}

#ux-header.vsIntegrate div.upperBand #Fragment_SiteLogoLink>a {
  text-indent: 0;
  font-size: 16px;
}

#ux-header div.upperBand #Fragment_SiteLogoLink>a:before {
  background: url('../Images/visual-studio-logo.svg') no-repeat scroll;
  content: " ";
  display: block;
  float: left;
  width: 110px;
  height: 18px;
}

#ux-header.vsIntegrate div.upperBand #Fragment_SiteLogoLink>a:before {
  background: url('../Images/visual-studio-logo-with-pipe-desktop.svg') no-repeat scroll;
  width: 152px;
}

#ux-header div.upperBand a.createProfileLink {
  float: left;
  margin-left: 23px;
  margin-right: 0;
  max-width: 530px;
  white-space: nowrap;
  overflow: hidden;
  padding-bottom: 2px;
}

#ux-header div.upperBand #orgIdImage {
  float: left;
  margin-left: 6px;
  margin-top: -2px;
  display: inline-block;
}

#ux-header div.lowerBand {
  line-height: 45px;
  color: #fff;
  background-color: #232323;
  height: 45px;
}

#ux-header div.lowerBand #Fragment_HeaderToc {
  display: inline-block;
  float: left;
  max-width: 730px;
}

#ux-header div.lowerBand #Fragment_GetStartedLink {
  background-color: #008a00;
  float: right;
  max-width: 250px;
  display: inline-block;
}

#ux-header div.lowerBand #Fragment_GetStartedLink a {
  line-height: 45px;
  font-family: 'Segoe UI Semibold','Segoe UI',Tahoma,Helvetica,Sans-Serif;
  padding: 0 32px 0 20px;
  display: table-cell;
  vertical-align: middle;
  background: url('../Images/arrowWhite.png') no-repeat right center;
  border-right: 20px solid #008a00;
}

#ux-header div.middleBand {
  line-height: 39px;
  color: #fff;
  background-color: #000;
  display: none;
}

#ux-header div.middleBandContent .left {
  float: left;
  height: 15px;
}

#ux-header div.middleBandContent .left a {
  font-size: 14px;
}

#ux-header div.middleBandContent .right {
  float: right;
  padding: 0 43px 0 0;
  position: relative;
}

#ux-header.hiddenSearchBox div.middleBandContent .right {
  padding: 0;
}

#ux-header div.middleBand div.right a.scarabLink {
  margin-left: 23px;
}

#ux-header #Fragment_SearchBox {
  width: auto;
  display: inline-block;
  height: 31px;
  margin: 3px 0 0 27px;
  position: absolute;
  right: 0;
  top: 0;
}

#ux-header div.SearchBoxOnFocus input#HeaderSearchTextBox {
  color: #f2f2f2!important;
}

#ux-header #Fragment_SearchBox div.SearchBox {
  margin: 0;
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%;
}

#ux-header #Fragment_SearchBox .SearchBox form {
  height: 100%;
  width: auto;
  margin: 0;
  position: absolute;
  border: none;
}

#ux-header #Fragment_SearchBox .SearchBox form input#HeaderSearchTextBox {
  position: relative;
  height: 27px;
  width: 275px;
  padding: 3px 10px;
  margin: 0;
  float: left;
  background-color: #6a6a6a;
  color: #fff;
  font-size: 1.077em;
  border: solid 1px #505050;
  font-style: normal!important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 27px;
}

#ux-header #Fragment_SearchBox .SearchBox .metroSearchButton,
#ux-header #Fragment_SearchBox .SearchBox button {
  display: inline-block;
  height: 31px;
  width: 34px;
  background: url('../Images/searchDefault.png') no-repeat right 6px #000;
  float: right;
  margin: 0;
  padding: 0;
  cursor: pointer;
  position: relative;
  border: none;
}

#ux-header.FF #Fragment_SearchBox .SearchBox a.metroSearchButton:focus {
  border: 1px dotted #fff;
  height: 25px;
  width: 30px;
}

#ux-header.Safari #Fragment_SearchBox .SearchBox a.metroSearchButton:focus {
  border: 1px dotted #fff;
  height: 25px;
  width: 30px;
}

#ux-header #Fragment_SearchBox .SearchBox .metroSearchButton:hover,
#ux-header #Fragment_SearchBox .SearchBox button {
  background: url('../Images/searchOnFocus.png') no-repeat right 6px #000;
}

#ux-header #Fragment_SearchBox #SearchFlyoutContainer {
  color: #000!important;
  padding: 3px 10px!important;
  width: 252px!important;
  margin-left: 0;
  box-sizing: content-box;
}

#ux-header #Fragment_SearchBox #SearchFlyoutContainer #SuggestionContainer {
  width: 252px;
  margin-left: 0;
}

#ux-header .dev-navigation {
  float: left;
  clear: left;
  padding-right: 10px;
}

#ux-header .dev-navigation li {
  float: left;
  list-style: none;
  line-height: 18px;
}

#ux-header ul.dev-navigation {
  padding: 0;
  margin: 0;
}

#ux-header .dev-navigation li a {
  margin: 0 24px 0 0;
  display: block;
  outline: none;
}

#ux-header .dev-navigation li a:hover,
#ux-header .dev-navigation li a.current {
  color: #6dc2e9;
  text-decoration: solid;
}

#ux-header ul.dev-navigation>li.nav-expander>a {
  border-bottom: 4px solid #333;
  margin: 0 15px;
  line-height: 30px;
  font-size: .92857em;
}

#ux-header ul.dev-navigation>li.nav-expander>a:hover,
#ux-header ul.dev-navigation>li.nav-expander>a.current {
  border-bottom: 4px solid #6dc2e9;
}

#ux-header.fr-fr .nav-expander>a {
  font-size: .625em;
}

#ux-header ul.dev-navigation {
  overflow: visible;
  color: #fff;
  margin: 0;
  position: relative;
  margin-left: -15px;
}

#ux-header .dev-navigation a {
  margin: 0;
  padding: 0;
}

#ux-header ul.dev-navigation>.nav-expander.active>a {
  color: #6dc2e9;
  border-top: 0;
  border-bottom: 4px solid #6dc2e9;
}

#ux-header .nav-expander-div {
  background-color: #d2d2d2;
  width: 980px;
  display: none;
  position: absolute;
  left: 15px;
  border-bottom: 1px solid #505050;
}

#ux-header .active .nav-expander-div {
  display: block;
}

#ux-header .nav-expander-div>div {
  overflow: hidden;
}

#ux-header .nav-expander-div>div>ul {
  background-color: #969696;
  float: left;
  width: 21.42857142857143%;
  padding: 20px 0 20px 0;
}

#ux-header .nav-expander-div>div>ul>li {
  float: none;
}

#ux-header .nav-expander-div>div>ul>li>a {
  display: block;
  padding: 5px 10px 7px 20px;
  text-transform: capitalize;
  width: 100%;
  color: #000;
  border-bottom: 6px solid #969696;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#ux-header .nav-expander-div>div>ul>li>a>span {
  display: inline-block;
  width: 90%;
}

#ux-header .nav-expander-div>div>ul>li>a:hover,
#ux-header .nav-expander-div>div>ul>li>a.active {
  background-color: #333;
  color: #6dc2e9;
}

#ux-header .nav-expander-div>div>ul>li>a:hover {
  border-bottom: 6px solid #969696;
}

#ux-header .nav-expander-div>div>ul>li>a.current {
  color: #6dc2e9;
}

#ux-header .nav-expander-div>div>ul>li.nav-has-submenu>a:after {
  content: " ";
  display: block;
  float: right;
  margin-top: 6px;
}

#ux-header .nav-expander-div>ul>li {
  font-weight: bold;
  color: #fff;
  float: none;
}

#ux-header .nav-submenu {
  top: 0;
  position: absolute;
  left: 210px;
  display: none;
  background-color: #d2d2d2;
  width: 76.53061224489796%;
  min-height: 100px;
  padding: 25px 0 15px 20px;
  -webkit-box-sizing: content-box!important;
  -moz-box-sizing: content-box!important;
  box-sizing: content-box!important;
}

#ux-header .nav-submenu .ListOfLinkLists {
  display: inline-block;
  width: 100%;
}

#ux-header .nav-submenu.active {
  display: block;
}

#ux-header .nav-submenu .linkList li a {
  color: #000;
  text-transform: none;
  display: inline;
  line-height: 18px;
  padding-left: 0;
}

#ux-header .nav-submenu .linkList ul.links>li>a {
  display: block;
  margin-bottom: 11px;
}

#ux-header .nav-submenu .linkList {
  max-width: 230px;
  width: 30.66748446625243%;
  margin-left: 20px;
  float: left;
}

#ux-header .nav-submenu .linkList ul.links>li,
#ux-header .nav-submenu .linkListTitle {
  float: none;
  line-height: 18px;
  color: #000;
}

#ux-header .nav-submenu .linkListTitle {
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Segoe UI bold",'Segoe UI',Tahoma,Helvetica,Sans-Serif;
}

#ux-header #Fragment_SearchBox #HeaderSearchForm {
  display: none;
}

#ux-header span#isMobile {
  display: none;
}

#ux-header div#desktopTocContainer {
  display: inline-block;
  height: 45px;
}

#ux-header div#drawer div.toc {
  left: -360px;
  transition: left .6s;
  -webkit-transition: left .6s;
  -moz-transition: left .6s;
  -ms-transition: left .6s;
}

#ux-header div#drawer div.toc.open {
  left: 0;
}

#ux-header div.lowerBand #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!important;
  font-weight: lighter;
}

#ux-header div.lowerBand #drawer * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#ux-header div.lowerBand #drawer .auxNav {
  font-size: .8125rem;
  font-size: 13px;
}

#ux-header div.lowerBand #drawer .auxNav a {
  color: #fff;
  line-height: 1.5em;
  font-size: .6875rem;
  font-size: 11px;
}

#ux-header div.lowerBand #drawer .auxNav a:hover {
  color: #9c9c9c;
}

#ux-header div.toc nav li {
  list-style-type: none;
  background: transparent;
  padding: 0;
}

#ux-header div.toc nav li>a {
  color: #737373;
  display: inline-block;
  font-size: 15px;
  padding: 0 15px;
}

#ux-header div.toc nav ul.navL1 {
  position: relative;
  vertical-align: top;
}

#ux-header div.toc nav ul.navL1>li>a {
  color: #fff;
  padding: 12px 0 12px 10px;
  display: inline-block;
  border-bottom: solid 5px transparent;
}

#ux-header div.toc nav ul.navL1>li>a:hover {
  text-decoration: none;
  border-bottom: solid 5px #fff;
}

#ux-header div.toc nav ul.navL1>li.active>a {
  background-color: #fff;
  border-bottom: solid 5px #fff;
}

#ux-header div.toc nav ul.navL1>li>a:after {
  content: "";
  display: inline-block;
  margin: 5px 12px 0 10px;
}

#ux-header div.toc nav ul.navL1>li.current>a {
  color: #fff;
  border-bottom: solid 5px rgba(255,255,255,.7);
}

#ux-header div.toc nav ul.navL1>li.current>a:hover {
  border-bottom: solid 5px #fff;
}

#ux-header div.toc nav ul.navL1>li.current.active>a {
  border-bottom: solid 5px #fff;
}

#ux-header div.toc nav ul.navL1>li>a,
#ux-header div.toc nav ul.navL2>li>a,
#ux-header div.toc nav ul.navL3>li>a {
  font-weight: lighter;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#ux-header div.toc nav ul.navL1>li.active>a,
#ux-header div.toc nav ul.navL2>li.active>a,
#ux-header div.toc nav ul.navL3>li.active>a {
  color: #2f2f2f;
  text-decoration: none;
}

#ux-header div.toc nav ul.navL2>li>a:hover,
#ux-header div.toc nav ul.navL3>li>a:hover {
  background-color: #f2f2f2;
}

#ux-header div.toc nav ul.navL2>li.current>a,
#ux-header div.toc nav ul.navL3>li.current>a {
  color: #04c;
}

#ux-header div.toc nav ul.navL2>li.active>a,
#ux-header div.toc nav ul.navL3>li.active>a {
  background-color: #f1f1f1;
}

#ux-header div.toc nav ul.navL2>li.inactive>a:hover,
#ux-header div.toc nav ul.navL3>li.inactive>a:hover {
  color: #555;
  text-decoration: none;
}

#ux-header div.toc nav ul.navL3>li>a:hover {
  background-color: #f1f1f1;
}

#ux-header div.toc nav ul {
  padding: 0;
  margin: 0;
  line-height: 1rem;
  line-height: 16px;
}

#ux-header div.toc nav ul:after {
  content: " ";
  display: table;
  clear: both;
}

#ux-header div.toc nav>ul>li {
  float: left;
  position: relative;
  padding: 0;
}

#ux-header div.toc nav ul.navL2,
#ux-header div.toc nav ul.navL3 {
  display: none;
  position: absolute;
  z-index: 200;
  background-color: #fff;
  padding: 20px 0;
  line-height: 1rem;
  line-height: 16px;
}

#ux-header div.toc nav ul.navL2 a,
#ux-header div.toc nav ul.navL3 a {
  padding: 7px 20px;
  font-size: 15px;
  color: #555;
  line-height: 34px;
}

#ux-header div.toc nav ul.navL2 {
  left: -1px;
  border: 1px solid #bbb;
  border-top: none;
  box-shadow: 0 1px 1px 0 rgba(10,10,10,.25);
  font-size: 16px;
}

#ux-header div.toc nav ul.navL2 a {
  width: 300px;
}

#ux-header div.toc nav ul.navL2>li>a:after {
  content: "";
  display: inline;
  float: right;
  margin-top: 10px;
}

#ux-header div.lowerBand div.drawer div.toc nav ul.navL2>li>a:after {
  margin-top: 16px;
}

#ux-header div.toc nav ul.navL3 {
  top: 0;
  left: 340px;
  border: 1px solid #bbb;
  border-top: none;
  box-shadow: 1px 1px 1px 0 rgba(10,10,10,.25);
}

#ux-header div.toc nav ul.navL3 a {
  width: 283px;
}

#ux-header #grip {
  display: none;
}

#content.withBanner {
  padding-top: 0!important;
}