﻿/**
Style use in all pages
**/
body 
{
    background: #ffffff;
    color: #222;
    font-size: 15px;
}

h1
{
    Font-family: "Segoe UI", Arial, Sans-Serif; 
    Font-size: 36px;
    color: #222;
    Padding: 0;
    Margin: 0;
}

h2
{
    Font-family: "Segoe UI", Arial, Sans-Serif;
    Font-size: 20px;
    Padding: 0;
    Margin: 0;
}

h3 
{
    Font-family: "Segoe UI", Arial, Sans-Serif;
    font-size: 18px;
    color: #222;
    Padding: 0;
    Margin: 0;
}

.ColorCarbonBlack
{
    color: #222;
}
  
.FormFieldTitle,
.DropDownTitle,
.RequiredFieldLegend
{
    font-size: 10px;
    font-weight: bold;
    color: #555555;
}

.FormFieldTitle,
.DropDownTitle
{
   text-transform: uppercase;
}

.RequiredIndicator {
    margin: 0 2px;
    color: #ED1C24;
}

.FormFieldInput,
.PreFilledFormInput
{
    font-family: "Segoe UI", Arial, Sans-serif;
    font-size: 15px;
    margin-top: 4px;
    margin-bottom: 10px;
}

.FormFieldInputEmpty,
textarea.FormFieldInputEmpty,
input.FormFieldInputEmpty
{
    color: #BDBEC1;
    font-size: 12px;
    font-style: italic;
}   

a.disabled,
a.disabled:hover
{
   pointer-events: none;
   cursor: default;  
   color: #77BB44;  
}
 
a.ms-rteStyle-button-green,
a.ms-rteStyle-button-green:link,
a.ms-rteStyle-button-green:visited,
a.ms-rteStyle-button-green:hover {
	display: inline-block;
	padding: 0.5em 1.5em;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	background: #76b900;
	margin-top: 20px;
}

a.ms-rteStyle-button-green:hover {
	background: #2ca243;
}

a.ms-rteStyle-button-green.disabled:hover {
	background: #76b900;
}

.ms-rteForeColor-2 {
    color: red;
}

.FloatLeft
{
    float: left;
}

.ClearBoth
{
    clear: both;
}

/** header component **/
div#headerLiveStatus
{
    position: absolute;
    left: 145px;
    height: 80px;
    margin-left:6px;
    background-image: url("/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/H_Line.png");
    background-position: 0 center;
    background-repeat: no-repeat;
}

div.LiveStatusIcon
{
    float:left;
    margin-right:10px;
    margin-left:22px;
    margin-top:28px;
}

div.LiveStatusLabel
{
    float:left;   
    font-family:arial;
    font-size: 10px;
    margin-top:28px;
}

.LiveStatusLabelTitle
{
    font-weight:800;
    color: #222;
}

.LiveStatusLabelContent
{
    color: #222;
}

.LiveStatusLiner
{
    border-color: #BDBEC0 ;
    border-right: 0 none;
    border-style: solid none none; 
    border-width: 1px 0 0;
    height: 0;
    margin: 13px 0 15px;
    overflow:hidden; 
    padding: 0;
}

.LiveStatusTopicHeader
{
    width:200px; 
    float:left; 
    font-size: 20px; 
    font-family: "Segoe UI", Arial, Sans-Serif; 
    color: #231f20;
}

.LiveStatusOverallStatusOK
{
    width:755px; 
    float:right; 
    margin-top:15px;
    height:81px; 
    background-color:#e3f1d9
}

#page-content .LiveStatusDetailMessageNOK  ul li 
{
    list-style-type: none;
    margin-left: 0;
    list-style-position: outside;
}

.LiveStatusOverallStatusNOK
{
    width:755px; 
    float:right; 
    margin-top:15px;
    height:81px; 
    background-color:#ffcccc
}

.LiveStatusOverallVerticalLineOK
{
    height:81px; 
    background-color:#2b9646; 
    width:10px; 
    float: left;
    margin-right:10px;
}

.LiveStatusOverallVerticalLineNOK
{
    height:81px; 
    background-color:#cb091f; 
    width:10px; 
    float: left;
    margin-right:10px;
}

.LiveStatusOverallIconOK
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/icon_status_running.png') no-repeat; 
    width:25px; 
    height:25px; 
    float:left; 
    margin-top:28px
}

.LiveStatusOverallIconNOK
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/icon_status_alert.png') no-repeat; 
    width:25px; 
    height:25px; 
    float:left; 
    margin-top:28px
}

.LiveStatusOverallDetailOK
{
    width:710px; 
    float:right;
    font-family:Arial; 
    font-size:24px; 
    color:#06723b; 
    text-indent:10px;
}

.LiveStatusOverallDetailNOK
{
    width:710px; 
    float:right;
    height: 81px;
    font-family:Arial; 
    font-size:24px; 
    color:#cb091f; 
    text-indent:10px;
}

.LiveStatusDetailVerticalLineOK
{
    min-height:40px; 
    background-color:#2b9646; 
    width:10px; 
    float: left;
    margin-right:10px;
}

.LiveStatusDetailVerticalLineNOK
{
    background-color:#cb091f; 
    width:10px; 
    margin-right:10px; 
    padding:0;
}

.LiveStatusDetail
{
    width:755px; 
    float:right; 
    margin-top:15px
}

.LiveStatusDetailItem
{
    width:755px; 
    float:right; 
    min-height:40px; 
    background-color:#f2f2f2; 
    margin-bottom:5px
}

.LiveStatusDetailIconOK
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/icon_status_running.png') no-repeat; 
    width:25px; 
    height:25px; 
    float:left; 
    margin-top:7px;
}

.LiveStatusDetailIconNOK
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/icon_status_alert.png') no-repeat; 
    width:25px; 
    height:25px;
    margin-top:7px;
    margin-left:10px;
}

.LiveStatusDetailItemMessage
{
    width:710px; 
    float:right;
    font-size: 15px;
    position:relative;
    margin-top:7px;
    height: 25px;
    line-height: 23px;
}

.LiveStatusCategoryTitle
{
    color: #231f20; 
    font-weight: bold;
    margin-top: 7px;
    margin-left: 10px; 
}

.LiveStatusDetailItem table tr td
{
    padding: 0;
    margin: 0;
}

.LiveStatusDetailItem table
{
    table-layout:auto;
}

.LiveStatusDetailMessageNOK
{
    margin-top: 7px;
}

.LiveStatusAlert
{
    width: 710px; 
    margin-top:28px
}

div.StatusOKTitle span 
{
    margin-left: 6px;    
}

/** 
Solution Article Page
**/
.Solution-Article-LeftNavigation
{
   width: 245px; 
   margin-top: 40px;
   float:left;
}

.Solution-Article-Body 
{
    margin-left: 245px;
}

div#Solution-Article-Title
{
    margin-top: 40px;
}
   
div#Solution-Article-Title h1
{
    margin-bottom: 0px;
}
   
.backToTop 
{
    float: right;
}
   
/**
Solution Article Page
Start Module
**/

div.StartModule
{
    margin-top: 0px;
}

div.StartModuleLiner
{
    color: #222;
    border-right: 0 none;
    border-style: solid none none; 
    border-width: 1px 0 0;
    height: 0;
    overflow:hidden; 
    padding: 0;
    margin-top: 18px;
    margin-bottom: 0px;
}

div.StartModule h2 
{
    margin-bottom: 24px;
    margin-top: 7px;
    padding-top: 0px;  
    color: #222;
}
   
h2.StartModuleLongArticle
{
    font-size: 18px;
    margin-bottom: 9px;
    margin-top: 23px;  
}
   
h3.LongArticleTitle
{
    margin-bottom: 18px;
}
  
h3.LongArticleTitleNew
{
    margin-bottom: 18px;
}
 
/**
Solution Article Page
Html text Module
**/
 
div.TextModule
{
    margin-left: 202px;
}

div.DescriptionModule
{
    margin-left: 0px;
}

div.DescriptionModule p, div.DescriptionModule ol {
    margin-top: 14px;
    margin-bottom: 14px;
}

/**
Solution Article Page
One Image Module
Two images Module
**/

img.ImageModule
{
    border: 1px;
    border-style:solid;
    border-color: #BDBEC1;
    margin-right: 20px;
    margin-bottom: 4px;
}

td.ImageModuleBlank
{
    width: 193px;
    max-width: 193px;
    min-width: 193px;
    border: none;
}

td.ImageModuleContent
{
    width: 755px;
    border: none;
}

td.ImageModuleContentWithLeftNavi
{
    width: 680px;
    border: none;
}

td.ImageModuleText
{
    padding-bottom: 10px;
    vertical-align: top;
    font-style: italic;
}

div.ImageModuleImageContent
{
    float: left;
}

div.ImageModuleImageContentWithLeftNavi
{
    float: left;
}

div.ImageModuleTextContent
{
    margin-top: -4px;
}

table.OneImageModule
{
    table-layout: auto;
    margin-top: 16px;
    margin-bottom: 19px;
}

table.TwoImageModule
{
    table-layout: auto;
    border: none;
    padding: 0px;
}

td.TwoImagesModuleImageContent
{
    width:363px;
    border: none;
    padding: 0px;
    vertical-align: top;
}

td.TwoImagesModuleImageContentWithLeftNavi
{
    width:340px;
    border: none;
    padding: 0px;
    vertical-align: top;
}

img.TwoImagesModuleImageContent
{
    border: 1px;
    border-style:solid;
    border-color: #BDBEC1;
    margin-bottom: 5px;
    width: 363px;
}

img.TwoImagesModuleImageContentWithLeftNavi
{
    border: 1px;
    border-style:solid;
    border-color: #BDBEC1;
    margin-bottom: 5px;
    width: 340px;
}

.TwoIMagesModule .TwoImagesModuleImageDesc
{
    display: inline-block;
    margin-bottom: 10px;
}


div.ImageModuleBlank
{
    float: left;
    width: 200px;
    margin-bottom: 20px;
}

div.ImageModuleContent
{
    float: right;
    margin-bottom: 20px;
}

div.SmallImageModuleTextContent ul, div.SmallImageModuleTextContent ol
{
    margin-left: 193px;
    margin-top: 0px;
}

div.MediumImageModuleTextContent ul, div.MediumImageModuleTextContent ol
{
     margin-left: 365px;    
     margin-top: 0px;
}

div.ImageModuleImageContent img.Small
{
    width:193px;
    padding-top: 1px;
}

div.ImageModuleImageContent img.Medium
{
    width:363px;
}

div.ImageModuleImageContent img.Large
{
    width:753px;
}

div.ImageModuleImageContentWithLeftNavi img.Small
{
    width:193px;
    padding-top: 1px;
}

div.ImageModuleImageContentWithLeftNavi img.Medium
{
    width:340px;
}

div.ImageModuleImageContentWithLeftNavi img.Large
{
    width:365px;
}

td.TwoImagesModuleBetweenContent
{
    width: 18px;
}

/**
Solution Article Page
Long article Module
**/

div.LongArticleTitle
{
    margin-left: 200px;    
}

div.LongArticleTitleNew
{
    margin-left: 0px;    
}
div.AnchorLink
{
    margin-bottom: 9px;
}

div.AnchorLinkImage
{
    margin-top: 2px;
    float: left;
    width: 12px;
    height: 12px;
}

div.AnchorLinkText
{
    margin-left: 21px;
}

/**
Solution Article Page
related content Module
**/
div.relatedContentModule h2
{
    margin-bottom: 20px;
}

div.relatedContentModuleLinkList
{
    margin-left: 200px;
    margin-top: 0px;
}

div.relatedContentModuleLinkListWithLeftNavi
{
    margin-left: 0px;
    margin-top: 0px;
}

div.relatedContentModule a
{
    margin-bottom: 5px;
}

/**
Solution Article Page
one video Module
**/

table.OneVideoModule
{
    table-layout: auto;
}

td.VideoModuleBlank
{
    width: 0px;
    max-width: 0px;
    min-width: 0px;
    border: none;
}

td.VideoModuleContent
{
    width: 754px;
    border: none;
}

td.VideoModuleContentWithLeftNavi
{
    width: 700px;
    border: none;
}

div.VideoModuleImageContent
{
    float: left;
    margin-right: 20px;
}

div.VideoModuleMediumImage
{
    float: left;
    margin-right: 20px;
}

div.VideoModuleMediumImage img 
{
    border: 1px;
    border-style:solid;
    border-color: #BDBEC1;
    margin-right: 18px;
    margin-bottom: 18px;
}

div.VideoModuleLargeImage
{
    float: left;
}

div.VideoModuleLargeImage img 
{
    border: 1px;
    border-style:solid;
    border-color: #BDBEC1;
}

div#videoPlayerErrorScreen
{
    padding-bottom: 0;
    padding-top: 1px;
}

.YoutubeEmbeded {
    width: 560px;
    height: 315px;
}

/**
Solution Article Page
Forum Topic Module
**/
div.ForumViewAll 
{
    float: right;
    margin-top: 15px;
    background-image: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/arrow_static15x15.png');
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
}

div.ForumViewAll a
{
    margin-right: 18px;
}

div.ForumModule h2
{
    margin-bottom: 20px;
}

div.ForumTopicList
{
    margin-left: 200px;
}

div.ForumTopicModule
{
    margin-left: 0px;
}

div.ForumMetadata
{
    font-size: 12px;
    color: #BDBEC1;
}

div.ForumMetadata a
{
    font-size: 12px;
    color: #BDBEC1;
    text-decoration: underline;
}

div.ForumMetadata a:hover
{
    color: #231f20;
}

div.ForumTopicLiner
{
    border-color: #e6e7e7 ;
    border-right: 0 none;
    border-style: solid none none; 
    border-width: 1px 0 0;
    height: 0;
    overflow:hidden; 
    padding: 0;
    margin-top: 15px;
    margin-bottom: 10px;
}

div.ForumTopicLink
{
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    word-break: normal;
    text-overflow: ellipsis;
}

/**
Video Article Page
**/
div.videoArticleContainer 
{
    margin-top: 30px;
    width: 960px;
}

div.leftNavigation 
{
    float: left;
    width: 245px;
    margin-top: 10px;
}

div.videoArticle 
{
    margin-left: 245px;
    width: 715px;
}

div.videoArticle h1 
{
    font-family: 'Segoe UI Light', 'Segoe UI', Arial, Sans-Serif;
    font-size: 40px;
    color: #222222;
}

div.videoArticleSubtitle 
{
    margin-top: 10px;
}

span.videoArticleSubtitle1 
{
    font-family: 'Segoe UI Regular', 'Segoe UI', Arial, Sans-Serif;
    font-size: 15px;
    color: #222222;
}

span.videoArticleSubtitle2 a 
{
    margin-left: 5px;
    font-family: 'Segoe UI Semibold', 'Segoe UI', Arial, Sans-Serif;
    font-size: 15px;
    color: #107C10;
}

div.videoArticleDescription 
{
    margin-top: 15px;
    padding-right: 2px;
    font-family: 'Segoe UI Regular', 'Segoe UI', Arial, Sans-Serif;
    font-size: 15px;
    color: #222222;
}

div.videoArticleModuleLiner
{
    border-color: #222222;
    border-style: solid;
    border-width: 1px 0 0 0;
    width: 100%;
    margin-top: 40px;
    clear: both;
}

div.videoArticleBeforeStartedTitle 
{
    margin-top: 10px;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial, Sans-Serif;
    font-size: 30px;
    color: #222222;
}

div.videoArticleBeforeStartedItem 
{
    margin-top: 20px;
    min-height: 140px;
}

div.videoArticleBeforeStartedItemTitle 
{
    margin-left: 245px;
    font-family: 'Segoe UI Semibold', 'Segoe UI', Arial, Sans-Serif;
    font-size: 15px;
    color: #222222;
}

div.videoArticleBeforeStartedItemDescription 
{
    margin-left: 245px;
    margin-top: 15px;
    font-family: 'Segoe UI Regular', 'Segoe UI', Arial, Sans-Serif;
    font-size: 15px;
    color: #222222;
}

img.videoArticleItemImage  
{
    float: left;
    width: 225px;
    height: 127px;
}

div.videoArticle span.videoTitle 
{
    font-family: 'Segoe UI Light', 'Segoe UI', Arial, Sans-Serif;
    font-size: 30px;
    color: #222222;
}

div.videoEmbedDiv 
{
    width: 715px;
    height: 402px;
    margin-top: 10px;
}

div.videoArticleStepItem 
{
    margin-top: 10px;
    float: left;
}

div.videoArticleStepItemTitle 
{
    font-family: 'Segoe UI Light', 'Segoe UI', Arial, Sans-Serif;
    font-size: 30px;
    color: #222222;
    margin-bottom: 10px;
}

div.videoArticleStepItemWithImage
{
    margin-left: 245px;
}

div.videoArticleStepItemDescription 
{
    font-family: 'Segoe UI Light', 'Segoe UI', Arial, Sans-Serif;
    font-size: 15px;
    color: #222222;
}

div.articleSupportResourcesModule div.tile 
{
    float: left;
    text-align: center;
    width: 142px;
    padding: 0;
}

div.articleSupportResourcesModule div.tiles 
{
    margin-top: 20px;
    float: left;
}

div.articleSupportResourcesModule div.videoArticleSupportResources 
{
    margin-top: 0px;
}

div.articleSupportResourcesModule h2 
{
    font-family: 'Segoe UI Light', 'Segoe UI', Arial, Sans-Serif;
    font-size: 30px;
    color: #222222;
}

div.articleSupportResourcesModule .tile a 
{
    font-family: "Segoe UI Regular", "Segoe UI", Arial, Sans-Serif;
    font-size: 15px;
    color: #222222;
}

div.articleSupportResourcesModule span
{
    line-height: 18px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -5px;
    margin-bottom: 0;
    float: left;
    width: 122px;
    text-align: center;
}

div.articleSupportResourcesModule img 
{
    width: 90px;
    height: 90px;
}

div.articleSupportResourcesModule 
{
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

div.videoArticleAssistanceModule 
{
    width: 715px;
    float: left;
}

div.videoArticle div#FeedBackInvitation h3, div#FeedBackThanking h3
{
    max-width: 490px;
}

/** 
Contact Us
**/
#Article-Title
{
    margin-top: 30px;
}

.ContactUsSubTitle
{
    margin-top: 7px;
    margin-bottom: 16px;
}

.ContactUsClassicSubTitle
{
    margin-top: 18px;
    margin-bottom: 20px;
}

.ContactUsStepContainerDirect,
.ContactUsStepContainer
{
    clear: both;
    border-top-width: 1px;
    border-top-color: #BDBEC1;
    border-top-style: solid;
    margin-bottom: 30px;
    margin-top: 16px;
    padding-top: 7px;
}

.ContactUsContactFull h2,
.ContactUsStepContainerDirect h2
{
    margin: 0;
    padding: 0;
}

.ContactUsAllDropDownListContainer
{
   clear: both;
}

.ContactUsDropDownListContainer,
.DropDownListContainer
{
    float: left;
    margin-bottom: 30px;
    margin-right: 10px;
}

.ContactUsDropDownListLoading,
.DropDownListLoading
{
    float: left;
}

.ContactUsArticlesContainer
{
   clear: both;
   margin-bottom: 30px;
   border: 1px inset  #c1c1c1; 
}

.ContactUsDropDownListTitle,
.DropDownListTitle
{
    margin-bottom: 7px;
}

.ContactUsDropDownListValue
{
    border: 0px;     
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    color: #222;
    background-color: #E2E2E2;
    width: 150px;
    height: 25px;
    border-collapse: collapse;
    padding-left: 10px;
    padding-top: 5px;
    
}

.WarningTitle
{
    color: #231f20;
    font-family: "Segoe UI", Arial, Sans-Serif;
    font-size: 20px;
}   
   
 .ContactUsArticlePicture
 {
    float: left;
    padding-top: 5px;   
    margin: 0 20px 0 20px; 
 }
 
 .ContactUsArticlesContent
 {
   margin: 0 0 0 16px;
   list-style: none;
 } 

#page-content .ContactUsArticlesContent ul
{
    margin-bottom: 0px;
}
 #page-content .ContactUsArticlesContent ul li
 {
   list-style: none;
   margin: 0;
 } 

P.ContactUsContactBody
{
    margin-top: 0;
}

.ContactUsBoldRed
{
    font-family: Arial, Sans-Serif;
    font-size: 15px;
    font-weight: bold;
    color: #ff0000;
}

.ContactUsBoldItalic
{
    font-weight: bold;
    font-style:italic
}
.ContactUsContactsContainer
{
   clear: both; 
}

.ContactAllContacts
{
    display: none;
}


.ContactUsContactTypeContainer
{
    float: left;
}

.ContactUsContactTypeTitle
{
    float: left;
    width: 235px;
    margin-right: 45px;
    margin-bottom: 6px;
}

.ContactUsContactTypeTitle h3
{
  margin: 0;
  padding: 0;
} 

.ContactUsContactTypeTitle2
{
    float: left;
    width: 515px;
    margin-right: 45px;
}

.ContactUsSeparator1
{
    float: left;
    width: 45px; 
}

.ContactUsSeparator2
{
    float: left;
    width: 45px;
    border-top-width: 1px;
    border-top-color: #e2e2e2;
    border-top-style: solid;  
}

.ContactUsSeparator3
{
    float: left;
    width: 160px;
    border-top-width: 1px;
    border-top-color: #e2e2e2;
    border-top-style: solid;  
}


.ContactUsContactFullContainer
{
    float: left; 
}

.ContactUsDialingContainer
{
    padding-top: 5px;
    border-top-width: 1px;
    border-top-color: #C1C1C1;
    border-top-style: solid; 
    margin-bottom: 30px;
    margin-top: 18px;
}

.ContactUsContactFull
{
    float: left;
    width: 235px;
    padding-top: 20px; 
    margin-bottom: 20px;
    border-top-width: 1px;
    border-top-color: #e2e2e2;
    border-top-style: solid;   
}

.ContactUsPadding1
{
    padding-right: 45px;
}

.ContactUsPadding2
{
    padding-right: 160px;
}

.ContactUsPadding3
{
    padding-right: 280px;
}

.ContactUsContactSmallContainer
{
    float: left; 
    margin-bottom: 20px;
}

.ContactUsContactSmall
{
    float: left;  
    width: 235px;
    margin-right: 45px;  
}

.ContactUsContactBody
{
    margin-bottom: 10px;
}

.ContactUsContactBodyState
{
    color: #231f20;
    font-weight: bold;
}

.ContactUsContactBodyState.ContactChat,
.ContactUsContactBodyState.ContactCall {
    display:none;
}

.ContactUsContactButton
{
   text-transform:uppercase;
}

#request-support-enter-contact-info {
    margin-left: 68px;
}

/**
 * Request chat page
 */
 
.request-support-h2 {
    margin-bottom: 14px;
}

div.request-support-user-data-table {
    margin-top: -6px;
    margin-bottom: 12px;
    table-layout: auto;
}

.request-support-user-data-table-loading {
    height: 120px;
    margin-top: 20px; 
}

.request-support-login-column1, .request-support-description-column1, .request-support-start-column1
{
    vertical-align: top;
    width: 435px;
}

.request-support-login-column2, .request-support-description-column2, .request-support-start-column2
{
    vertical-align: top;
    padding-left: 5px;
    width: auto;
}

.request-support-start-column2 {
    color: #222;
}

.request-support-description-edit
{
    width: 400px;
    height: 105px;
    padding: 3px 10px;
    overflow:auto;
    resize: none;
}

.request-support-user-data-edit {
    width: 130px;
    height: 18px;
    padding: 4px 10px;
    overflow:hidden;
    resize: none;
    margin-right: 5px;
}

.request-support-user-data-edit[disabled], .request-support-user-data-edit.disabled {
    background: #ddd;
    color: #333;
}

input.request-support-mandatory-field, textarea.request-support-mandatory-field
{
    background-color: #FFEEEE;
}

input#request-support-login, input[type="submit"].request-support-submit-btn, input[type="submit"].request-support-submit-btn-disabled {
    padding-left: 15px;
    padding-right: 15px;
}

input#request-support-login:hover, input#request-support-login:focus {
    background-color: #2B9646;
    cursor: pointer;
    cursor: hand;
}

input[type="submit"].request-support-submit-btn:hover, input[type="submit"].request-support-submit-btn:focus {
    background-color: #2B9646;
    cursor: pointer;
    cursor: hand;
}

input[type="submit"].request-support-submit-btn-disabled {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* ie 7 */
    -ms-filter: "alpha(opacity=40)"; /* ie 8 */
    filter: alpha(opacity=40); /* ie lt 7 */
    -khtml-opacity: .4; /* safari 1.x */
    -moz-opacity: .4; /* ff lt 1.5, netscape */
}

input[type="submit"].request-support-submit-btn-disabled:hover, input[type="submit"].request-support-submit-btn-disabled:focus {
    background-color: #2B9646;
    cursor: pointer;
    cursor: hand;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* ie 7 */
    -ms-filter: "alpha(opacity=50)"; /* ie 8 */
    filter: alpha(opacity=50); /* ie lt 7 */
    -khtml-opacity: .5; /* safari 1.x */
    -moz-opacity: .5; /* ff lt 1.5, netscape */
}

.request-support-step
{
    Font-family: "Segoe UI", Arial, Sans-Serif;
    Font-size: 20px;
    color: #231f20;
    Margin-top: -15px;
    Margin-bottom: 0px;
}

.request-support-step-description
{
    Font-family: "Segoe UI", Arial, Sans-Serif;
    Font-size: 20px;
    color: #222;
    Margin-top: -15px;
    Margin-bottom: 0px;
}

table#request-support-description-table
{
    table-layout: auto;
    margin-top: 23px;
    margin-bottom: 20px;
}

div.request-support-start {
    margin-top: -3px;
}

div.request-support-mandatory-field, div.request-support-invalid-field 
{
    margin-top: -5px;
    Font-family: "Segoe UI", Arial, Sans-Serif; 
    Font-size: 12px;
    color: #ED1C24;
}

div.request-support-invalid-field {
    margin-bottom: 10px;
}

div.request-support-checkbox-mandatory {
    margin-top: 0px;
}

.request-support-verification-code-step-info
{
    margin-top: 10px;
    margin-bottom: 20px;
}

.request-support-billing-info
{
    margin-top: 5px;
    margin-bottom: 20px;
}

.request-support-checkbox-body {
    margin-top: -10px;
    margin-bottom: 10px;
}

.request-support-checkbox-body input {
    position: relative;
    bottom: -1px;
    background-color: #fff;
}

.request-support-call-us-directly {
    position: absolute;
	z-index: 1000;
	width: 300px;
}

.request-support-call-us-directly-body 
{
    background-color: #000;
    color: #FFFFFF;
    padding-top: 14px;
    padding-left: 18px;
    padding-bottom: 15px;
    padding-right: 8px;
}

.request-support-call-us-directly-bottom {
    background: url(Images/tooltip_triangle.png) no-repeat 10px 0;
    height: 9px;
}

div#request-support-call-us-directly-close,
div#request-support-call-us-directly-close:link,
div#request-support-call-us-directly-close:visited  {
    display: inline-block;
	background: url(Images/close_dark_rest15x15.png) no-repeat;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 15px;
    height: 15px;
}

div#request-support-call-us-directly-close:hover {
    background: url(Images/close_dark_hover15x15.png) no-repeat;
    cursor: pointer;
    cursor: hand;
}

h1.request-support-title {
    margin-top: 28px;
}

div.request-support-subtitle {
    margin-top: 5px;
    margin-bottom: 17px;
    font-family: "Segoe UI", Arial, Sans-Serif; 
    font-size: 15px;
    color: #222;
}

div#request-support-login-step, div#request-support-user-data-step, div#request-support-verification-code-step {
    margin-top: -13px;
}

div#request-support-login-step {
    margin-bottom: 14px;
}

div#request-support-user-data-step {
    margin-bottom: 20px;
}

div#request-support-verification-code-step {
    margin-bottom: 26px;
}

div#request-support-login-step h2 
{
    margin-bottom: 21px;
}

td.request-support-login-column2 p {
    margin-top: -4px;
}

input#request-support-firstname, input#request-support-lastname, input#request-support-email {
    margin-top: 4px;
    margin-bottom: 10px;
}

p#request-support-firstname, p#request-support-lastname {
    margin-top: -1px;
    margin-bottom: 14px;
}

input#request-support-phone-number, input#request-support-verification-code {
    margin-top: 3px;
    margin-bottom: 10px;
}

p#request-support-email {
    margin-top: -1px;
    margin-bottom: 4px;
}

div#request-support-description-step {
    margin-top: -12px;
    margin-bottom: 15px;
}

div#request-support-description-step .inline-fields-container {
    margin-right: 15px;
}

div#request-support-description-step .inline-field {
    vertical-align: top;
    display: inline-block;
    margin-left: 3px;
}

#request-support-service-request-no, #request-support-error-code {
    width: 150px;
    vertical-align: top;
}

textarea#request-support-description {
    margin-top: 7px;
    margin-bottom: 10px;
}

td.request-support-login-column2 p, td.request-support-description-column2 p, td.request-support-start-column2 p {
    margin-left: -5px;
}

td.request-support-description-column2 p {
    margin-top: 2px;
}

input#request-support-submit {
    margin-top: -3px;
}

.request-support-start-column2 p {
    margin-top: -8px;
    color: #222;
}

div#request-support-verification-code-step h2 
{
    margin-bottom: 20px;
}

p.request-support-description-note2 {
    font-family: "Segoe UI", Arial, Sans-Serif; 
    font-style: italic;
    font-size: 12px;
    color: #222;
}

.emailFormChars {
    font-family: "Segoe UI", Arial, Sans-Serif;
    font-size: 10px;
    color: #222;
}

.emailFormChars {
    font-family: "Segoe UI", Arial, Sans-Serif;
    font-size: 10px;
    color: #222;
}

.hidden {
	visibility: hidden;
	display: none;
}

h2.request-support-thanks {
    margin-top: 0px;
    margin-bottom: 0px;
}

h4.request-support-thanks 
{
    margin-bottom: 0px;
    text-transform: none;
}

hr#request-support-thanks-hr {
    margin-top: 6px;
    margin-bottom: 8px;
}

hr#request-support-submission-details-hr {
    margin-top: 7px;
    margin-bottom: 13px;
}

hr#request-support-helpful-tips-hr {
    margin-top: 30px;
    margin-bottom: 7px;
}


div#request-support-submission-details {
    margin-top: 29px;
    margin-bottom: 0px;
}

table#request-support-submission-details-table {
    margin-left: -3px;
    color: #555555;
}

td.request-support-submission-details-column1 {
    vertical-align: top;
    width: 270px;
    padding: 0px;
}

td.request-support-submission-details-column1 span {
    color: #222;
}

td.request-support-submission-details-column2 {
    vertical-align: top;
    width: auto;
    padding: 0px 0px 0px 8px;
}

td.request-support-submission-details-column2 span {
    color: #222;
}

div#request-support-related-articles 
{
    margin-top: 35px;
    margin-bottom: 30px;
    clear: both;
}

div#request-support-related-articles-content {
    width: 905px;
    float:left;
    margin-bottom: 10px;
}

div#request-support-related-articles-icon {
   float: left; 
   height: 30px;
   width: 30px;
   margin: 0px 25px 0 0px;
   background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/info_static30x30.png') no-repeat scroll 0 0 transparent; 
}

div#request-support-related-articles-title {
    color: #231f20;
    font-family: "Segoe UI", Arial, Sans-Serif;
    font-size: 20px;
}

div#request-support-related-articles-list {
    margin: 0 0 0 16px;
    list-style: none;
} 

div#request-support-related-articles-list ul {
    margin-bottom: 0px;
}

div#request-support-related-articles-list ul li {
    list-style: none;
    margin: 0;
}

div#request-support-helpful-links-content {
    margin-top: -5px;
    margin-bottom: 0px;
}

div#request-support-helpful-links-content ul {
    list-style-position: inside;
    padding: 0;
}

div#request-support-submission-details span 
{
    color: #231f20;
}

/** Family page **/

.FamilyPageLeftNavigation
{
    width: 245px;
    margin-top: 40px;
    float:left;
}

.FamilyPageContent
{
    width: 955px;
}

.FamilyPageContentWithLeftNavi
{
    width: 710px;
    float: left;
}

#FamilyTitle img {
    float: left;
    width: 225px;
    height: 126px;
    margin: 10px 0 20px 0;
}

#FamilyTitle p {
    margin-top: 10px;
}

#FamilyTitle .withImage {
    margin-left: 245px;
}

.FamilyPageContentWithLeftNavi .ArticleTitle {
    border-bottom: none;
    padding-bottom: 0;
}

.FamilyPageContent h1
{
    margin: 0px 0px 0px 0px;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    word-break: normal;
    text-overflow: ellipsis;
}

.FamilyPageContent h2
{
    margin-top: 5px;
    margin-bottom: 18px;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    word-break: normal;
    text-overflow: ellipsis;
}

.FamilyPageContent h3
{
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    word-break: normal;
    text-overflow: ellipsis;
}

.FamilyPageContent p
{
    margin: 0px 0px 12px 0px;
}

.FamilyPageContentWithLeftNavi h2
{
    margin-top: 5px;
    margin-bottom: 18px;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    word-break: normal;
    text-overflow: ellipsis;
}

.FamilyPageContentWithLeftNavi h3, .FamilyAnchor h3
{
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    word-break: normal;
    text-overflow: ellipsis;
}

.FamilyPageContentWithLeftNavi div#FeedBackInvitation h3,
.FamilyPageContentWithLeftNavi div#FeedBackThanking h3
{
    text-overflow: clip;
    white-space: normal;
    height: auto;
}

.FamilyPageContentWithLeftNavi p
{
    margin: 0px 0px 12px 0px;
}

.FamilyAnchor
{
    margin-top: 20px;
}

.FamilyAnchorGroup
{
    padding-left: 200px;
    margin-bottom: 12px;
    margin-top: 23px;
}

.FamilyAnchorGroupWithLeftNavi
{
    padding-left: 0px;
    margin-bottom: 12px;
    margin-top: 23px;
}

.FamilyAnchorGroup p
{
    margin: 0px 0px 28px 0px;
}

.FamilyAnchorGroup a
{
    width: auto;
    margin-left: 10px;
    margin-bottom: 0px;
}

.FamilyPageIcon
{
    float:left;
    margin-top:8px;
}

div.FamilyPageIconText 
{
    margin-left: 39px;    
}

.FamilyPageIconText a
{
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    word-break: normal;
    text-overflow: ellipsis;
}

div.FamilyPageLinkedText 
{
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    word-break: normal;
    text-overflow: ellipsis;
}

div.FamilyPageDescriptionText 
{
    min-height: 20px;
    max-height: 40px;    
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ArticleTitle
{
    margin-top: 30px;
    margin-bottom: -3px;
    padding-bottom: 20px;
    word-wrap: normal;
    word-break: normal;
    border-bottom: 1px solid #BDBEC1;
}

.FamilyLinkSeparator
{
    border-bottom: 1px solid #E2E2E2;
    font-size: 0px;
    margin-bottom: 10px;
}

.FamilySubGroupContent
{
    padding-left: 200px;
}
.FamilySubGroupContentNew, .FamilyAnchor
{
    padding-left: 0px;
    border-top: 1px solid #E2E2E2;
    padding-top: 20px;
    margin-bottom: 20px;
}

.FamilySubGroupContentNew:first-child
{
    margin-top: 20px;
}

.FamilySubGroupContentLink {
    background-image: url(Images/green_marker.png);
    background-repeat: no-repeat;
    padding-left: 15px;
    min-height: 60px;
}

.FamilySubGroupContentLink a
{
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    word-break: normal;
    text-overflow: ellipsis;
}

/** end of family page**/

/** Assistance Module **/
.AssistanceContent
{
    padding-left: 200px;
    width: 755px;
}

.AssistanceContentNew
{
    padding-left: 0px;
    width: 755px;
}
.AssistanceOptionContent
{
    float:left;
    width: 195px;
}

.AssistanceSpacer
{
    float:left;
    width: 85px;
}

.AssistanceSpacerWithLeftNavi
{
    float:left;
    width: 60px;
}

.AssistanceOptionContent a
{
    color: #77bb44;
    Font-family: "Segoe UI", Arial, Sans-Serif; 
    Font-size: 18px;
    margin-bottom: 0px;
}

.AssistanceOptionContent Img
{
    margin-bottom: 9px;
    border: 1px;
    border-style:solid;
    border-color: #BDBEC1;
}

.AssistanceOptionContent p
{
    margin: 0px 0px 0px 0px;
    overflow:auto;
    white-space: normal;
}

.AssistancePopup
{
    display: none;
}

.AssistancePopup h2
{
    float: left;
    width: 675px;
    padding-top: 7px;
    margin-left: 7px;
    margin-bottom: 6px;
}

.AssistancePopup a
{
    float: right;
    margin-top: 7px;
    margin-right: 6px;
}

.AssistancePopupText
{
    margin-left: 7px;
    margin-bottom: 20px;
    margin-top: 0px;   
    border-top: 1px solid #BDBEC1;
    border-bottom: 1px solid #BDBEC1;
    float: left;
    width: 679px;
    padding: 16px 25px 17px 0px;
    color: #222;
}

.AssistancePopupButtons
{
    float: right;
    margin-right: 6px;
    margin-bottom: 18px;
    width:auto;
}

.AssistancePopupButtons button:hover,
.AssistancePopupButtons button:focus,
.AssistancePopupButtons button:active,
.AssistancePopupButtons button:visited,
.AssistancePopupButtons button:link
{
    background-color: #4f9646;
}

div.AssistancePopupHide
{
    float:right;
    cursor:pointer;
    margin-right: 2px;
    margin-top: 2px;
    height: 15px;
    width: 15px;
}

div.AssistancePopupHideImage
{
    background-image: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/close_rest15x15.png');
}

div.AssistancePopupHideImage:hover
{
    background-image: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/close_hover15x15.png');
}

div.AssistancePopupHeader
{
    width : 723px;
}

.ui-widget
{
    color: #222;
    font-family: "Segoe UI", Arial, Sans-Serif;
    font-size: 15px;
}

.ui-widget button
{
    font-family: "Segoe UI", Arial, Sans-Serif;
    font-size: 12px;
}
.ui-widget button:focus
{
    background-color: rgb(119, 187, 68);
}
.ui-widget button:hover
{
    background-color: #4f9646;
}

.AssistanceModuleH2WithLeftNavi
{
    margin-bottom: 15px;
}

/** end of assistance module **/

br {
    color: #BDBEC1;
}

/** Deflection Module **/

span.DeflectionModuleButton
{
    display: block;
    padding-bottom: 20px;       
}

div.FamilyGroupContainer
{
    margin-bottom: 23px;
    margin-top: 20px;
    clear: both;
}

div.FamilyGroupContainerNew
{
    margin-left: 245px;
}

.DeflectionModuleContainer
{
    margin-bottom: 50px;
    clear: both;
    visibility: hidden;
}

.ContactUS .DeflectionModuleContainer
{
    display: none;
}

.BrowsePreviewsContent .DeflectionModuleContainer
{
    margin-top: 5px;
}

.DeflectionModuleContent
{
   width: 905px;
   float:left;
   padding-bottom: 10px;
}

.DeflectionModuleAlertButton
{
   float: left; 
   height: 30px;
   width: 30px;
   margin: 0px 25px 0 0px;
   background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/alert_static30x30.png') no-repeat scroll 0 0 transparent;
}
 
 #Articles .DeflectionModuleAlertButton
 {
   background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/info_static30x30.png') no-repeat scroll 0 0 transparent;  
 }
 
.DeflectionModuleLink
{
   margin-left: 20px;
}

.GradientTopLeft
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/top_left_corner.png') no-repeat; 
    width:25px; 
    height:20px; 
    float:left;
}

.GradientTopMiddle
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/top_border.png') repeat-x; 
    width:905px; 
    height:20px; 
    float:left;
}

.GradientTopRight
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/top_right_corner.png') no-repeat; 
    width:25px; 
    height:20px; 
    float:left;
}

.GradientLeftMiddle
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/left_border.png') repeat-y; 
    width:25px; 
    float:left;
    padding-bottom: 10px;
}

.GradientRightMiddle
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/right_border.png') repeat-y; 
    width:25px; 
    float:left;
    padding-bottom: 10px;
}

.GradientBottomContainer 
{
    float:left;
}

.GradientBottomLeft
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/bottom_left_corner.png') no-repeat; 
    width:25px; 
    height:20px; 
    float:left;
}

.GradientBottomMiddle
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/bottom_border.png') repeat-x; 
    width:905px; 
    height:20px; 
    float:left;
}

.GradientBottomRight
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/bottom_right_corner.png') no-repeat; 
    width:25px; 
    height:20px; 
    float:left;
}

div.DeflectionText
{
    margin: 35px 0 0 10px; 
}

span.DeflectionText
{
    margin: 10px 0 0 10px; 
    float:left;
}

a.DeflectionButtonLink,
a.DeflectionButtonLink:link,
a.DeflectionButtonLink:visited,
a.DeflectionButtonLink:hover {
	display: inline-block;
	padding: 0.5em 1.5em;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	background: #76b900;
	margin-top: 5px;
    margin-bottom: 5px;
	float: left;
}

a#DeflectionButtonLink
{
    margin-top: 30px;
}

/* application manual page */

div#leftNavContainer {
    width: 245px;
    margin-top: 40px;
    float: left;
}

div#manualPageContainer {
    width: 715px;
    margin-top: 40px;
    float: left;
}

    div#manualPageContainer h1 {
        font-family: "Segoe UI Light", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
        font-size: 40px;
        color: #222;
        margin-top: -12px;
    }

    div#manualPageContainer div#liveStatus {
        margin-top: 2px;
        margin-bottom: 10px;
    }

        div#manualPageContainer div#liveStatus #liveStatusIcon {
            float: left;
        }

        div#manualPageContainer div#liveStatus span#liveStatusText {
            font-family: "Segoe UI Semibold", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
            font-size: 20px;
            line-height: 24px;
            text-transform: capitalize;
            width: 681px;
            margin-top: 0px;
            margin-left: 10px;
        }

    div#manualPageContainer .active {
        color: #107C10;
    }

    div#manualPageContainer .limited {
        color: #EB8C00;
    }

    div#manualPageContainer .unavailable {
        color: #E81123;
    }

    div#manualPageContainer .unknown {
        color: #3B3B3B;
    }

    div#manualPageContainer h2.appManual {
        font-family: "Segoe UI Light", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
        font-size: 30px;
        margin-bottom: 10px;
        color: #222;
    }

    div#manualPageContainer .topicTitle {
        font-family: "Segoe UI Semibold", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
        font-size: 15px;
        color: #107C10;
    }

    div#manualPageContainer .text {
        font-family: "Segoe UI Regular", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
        font-size: 15px;
        color: #222;
    }

    div#manualPageContainer .topicText {
        margin-bottom: 17px;
    }

    div#manualPageContainer .headText {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    div#manualPageContainer .manualText {
        margin-bottom: 10px;
    }

    div#manualPageContainer .contactLink {
        font-family: "Segoe UI Semibold", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
        font-size: 15px;
        color: #107C10;
        display: block;
        margin-bottom: 4px;
    }

    div#manualPageContainer .contactText {
        margin-top: 0px;
        margin-bottom: 4px;
    }

    div#manualPageContainer div#topics {
        width: 715px;
        border-top: 1px solid #222;
        margin-bottom: 40px;
    }

div#appManual {
    width: 715px;
    border-top: 1px solid #222;
    margin-bottom: 40px;
    display: none;
}

    div#appManual .hiddenPrompt {
        display: none;
    }

div#appManualContact {
    width: 715px;
    border-top: 1px solid #222;
    margin-bottom: 40px;
    display: none;
}

iframe#appManualIFrame {
    width: 470px;
    height: 600px;
    margin-bottom: -2px;
    border: none;
    overflow: hidden;
}

/* end of app manual page */

/**
home page
**/
h1.HomePageModular
{
    margin-top: 30px;
    margin-bottom: 10px;
}

h2.Announcements
{
    margin: 0px;
    margin-top: 8px;
    padding: 0px;
}

table.HomePageModular
{
    border-collapse: collapse;
}

td.HomePageModularLeftContent
{
    width: 715px;
    min-width: 715px;
    max-width: 715px;
    vertical-align: top;
}

td.HomePageModularRightContent
{
    width: 240px;
    vertical-align: top;
}

div.AnnouncementsModuleLiner
{
    border-color: #BDBEC1 ;
    border-right: 0 none;
    border-style: solid none none; 
    border-width: 1px 0 0;
}

div.Announcements
{
    padding: 0px;
}

div.AnnouncementsLinkList
{
    margin-top: 19px;
    margin-left: 200px;
    margin-bottom: 1px;
    padding-right: 10px;
    width:505px
}

div.AnnouncementsLink
{
    margin: 0px;
    width: 505px;
    height: 20px;
    white-space: nowrap;
    word-wrap: normal;
    word-break: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.HomePageContent
{
    margin-top: 15px;
}

h2.HomePageContent
{
    margin: 0px;
    margin-top: 6px;
    padding: 0px;
    width: 620px;
}

div.HomePageContentModuleLiner
{
    border-color: #BDBEC1 ;
    border-right: 0 none;
    border-style: solid none none; 
    border-width: 1px 0 0;
}

div.HomePageContentLinkList
{
    margin-top: 20px;
    margin-left: 200px;   
    width: 505px;
    padding-right: 10px;
}

div.HomePageContentLink
{
    margin: 0px;
    width: 505px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    word-break: normal;
    text-overflow: ellipsis;
}

div.HomePageContentViewAll 
{
    float: right;
    margin-top: 14px;
    background-image: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/arrow_static15x15.png');
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
}

div.HomePageContentViewAll a
{
    margin-right: 24px;
}

div.ContactUsModule
{
    margin-left: 42px;
}

div.ContactUsModule img 
{
    width: 193px;
    height: 108px;
    margin-bottom: 10px;
    border: 1px;
    border-style:solid;
    border-color: #BDBEC1;
}

div.ContactUsModule div
{
    margin-bottom: 25px;
    width: 193px;
}

div.ContactUsModule h2
{
    width: 195px;
    height: 28px;
    overflow: hidden;
}

div.HomePageRightBoxModule
{
    margin-left: 42px;
}

div.HomePageRightBoxModule img
{
    width: 193px;
    height: 108px;
    margin-bottom: 10px;
    border: 1px;
    border-style:solid;
    border-color: #BDBEC1;
}

div.HomePageRightBoxModule div
{
    margin-bottom: 31px;
    width: 193px;
}

div.HomePageRightBoxModule h2, div.HomePageRightBoxModule h2
{
    width: 195px;
    height: 28px;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    word-break: normal;
    text-overflow: ellipsis;
}

/**
New home page
**/
div.homePage
{
    width:              960px;
}

div.homePage div.bottomSpace
{
    height:             60px;
}

div.homePageModuleLiner
{
    border-color:       #222222;
    border-style:       solid;
    border-width:       1px 0px 0px 0px;
    margin-top:         40px;
    margin-bottom:      10px;
}

div.homePageTileLiner
{
    border-color:       #222222;
    border-style:       solid;
    border-width:       1px 0px 0px 0px;
    width:              960px; 
    float:              left;
    z-index:            auto;
    margin-top:         10px;
}

div.homePageProductTilesModule h1.titlePosition
{
    padding:            29px 0px 20px 0px;
    margin:             0px;
}

div.homePageProductTilesModule h1.titleFont
{
    font-family:        'Segoe UI Light', 'Segoe UI', Arial, Sans-Serif;
    font-size:          40px;
    color:              #222222;
}

div.homePageProductTilesModule div.narrowColumn
{
    width:              636px;
}

div.homePageProductTilesBlock div.tilePosition
{
    float:              left;
    position:           relative;
}

div.homePageProductTilesBlock div.smallTile div.leftMargin
{
    margin-left:        12px;
}

div.homePageProductTilesBlock div.largeTile div.leftMargin
{
    margin-left:        10px;
}

div.homePageProductTilesBlock div.topMargin
{
    margin-top:         0px;
}

div.homePageProductTilesBlock div.iconPosition
{
    display:            table-cell;
    text-align:         center;
    vertical-align:     middle;
    background-color:   #FFFFFF;
}

div.homePageProductTilesBlock div.smallTile div.iconPosition
{
    width:              312px;
    height:             175px;
}

div.homePageProductTilesBlock div.largeTile div.iconPosition
{
    width:              475px;
    height:             266px;
}

div.homePageProductTilesBlock div.iconPosition img 
{
    display: table-cell;
    vertical-align: bottom;    
}

div.homePageProductTilesBlock div.smallTile p
{
    width:              272px;
}

div.homePageProductTilesBlock div.largeTile p
{
    width:              435px;
}

div.homePageProductTilesBlock p
{
    height:             23px;
    color:              #107C10;
    margin:             0px;
    font-family:        'Segoe UI Regular', Arial, Sans-Serif;
    text-align:         center;
    padding:            0px 20px 15px 20px;
    position:           absolute;
    left:               0px;
    bottom:             0px;
}

div.homePageProductTilesBlock div.smallTile p
{
    font-size:          20px;
}

div.homePageProductTilesBlock div.largeTile p
{
    font-size:          20px;
}

div.homePage div.trendingTopicsModule div.title,
div.homePageSupportAlertTitle
{
    width:              245px;
    float:              left;
}

div.homePage div.trendingTopicsModule h2,
div.homePage div.supportResourcesModule h2,
div.homePageSupportAlertTitle h2
{
    color:              #222222;
    font-family:        'Segoe UI Light', 'Segoe UI', Arial, Sans-Serif;
    font-size:          30px;
    margin-top:         -5px;
    margin-bottom:      20px;
}

div.homePage div.trendingTopicsModule div.topics,
div.homePageSupportAlertInfo
{
    width:              560px;
    float:              left;
    padding:            10px 0px 0px 0px;
}

div.homePage div.trendingTopicsModule a,
div.homePageSupportAlertInfo a,
div.homePageSupportAlertInfo p
{
    font-family:        'Segoe UI Semibold', 'Segoe UI', Arial, Sans-Serif;
    font-size:          15px;
    margin:             0px 0px 15px 0px;
}

div.homePage div.trendingTopicsModule a
{
    color:              #107C10;
    display:            block;
}

div.homePageSupportAlertInfo a
{
    color:              #107C10;
}

div.homePageSupportAlertInfo p
{
    color:              #222222;
}

div.homePage div.supportResourcesModule div.tile
{
    width:              192px;
    height:             118px;
    float:              left;
    text-align:         center;
}

div.homePage div.supportResourcesModule p
{
    color:              #222222;
    font-size:          15px;
    line-height:        18px;
    margin:             -7px 0px 0px 0px;
    padding:            0px 20px 0px 20px;
}

/**
GetStarted page
**/
div.getStartedPage
{
    width:              960px;
}

div.getStartedPage p
{
    margin:             0px;
}

div.getStartedPage a
{
    color:              #107C10;
    font-family:        'Segoe UI Regular', 'Segoe UI', Arial, sans-serif;
    font-size:          15px;
    line-height:        18px;
}

div.getStartedPage div.moduleLiner
{
    border-color:       #222222;
    border-style:       solid;
    border-width:       1px 0px 0px 0px;
    margin-top:         40px;
    margin-bottom:      10px;
    clear:              both;
}

div.getStartedPage h1,
div.getStartedPage h2
{
    color:              #222222;
    font-family:        'Segoe UI Light', 'Segoe UI', Arial, sans-serif;
}

div.getStartedPage h1
{
    font-size:          40px;
    margin:             10px 0;
    padding-top:        20px;
    padding-bottom:     10px;
    line-height:        42px;
}

div.getStartedPage h2
{
    font-size:          30px;
    margin:             -11px 0px 0px 0px;
}

div.getStartedPage h3
{
    color:              #222222;
    font-family:        'Segoe UI Semibold', 'Segoe UI', Arial, sans-serif;
    font-size:          18px;
    margin:             0;
}

div.getStartedPage div.content
{
    margin:             0;
}

.getStartedPage .content
{
    line-height:        18px;
}

div.getStartedPage div.contentFont,
.getStartedPage .contentFont
{
    color:              #222222;
    font-family:        'Segoe UI', Arial, sans-serif;
    font-size:          15px;
}

.getStartedPage .gspStartSection .contentFont {
     
    font-size:          30px;
    font-family:        'Segoe UI Light', Arial, sans-serif;
    line-height:        34px;
}

div.gspStartSection div.content
{
    padding-bottom:     28px;
    border-top:         1px #222222 solid;
}

.gspStartSection p {
    padding-top: 10px;
}

div.gspVideoTileSection
{
    margin-bottom:      24px;
    clear:              both;
}

div.gspVideoTileSection div.tile
{
    width:              306px;
    float:              left;
    margin-top:         24px;
}

div.gspVideoTileSection p
{
    margin-top:         10px;
}

div.gspVideoTileSection img.snapshot
{
    height:             170px;
    display:            block;
}

div.gspVideoTileSection div.leftMargin
{
    margin-left:        20px;
}


div.gspVideoTileSection img.playButton
{
    margin-left:        8px;
    margin-bottom:      -2px;
}

.getStartedPage .gspTopicSection
{
    padding-top:        20px;
    padding-bottom:     40px;
    background-color:   #f2f2f2;

}

.getStartedPage .gspTopicSection .topicImage
{
    display: none;
}

.getStartedPage .gspTopicSection .title 
{
    margin: 0 20px;
}

div.gspTopicSection div.topic
{
    padding-top:        20px;
    display:            inline-block;
    vertical-align:     top;
}

.gspTopicSection .topic p
{
    width:              276px;
}

.gspTopicSection .first 
{
    margin-left:        20px;
}

.gspTopicSection .topic:not(:last-child) 
{
    margin-right:       46px;
}

.gspTopicSection .topicText .number
{
    float:              left;
    font-size:          42px;
    line-height:        42px;
    margin-right:       5px;
    margin-top:         -1px;
    font-family:        "Segoe UI Light", Arial, Sans-Serif
}

div.gspTopicSection div.links
{
    margin:             -5px 0px 0px 0px;
    padding-top:        16px;
}

div.gspTopicSection div.links p
{
    margin-top:         3px;
}

div.gspTipSection
{
    width:              430px;
    padding:            20px 20px 50px 20px;
    background-color:   #383838;

    color:              #FFFFFF;
    font-family:        'Segoe UI Light', 'Segoe UI', Arial, sans-serif;
    font-size:          15px;
}

div.gspTipSection h2
{
    color:              #FFFFFF;
    margin-top:         -7px;
    padding-bottom:     14px;
}

div.gspTipSection div.content
{
    padding-bottom:     10px;
}

div.gspTipSection div.content p
{
    color:              #FFFFFF;
    font-family:        'Segoe UI Light', 'Segoe UI', Arial, sans-serif;
    padding-bottom:     4px;
}

div.gspTipSection div.content p.empty
{
    line-height:        10px;
}

div.gspTipSection a
{
    color:              #5CC21F;
}

div.gspLinkGroupSection div.space
{
    height:             40px;
}

div.gspLinkGroupSection div.title,
div.gspLinkGroupSection div.links
{
    width:              300px;
    float:              left;
    padding-right:      20px;
}

div.gspLinkGroupSection div.space
{
    height:             20px;
}

div.gspLinkGroupSection h2
{
    font-family:        'Segoe UI', Arial, sans-serif;
    font-size:          15px;
    margin-top:         -5px;
    margin-bottom:      10px;
}

div.gspLinkGroupSection p
{
    margin-bottom:      5px;
}

div.gspAnchorSection div.topSpace
{
    margin-top:         40px;
}

div.gspAnchorSection div.botSpace
{
    margin-bottom:      40px;
}

div.gspAnchorSection div.holder
{
    height:             0px;
}

div.gspAnchorSection div.section
{
    background-color:   #F2F2F2;
    z-index: 10000;
}

div.gspAnchorSection div.anchors
{
    width:              960px;
}

div.gspAnchorSection div.anchor
{
    float:              left;
}

div.gspAnchorSection div.anchor div
{
    height:             40px;
    display:            table-cell;
    vertical-align:     middle;
}

div.gspAnchorSection div.anchor:not(:last-child)
{
    padding-right:      30px;
}

div.gspAnchorSection a
{
    color:              #222222;
    font-family:        'Segoe UI Semibold', 'Segoe UI', Arial, sans-serif;
    font-size:          15px;
}

.getStartedPage .gspVideoPlaySection h2
{
    font-size:          24px;
    margin-bottom:      15px;
    line-height:      normal;
}

div.gspVideoPlaySection
{
    min-height:         288px;
}

div.gspVideoPlaySection div.videoPlay
{
    padding-bottom:     50px;
}

div.gspVideoPlaySection div.space
{
    height:             15px;
}

div.gspVideoPlaySection iframe
{
    width:              470px;
    height:             264px;
    border:             none;
}

div.gspVideoPlaySectionSolutionMobile iframe
{
    width:              364px;
    height:             205px;
    border:             none;
}

.getStartedPage .gspVideoPlaySection .left {
    float:              left;
    margin-right:       20px;
}

.getStartedPage .gspVideoPlaySection .right {
    float:              right;
    margin-left:        20px;
}

div.gspVideoPlaySection div.content
{
    padding-top:        10px;
    padding-bottom:     15px;
}

div.gspVideoPlaySection div.content p
{
    padding-bottom:     0px;
}

div.gspVideoPlaySection div.content p.empty
{
    line-height:        10px;
}

div.gspVideoPlaySection div.links
{
    margin-top:         -5px;
    padding-bottom:     24px;
}

div.gspVideoPlaySection div.links p
{
    padding-bottom:     5px;
}

/**
Live Status Page    
**/
div.liveStatusPage
{
    width:              960px;
    font-size:          0px;
    margin-top:         32px;
    margin-bottom:      40px;
}

    div.liveStatusPage p
    {
        font-size:          15px;
        line-height:        18px;
        margin-top:         6px;
        margin-bottom:      3px;
        color:              #222222;
    }

    div.liveStatusPage a
    {
        font-size:          15px;
        font-family:        'Segoe UI Semibold', 'Segoe UI', Arial, sans-serif;
        line-height:        18px;
        margin-top:         6px;
        margin-bottom:      3px;
        color:              #107C10;
    }

    div.liveStatusPage h1
    {
        font-family:        'Segoe UI Light', 'Segoe UI', Arial, sans-serif;
        font-size:          40px;
        line-height:        42px;
        color:              #222222;
        margin-bottom:      14px;
    }

    div.liveStatusPage h2
    {
        font-family:        'Segoe UI Light', 'Segoe UI', Arial, sans-serif;
        font-size:          30px;
        line-height:        34px;
        margin-top:         3px;
        margin-right:       40px;
        color:              #222222;
        width:              205px;
        float:              left;
    }

    div.liveStatusPage h3
    {
        color:              #222222;
        line-height:        24px;
        font-size:          20px;
        margin-top:         10px;
        margin-bottom:      10px;
    }

        div.liveStatusPage h3 a
        {
            color:          #222222;
            line-height:    24px;
            font-size:      20px;
            font-family:    'Segoe UI Semibold', 'Segoe UI', Arial, sans-serif;
        }

    div.liveStatusPage .folded, div.liveStatusPage .viewMode
    {
        display:            none;
    }

    div.liveStatusPage div.appOutageString
    {
        display:            none;
    }

    div.liveStatusPage div.moduleLiner
    {
        border-color:       #222222;
        border-style:       solid;
        border-width:       1px 0px 0px 0px;
        clear:              both;
    }

    div.liveStatusPage div.subSectionLiner
    {
        border-color:       #C8C8C8;
        border-style:       solid;
        border-width:       1px 0px 0px 0px;
        clear:              both;
    }

    div.liveStatusPage div.space
    {
        height:             42px;
    }

    div.liveStatusPage .notice,
    div.liveStatusPage div.acknowledgement,
    div.liveStatusPage div.error,
    div.liveStatusPage .concurrencyError,
    div.liveStatusPage .cancelAcknowledgement
    {
        display:            none;
    }

    div.liveStatusPage ul.platforms,
    div.liveStatusPage ul.services,
    div.liveStatusPage ul.core,
    div.liveStatusPage div.subscribeSMS
    {
        padding:            0px;
        overflow:           hidden;
    }

    div.liveStatusPage .platforms
    {
        width: 357px;
        display: inline-block;
        margin-bottom:20px
    }

    div.liveStatusPage ul.services
    {
        margin-bottom:      6px;
    }

    div.liveStatusPage ul.services li:last-child
    {
        margin-bottom:      8px;
    }

    div.liveStatusPage li
    {
        display:            block;
    }

    div.liveStatusPage .platform
    {
        float:              left;
        margin-top: 20px;
    }

    div.liveStatusPage .platform div
    {
        display:            inline-block;
        vertical-align:     top;
    }

    div.liveStatusPage .platform div.label
    {
        width: 100px;
        font-size: 15px;
        line-height: 15px;
        text-align: left;
        vertical-align: text-top;
    }

    div.liveStatusPage .platform div.icon {
        width: 48px;
        height: 30px;
        float: left;
        margin-right: 10px;
        text-align: center;
    }

    div.liveStatusPage .platform img.narrow
    {
        margin-left: 18px;
    }

    div.liveStatusPage .platform .serviceOutageString
    {
        display:            none;
    }

    div.liveStatusPage li.platform p
    {
        margin:             5px 0px 0px 0px;
    }

    div.liveStatusPage img.item
    {
        margin:             10px 10px 10px 0px;
        float:              left;
    }

    div.liveStatusPage div.item
    {
        overflow:           hidden;
    }

    div.liveStatusPage span.active
    {
        margin-left:        10px;
        color:              #107C10;
    }

    div.liveStatusPage span.limited
    {
        margin-left:        10px;
        color:              #EB8C00;
    }

    div.liveStatusPage span.unavailable
    {
        margin-left:        10px;
        color:              #E81123;
    }

    div.liveStatusPage span.unknown
    {
        margin-left:        10px;
        color:              #3B3B3B;
    }

    div.liveStatusPage .heading
    {
        float:              left;
        width:              284px;
        margin-right:       40px;
        margin-bottom:      20px;
    }

    div.liveStatusPage div.details
    {
        overflow:           hidden;
        font-size:          15px;
        line-height:        18px;
        color:              #222222;
        margin-bottom:      6px;
    }

        div.liveStatusPage div.apps div.details
        {
            margin-top:         -9px;
        }

    div.liveStatusPage div.apps
    {
        overflow:           hidden;
    }

        div.liveStatusPage div.apps ul
        {
            padding-left:       0px;
        }

        div.liveStatusPage div.apps div.space
        {
            height:             26px;
        }

    div.liveStatusPage div.catagory
    {
        float:              left;
        width:              201px;
        height:             38px;
        padding:            10px 15px 0px 15px;
        color:              #FFFFFF;
        font-size:          20px;
        line-height:        24px;
        margin-top:         10px;
        background-color:   #646464;
    }

        div.liveStatusPage div.catagory:hover
        {
            cursor:             pointer;
        }

        div.liveStatusPage div.catagory.margin
        {
            margin-right:       11px;
        }

        div.liveStatusPage div.catagory.selected
        {
            background-color:   #107C10;
        }

    div.liveStatusPage div.initial
    {
        width:              25px;
        margin-top:         13px;
        margin-bottom:      14px;
        float:              left;
        font-family:        'Segoe UI Semibold', 'Segoe UI', Arial, sans-serif;
        font-size:          15px;
        line-height:        18px;
        text-align:         center;
        color:              #107C10;
    }

        div.liveStatusPage div.initial[data-initial="0"]
        {
            width:          35px;
        }

        div.liveStatusPage div.initial[data-initial="#"]
        {
            width:          35px;
        }

        div.liveStatusPage div.initial:hover
        {
            cursor:             pointer;
        }

        div.liveStatusPage div.initial:first-child
        {
            margin-left:        -6px;
        }

        div.liveStatusPage div.initial.disabled
        {
            color:              #C8C8C8;
        }

        div.liveStatusPage div.initial.selected
        {
            font-family:        'Segoe UI Bold', 'Segoe UI', Arial, sans-serif;
            background-color:   #C8C8C8;
        }

    div.liveStatusPage div.subscribeSMS
    {
        margin-bottom:      6px;
    }

    div.liveStatusPage input.phone
    {
        display:            block;
        width:              165px;
        height:             38px;
        color:              #222222;
        border-width:       1px;
        border-color:       #222222;
        font-size:          15px;
        line-height:        38px;
        margin:             10px 0px 10px 0px;
        padding:            0px 13px 0px 13px;
    }

    div.liveStatusPage input.button
    {
        min-width:          125px;
        height:             40px;
        color:              #FFFFFF;
        background-color:   #107C10;
        font-size:          15px;
        font-weight:        normal;
        line-height:        15px;
        border-width:       0px;
        padding:            0px 14px 0px 14px;
        margin-left:        0px;
    }

        div.liveStatusPage input.button[disabled="disabled"]
        {
            background-color:   #c8c8c8;
        }

    div.liveStatusPage input.textMe, div.liveStatusPage input.edit
    {
        margin-right:        10px;
    }

    div.liveStatusPage input.edit {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    div.liveStatusPage .serviceTimestamp
    {
        float:              left;
        width:              284px;
        margin-right:       40px;
        margin-bottom:      20px;
    }

/**
Browse page
**/

.BrowseTitle
{
    margin-top: 30px;
    padding-bottom: 11px;
}

.BrowseLeftNav ul
{
    padding-left: 0px;
    margin-top:0px;
}

.BrowseArticles
{
    padding-top: 20px;
}

.BrowseServices
{
}

.BrowseServices ul
{
    padding-left: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.BrowseServices li {
    padding-left: 10px;
    text-indent: -10px;
}
.BrowseLeftNav ul li 
{
    list-style-type: none;
    margin-left: 0;
    list-style-position: outside;
}

.BrowseLeftNav
{
    width: 190px;
    float: left;
}

.BrowsePreviewsContent
{
    float: left;
    margin-left: 20px;
    width:745px;
}

.BrowsePreview
{
    width: inherit; 
    margin-bottom: 20px;
}

.BrowsePreviewImage
{
    width: 193px; 
    margin-bottom: 20px;
    margin-right: 20px;
    border: 1px solid #BDBEC1;
    margin-top: 5px;
}

.BrowsePreviewTitle
{
    width: inherit;
    margin-bottom: 1px;
}

.BrowsePreviewTitle a, .BrowsePreviewTitle a:visited
{
    color: #77bb44;
    font-weight: bold;
}

.BrowsePreviewTitle a:hover
{
    color: #2B9646;
}

.BrowseLoadingImage
{
    display: block; 
    margin-left: auto; 
    margin-right: auto;
}

.hideComponent{
	visibility: hidden;
	display: none;
}

.DisplayLessOrMoreItems {
    font-family: 'Segoe UI',Arial,Sans-Serif;
    font-size: 15px;
    color: #222;
    line-height: 20px;
    cursor: pointer;
}
    
.DisplayLessOrMoreItems:hover {
    color: #231f20;   
    cursor:pointer;
} 

.CategoryArticles {
   cursor:pointer;  
}

.CategoryArticles a,  .CategoryArticles a:visited{
   color: #636468
}

.CategoryArticles:hover, .CategoryArticles a:hover {
    color: #231f20;   
    cursor:pointer;
}

.ProductCategories {
     margin-top: 20px;
     font-weight: bold;
     font-family: 'Segoe UI',Arial,Sans-Serif;
     font-size: 11px;
     color: #231f20;
     line-height: 20px;
     text-transform: uppercase;
}

.Selected, .Selected a, .Selected a:visited {
   color: #231f20;  
}

.Selected, .Selected a {
   font-weight: bold;
}
/* End Browse */

/**
New Browse Page    
**/

div.seperateLine {
    width: 715px;
    height: 1em;
    border-top: 1px solid #222;
    float: left;
}

h1.subCategoryH1 {
    margin: -15px 0px 20px 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #222;
    font-family: "Segoe UI Light", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
    font-size: 40px;
    color: #222;
    width: 715px;
    float: left;
}

h2.subCategoryH2 {
    margin-top: -2px;
    margin-bottom: 20px;
    font-family: "Segoe UI Light", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
    font-size: 30px;
    color: #222;
    float: left;
}

h3.subCategoryH3 {
    margin-top: -8px;
    font-family: "Segoe UI Regular", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
    font-size: 20px;
    color: #222;
}

div#subCategoryServiceStatus {
    position: relative;
    width: 960px;
    height: 40px;
}

    div#subCategoryServiceStatus img {
        float: left;
    }

    div#subCategoryServiceStatus div {
        position: absolute;
        margin-left: 38px;
        margin-top: 12px;
        margin-bottom: 6px;
        font-family: "Segoe UI Semibold", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
        font-size: 12px;
        color: #5DC21E;
    }

div#subCategoryContainer {
    width: 960px;
    padding: 40px 0px 40px 0px;
    float: left;
}

div#subCategoryLeftNavList {
    width: 225px;
    float: left;
}

    div#subCategoryLeftNavList a:hover {
        color: #107C10;
    }

    div#subCategoryLeftNavList a.current {
        color: #107C10;
        font-family: "Segoe UI Semibold";
    }

div#navList {
    margin-top: 7px;
}

    div#navList div {
        float: left;
    }

    div#navList > div {
        width: 225px;
    }

    div#navList a {
        display: block;
        margin-bottom: 7px;
    }

    div#navList > div > a {
        margin-left: 20px;
        font-family: "Segoe UI Regular", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
        font-size: 15px;
        color: #222;
        text-decoration: none;
    }

    div#navList div > div {
        margin-left: 40px;
    }

        div#navList div > div > a {
            font-family: "Segoe UI Regular", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
            font-size: 15px;
            color: #222;
            text-decoration: none;
        }

div#subCategoryRightContainer {
    width: 715px;
    margin-left: 20px;
    float: left;
}

div#subCategories {
    padding: 0px 0px 10px;
    float: left;
}

    div#subCategories div {
        width: 201px;
        margin: 0px 11px 10px 0px;
        padding: 10px 15px;
        background-color: #646464;
        display: block;
        float: left;
        text-decoration: none;
        font-family: "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
        font-size: 20px;
        color: #FFF;
    }

    div#subCategories div.clearMarginRight {
        margin-right: 0px;
    }

    div#subCategories div.green {
        background-color: #107C10;
    }

    div#subCategories div:hover {
        background-color: #107C10;
    }

    div#subCategories div.seperate {
        width: 715px;
        height: 0px;
        margin: 0px;
        float: left;
        padding: 0px;
    }

div.subCategoryArticleContainer {
    margin-bottom: 30px;
    float: left;
}

    div.subCategoryArticleContainer img {
        width: 229px;
        height: 130px;
        border: 1px solid #222;
        float: left;
    }

    div.subCategoryArticleContainer > div {
        margin: -7px 0px 5px 0px;
        padding-left: 242px;
    }

    div.subCategoryArticleContainer > div.clearPaddingLeft {
        padding-left: 0px;
    }

    div.subCategoryArticleContainer div.articleTitle a {
        text-decoration: none;
        font-family: "Segoe UI Semibold", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
        font-size: 20px;
        color: #107C10;
    }

    div.subCategoryArticleContainer div.articleContent {
        font-family: "Segoe UI Regular", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
        font-size: 15px;
        color: #222;
    }

div#subCategorySupportContainer {
    width: 715px;
    float: left;
}

    div#subCategorySupportContainer a {
        width: 142px;
        height: 126px;
        position: relative;
        float: left;
    }

        div#subCategorySupportContainer a img {
            width: 90px;
            height: 90px;
            border-width: 0px;
            position: absolute;
            left: 26px;
        }

        div#subCategorySupportContainer a div {
            width: 122px;
            height: 36px;
            position: absolute;
            top: 90px;
            left: 10px;
            text-align: center;
            font-family: "Segoe UI Regular", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
            font-size: 15px;
            color: #222;
            margin-top: -5px;
        }

div#subCategoryTrendingTopics {
    width: 715px;
    margin-top: -20px;
    padding-bottom: 30px;
    float: left;
}

div#subCategoryTrendingTopics .subCategoryH2 {
    width: 231px;
}

div#subCategoryTrendingTopicsItems {
    padding-top: 26px;
    padding-left: 245px;
}

    div#subCategoryTrendingTopicsItems a {
        margin-top: -10px;
        margin-bottom: 25px;
        display: block;
        text-decoration: none;
        font-family: "Segoe UI Semibold", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
        font-size: 15px;
        color: #107C10;
    }

div#subCategorySupportCatagoriesContainer {
    padding: 0px 0px 20px 0px;
    float: left;
}

    div#subCategorySupportCatagoriesContainer div {
        font-family: "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
        color: #222;
        width: 225px;
        overflow: hidden;
        margin-top: 0px;
        margin-left: 20px;
        margin-right: 0px;
        float: left;
    }
    
    div#subCategorySupportCatagoriesContainer div.title {
        margin-bottom: 5px;
    }

    div#subCategorySupportCatagoriesContainer div.categoryDescription {
        font-size: 15px;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    div#subCategorySupportCatagoriesContainer div.clearMarginLeft {
        margin-left: 0px;
    }

    div#subCategorySupportCatagoriesContainer div.clearMarginTop {
        margin-top: -4px;
    }

    .seperate {
        width: 715px;
        height: 0px;
        margin: 0px;
        float: left;
    }

    div#subCategorySupportCatagoriesContainer div.seperate {
        width: 715px;
        height: 0px;
        margin: 0px;
        float: left;
    }

    div#subCategorySupportCatagoriesContainer a {
        text-decoration: none;
        font-family: "Segoe UI Semibold", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
        font-size: 15px;
        color: #107C10;
    }

/* Debug tool */
div#downloadCompassDataContainer {
    margin-top: 10px;
}

/**
 * Walkthrough template page
 */
div#walkthrough_area ul#walkthrough_nav li a
{
    width: 313px;
    height: 39px;           
    padding: 0px 42px 0 9px;
    margin-bottom: 4px;
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    text-decoration: none;
    font-size: 10pt;
    font-weight: bold;
    outline: none;
}
div#walkthrough_area ul#walkthrough_nav li a:HOVER, 
div#walkthrough_area ul#walkthrough_nav li.visited a:HOVER
{
    text-decoration: underline;
}
            
div#walkthrough_area ul#walkthrough_nav li.visited
{
            
}
    div#walkthrough_area ul#walkthrough_nav li.visited a
    {
        color: #bdbec0;
    }

div#walkthrough_area div#left_nav_content
{
}
	div#walkthrough_area div#left_nav_content div#left_nav_content_title
	{
	    font-size: 10pt; 
	    font-weight: bold; 
	    color: #979797;
	}       
	    
div.walkthrough_content a.next,
div#walkthrough_area div#content_area a.next
{
    width: 170px;
    height: 24px;           
    padding: 6px 0 0 12px;
    margin: 0 0 9px 440px;
    display: block;
    overflow: hidden;
    font-size: 11pt;
    color: white;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}
div#walkthrough_area div.clear
{
    clear: both;
    overflow: hidden;
    height: 1px;
}

div#walkthrough_area div#walkthrough_title
{
	margin-bottom: 14px;
	vertical-align: middle;
}

    div#walkthrough_area div#walkthrough_title img
    {
	    vertical-align: middle;
	    margin-right: 5px;
    }
    div#walkthrough_area div#walkthrough_title h1
    {
	    font-size: 20px;
	    color: #666666;
	    vertical-align: middle;
	    display: inline;
	    margin-left: 3px;
    }

div#walkthrough_area table,
div#walkthrough_area table tr,
div#walkthrough_area table tr td
{
    padding: 0;
	margin: 0;
}
    
div#walkthrough_area table tr td#left_content
{
    vertical-align: top;
    width: 315px;
}

div#walkthrough_area table tr td#right_content
{
	vertical-align: top;
	width: 635px;
}
 
div#walkthrough_area ul#walkthrough_nav
{
    list-style: none;
    padding: 10px 0 5px 0;
    margin: 0;
}
    div#walkthrough_area ul#walkthrough_nav li
    {	
    	margin-left: 0;        
    }
    
/** left nav **/
div#walkthrough_area div#left_nav
{
    width: 313px;
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
}
div#walkthrough_area div#left_nav div.line_above
{
    margin-top: 2px;
    height: 1px;
    width: 100%;
    display: block;
    overflow: hidden;
	background-color: #BDBEC0;
}
div#walkthrough_area div#left_nav div.line_below
{
    height: 1px;
    width: 100%;
    display: block;
    overflow: hidden;
	background-color: #BDBEC0;
}

div#walkthrough_area .walkthrough-spacer
{
    width: 0px;
    padding-left: 5px;
}

/** Right Content Area**/

div#BodyContent 
{
	overflow: hidden;
}

div#walkthrough_area div#right_content_inside
{
    margin-right: 5px;
    padding: 0px 0 0 10px;
    width : 622px;
    overflow : hidden;
}

div.walkthrough_content hr,
div#walkthrough_area div#right_content_inside hr
{
	border-top: 1px solid #e6e6e6;
	margin-top:1px;
	height: 0px;
	width: 580px;
}
    div#walkthrough_area div#right_content_inside div#walkthroughWebPartZoneContainer
    {
    }
   


    div.walkthrough_content hr,
   	div#walkthrough_area div#content_area hr
   	{
   	    width: 100%;
   	}
   	div#walkthrough_area div#content_area h1,
   	div#walkthrough_area div#content_area h2
    {
        margin-top: 0px;
        color: #666666;
        font-size: 16px;
        font-weight: bold;
    }
    
    div#walkthrough_area div#content_area h3
    {
		margin-top: 0px;
        color: #666666;
        font-size: 16px;
        font-weight:bold;
	}
  
    div#walkthrough_area div#content_area img
    {
		width:auto;
	}
  
    div#walkthrough_area div#content_area table
    {
		table-layout:auto;
		border: none;
    }
    
    div#walkthrough_area div#content_area td
    {
		table-layout:auto;
		border: none;
    }


/**
Drop down menu
**/

.DropDownTop
{
    width: 145px; 
    height: 25px; 
    padding:0px 10px 0 10px;
    margin-top:10px;
    cursor:pointer;
    font-size: 15px;
    white-space: nowrap;
}

.DropDownTopSelect
{
    background: none repeat scroll 0 0 #E2E2E2;
    color: #231f20;
}

.DropDownTopNoSelect
{
    background: none repeat scroll 0 0 #77BB44;
    color: #FFFFFF;
    font-style: italic;
}

.DropDownOptions
{
    background: none repeat scroll 0 0 #E2E2E2; 
    display: none;
    cursor:pointer;
    padding: 0 0 10px 0;
    margin-top:1px;
    margin-left:0px;
    min-width: 165px;
    position:absolute; 
    z-index:500;
}

.DropDownOptions li 
{
    list-style-type: none;
    margin-left: 0px;
    list-style-position: outside;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 20px;
}



ul.SubDropDownOptions
{
    background-color: #E2E2E2;
    font-size: 12px;
    margin-top: -22px;
    padding-left: 0px;
    position: absolute;
    width: 100%;
    z-index: 1001;
    visibility: hidden;
}

ul.ContactUs
{
    margin-left: 265px;
}
ul.Browse
{
    margin-left: 155px;
}



ul.SubDropDownOptions li
{
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 5px;
    margin-top: 0px;
}

.MenuElementHover
{
    color: #231f20;
    background-color: #DDDDDD;

}

.MenuElementOut
{
    color: #222;
    background-color: #E2E2E2;
}

.MenuElementSelected
{
    color: #231f20;
    background-color: #E2E2E2;
}

.MenuElementHover
{
    color: #231f20;
    background-color: #DDDDDD;
}

.DropDownArrow
{
    width:8px; 
    height:4px; 
    float: right; 
    margin-top: 10px;
}

.SubDropDownOptionTitle 
{
    padding-left: 10px;
}

.SubDropDownArrow
{
    width:8px; 
    height:8px; 
    float: right; 
    margin-top: 7px;
    margin-right: 10px;
}
.SubDropDownArrowSelect
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/browse_right_black_triangle12x12.png') no-repeat scroll center center transparent; 
}

.SubDropDownArrowNoSelect
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/browse_right_grey_triangle12x12.png') no-repeat scroll center center transparent; 
}

.DropDownArrowSelect
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/dropdown_black_triangle12x12.png') no-repeat scroll center center transparent; 
}

.DropDownArrowNoSelect
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/dropdown_white_triangle12x12.png') no-repeat scroll center center transparent; 
}

.DropDownTopSelectedText
{
    width:127px;
    height: 25px;
    float:left;
    overflow: hidden;
    white-space: nowrap;
    height: 20px;
    margin-top: 2px;
}

div#article-heading 
{
	min-height: 40px;
	margin-bottom: 7px;
	margin-top: 23px;
	margin-left: 2px;
}
div#article-picture
{
    float:left;
    padding-top: 13px;
}
div#article-title
{
    margin-left:50px;
}
    div#article-title h1
    {
        margin: 0;
        padding-top: 7px;
    }
    div#article-title p
    {
        padding: 3px 0 0 3px;
        margin: 0;
    }
    
/*** Wizard page css ***/
h1.WizardTitle
{
    margin-top: 30px;
}

.wizard_container
{
	width:880px;
	height: 2100px;
	margin: 10px 0px 0px 0px;
    padding-left: 0;
    vertical-align: baseline;
    overflow: hidden;
    top: 0px;
}
.wizard_content
{
	width: 100%;
	height: 2100px;
}
.wizard_article_title
{
	position:relative;
	background-color:rgb(255,255,255);
	height:67px;
	top:-2101px;
	left:0px;
}

.wizard_article_title #article-heading
{
    margin-top: 0px;
}
iframe 
{
	overflow: hidden;
}

/*** Status Page ***/

h1.serviceStatus
{
    margin-top: 30px;
}

div.StatusModuleLiner
{
    border-color: #BDBEC1 ;
    border-right: 0 none;
    border-style: solid none none; 
    border-width: 1px 0 0;
    margin-top: 11px;
}

div.XboxLiveStatus h2, div.AppsStatus h2
{
    margin-top: 9px;
    margin-bottom: 5px;
}

div.StatusOK
{
    background-color: #F2F2F2;
    margin-left: 200px;
    height:39px;
    min-height: 39px;
    max-height: 39px;
    line-height: 38px;
    border-left:  #77BB44 2px solid;
    color: #231f20;
    padding-left: 8px;
    margin-bottom: 10px;
}

div.StatusOKTitle
{
    background-image: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/running_static25x25.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 33px;
}

div.StatusUnknow
{
    background-color: #F2F2F2;
    margin-left: 200px;
    height:39px;
    min-height: 39px;
    max-height: 39px;
    line-height: 38px;
    border-left:  #BDBEC1 2px solid;
    color: #231f20;
    padding-left: 8px;
    margin-bottom: 10px;
}

div.StatusUnknownTitle
{
    background-image: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/unknown_static25x25.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 33px;
}

div.StatusKO
{
    background-color: #F2F2F2;
    min-height: 39px;
    margin-left: 200px;
    border-left:  #FBB040 2px solid;
    color: #231f20;
    padding-left: 8px;
    margin-bottom: 10px;
}

div.StatusKOTitle
{
    background-image: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/warning_static25x25.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 33px;
    height:39px;
    min-height: 39px;
    max-height: 39px;
    line-height: 38px;
}

div.StatusKOText
{
    margin-left: 34px;
    margin-top: -5px;
    padding-bottom: 10px;
}

.error-bar
{
    height: auto;
    background-color: #ED1C24;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
}

.error-bar .icon
{
	background-image: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/XboxCom_Icons.png);
	background-repeat: no-repeat;
    background-position: -10px -280px;
    margin: 5px 15px 0px 15px;
    float: left;
    width: 26px;
    height: 25px;
}

.error-bar .message a {
    font-size: 15px;
    font-weight: bold;
    color: #107C10;
    text-decoration: underline;
}

.error-bar .message {
    height: auto;
    padding-top: 10px;
    padding-left: 56px;
    padding-bottom: 10px;
}

.request-support-error-bar {
    margin-top: 11px;
    margin-bottom: 10px;
}

.request-support-congrats-error-bar {
    margin-top: 11px;
    margin-bottom: 15px;
}

div#request-support-user-phone-number-note {
    margin-bottom: 24px;
}

.contact-us-error-bar {
    margin-top: 18px;
    margin-bottom: -3px;
}

.contact-us-warning-bar 
{
    margin-top: 18px;
    margin-bottom: -3px;
    background-color: #FAAF40;
}

.numberFilterBlock {
    font-family: "Segoe UI";
    font-size: 9pt;
    text-align: center;
    text-decoration: none;
    width: 30px; 
    height: 23px; 
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    padding-top: 3px;
}

.specialCharFilterBlock {
    font-family: "Segoe UI";
    font-size: 9pt;
    text-align: center;
    text-decoration: none;
    width: 30px; 
    height: 23px; 
    float: left;
    margin-top: 5px;
    margin-right: 20px;
    padding-top: 3px;
}

.filterBlock {
    font-family: "Segoe UI";
    font-size: 9pt;
    text-align: center;
    text-decoration: none;
    width: 19px; 
    height: 23px; 
    float: left;
    margin: 5px 3px 5px 3px;
    padding-top: 3px;
}

.noApp {
    cursor: default;
    color: #8c8d91;
    text-decoration: none;
}

.hasApp {
    color: #7b4;
}

a.hasApp:hover, a.hasAppSelected:hover {
    color: #7b4;
}

a.noApp:hover {
    color: #8c8d91;
    cursor: default;
}

.appSelected {
    background-color: #e2e2e2;
}
    
.sortOptionTitle {
    float: right;
    font-family: "Segoe UI";
    font-weight: bold;
    font-size: 10pt;
    text-transform: uppercase;
    color: #393738;
    margin: 5px;
}

.filterMessage {
    width: 400px;
    float: left;
    color: #393738;
    font-family: "Segoe UI";
    font-size: 10pt;
    margin-top: 5px;
    margin-left: 200px;
}

.messagePlate {
    padding-bottom: 30px;
}

.filterDropDownContainer {
    float: right;
    height:40px;
    margin-top: -7px;
    margin-right: -10px;
}

.filterPlate {
    margin-left: 55px;
    background-color: rgb(255,255,255);
    height: 45px;
    margin-left: 200px;
}

div.filterPlateStatusModuleLiner {
    border-color: #BDBEC1;
    border-right: 0 none;
    border-style: solid none none; 
    border-width: 1px 0 0;
    margin-top: 11px;
    margin-left: 200px;
}

span.partnerServiceTitle {
    font-weight: bold;
}

/** Application status module **/
div.StatusModuleKOTitle
{
    background-image: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/alert_static30x30.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 53px;
    margin-top: -5px;
    height:39px;
    min-height: 39px;
    max-height: 39px;
    line-height: 38px;
    color: #231f20;
    font-family: "Segoe UI", Arial, Sans-Serif;
    font-size: 20px;
}

div.StatusModuleOKTitle
{
    background-image: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/running_static30x30.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 53px;
    margin-top: -5px;
    height:39px;
    min-height: 39px;
    max-height: 39px;
    line-height: 38px;
    color: #231f20;
    font-family: "Segoe UI", Arial, Sans-Serif;
    font-size: 20px;
}

div.StatusModuleUnknowTitle
{
    background-image: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/alert_static30x30.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 53px;
    margin-top: -5px;
    height:39px;
    min-height: 39px;
    max-height: 39px;
    line-height: 38px;
    color: #231f20;
    font-family: "Segoe UI", Arial, Sans-Serif;
    font-size: 20px;
}

div.StatusModuleText
{
    margin-left: 54px;
    margin-top: -5px;
    padding-bottom: 10px;
}

table.AppStatusModule
{
    width:955px;
    border: none;
    border-width: 0px;
    border-style: none;
    border-spacing: 0px;
    table-layout: fixed;
    margin-top: 11px;
    margin-bottom: 9px;
}

table.AppStatusModuleWithLeftNavi
{
    width:700px;
    border: none;
    border-width: 0px;
    border-style: none;
    border-spacing: 0px;
    table-layout: fixed;
    margin-top: 11px;
    margin-bottom: 9px;
}

#ContactUsStatusModule table.AppStatusModuleWithLeftNavi
{
    width: 100%;
}

table.AppStatusModule tr
{
    border: none;
    border-width: 0px;
    border-style: none;
}

td.LeftTopStatusModule
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/top_left_corner.png'); 
    background-position: right;
    background-position: bottom;
    background-repeat: no-repeat;
    width:23px;
    height: 20px;
    border: none;
    border-width: 0px;
    border-style: none;
    border-spacing: 0px;

}

td.CenterTopStatusModule
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/top_border.png');
    background-repeat: repeat-x;
    background-position: bottom;
    width: 900px;
    border: none;
    border-width: 0px;
    border-style: none;
    border-spacing: 0px;
}

td.CenterTopStatusModuleWithLeftNavi
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/top_border.png');
    background-repeat: repeat-x;
    background-position: bottom;
    width: 660px;
    border: none;
    border-width: 0px;
    border-style: none;
    border-spacing: 0px;
}

#ContactUsStatusModule td.CenterTopStatusModuleWithLeftNavi 
{
    width: 900px;
}

td.RightTopStatusModule
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/top_right_corner.png'); 
    background-position: left;
    background-position: bottom;
    background-repeat: no-repeat;
    width:23px;
    height: 20px;
    border: none;
    border-width: 0px;
    border-style: none;
    border-spacing: 0px;
}

td.LeftBottomStatusModule 
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/bottom_left_corner.png'); 
    background-position: right;
    background-position: top;
    background-repeat: no-repeat;
    width:23px;
    height: 20px;
    border: none;
    border-width: 0px;
    border-style: none;
    border-spacing: 0px;
}

td.CenterBottomStatusModule
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/bottom_border.png');
    background-repeat: repeat-x;
    background-position: top;
    width: 900px;
    border: none;
    border-width: 0px;
    border-style: none;
    border-spacing: 0px;
}

td.CenterBottomStatusModuleWithLeftNavi
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/bottom_border.png');
    background-repeat: repeat-x;
    background-position: top;
    width: 660px;
    border: none;
    border-width: 0px;
    border-style: none;
    border-spacing: 0px;
}

#ContactUsStatusModule td.CenterBottomStatusModuleWithLeftNavi 
{
    width: 900px;    
}

td.RightBottomStatusModule
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/bottom_right_corner.png'); 
    background-position: left;
    background-position: top;
    background-repeat: no-repeat;
    width:23px;
    height: 20px;
    border: none;
    border-width: 0px;
    border-style: none;
    border-spacing: 0px;
}

td.LeftMiddleStatusModule
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/left_border.png') repeat-y; 
    background-position: right;
    width:23px;
    border-width: 0px;
    border-style: none;
}

td.RightMiddleStatusModule
{
    background: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/Deflection/right_border.png') repeat-y; 
    background-position: left;
    width:23px;
    border-width: 0px;
    border-style: none;
}

/** KB article **/
.kb .section h2.subTitle span a, div.sbody a, div#kb_expandcollapseall a
{
    font-weight: normal;
}

.kb .section h2.subTitle
{
    margin-bottom: 7px;
}

div#kb_expandcollapseall
{
    margin-bottom: 7px;
}

.LoadingAnimation50, .loadingAnimationBrowse 
{
    background: #FFF url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/loading_50x50.gif) no-repeat center center;
    height: 50px;
}

.LoadingAnimation50
{
    width: 50px;
}

.loadingAnimation25 
{
   background: #FFF url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/loading_25x25.gif) no-repeat center center;
    height: 25px;
    width: 25px;
}

input[type="radio"], input[type="checkbox"] 
{
    padding: 0 0 0 0;
    border: none;
}

textarea, select, input
{
	color: #222;
	padding: 0 10px 0 10px;
	border: 1px solid #BDBEC0;
}

/** Error Code Search **/
.ErrorCodeSearchResult
{
    width: 955px;
    border-top: 1px solid #BDBEC0;
    padding-top: 15px;
    visibility: hidden;
}

.ErrorCodeSearchPageTitleArea
{
    border-bottom: 1px solid #BDBEC0;
    padding-bottom: 15px;
    margin-top: 30px;
}

.ErrorCodeSearchPageTitleArea h1
{
    padding-bottom: 5px;
}

.ErrorCodeSearchTopErrorsArea
{
    padding-top: 5px;
    padding-bottom: 30px;    
}

.ErrorCodeSearchTopErrorsArea h2
{
    padding-bottom: 20px;    
}

.ErrorCodeSearchInputField
{
    width: 425px;
    height: 20px;
    padding: 0px 5px 0px 5px;
    margin: 10px 6px 0px 0px;
}

.ErrorCodeSearchButton
{
    height: 20px;
    margin: 0px 0px 3px 0px;
    padding: 0px;
    vertical-align: middle;
}

div.ServicesEdit 
{
    margin-top: 12px;
    margin-bottom: 26px;    
}

div.AddressStepNote 
{
    margin-top: 5px;
    float: left;
}

span.AddressStepNoteLabel 
{
    font-style: italic;  
    font-weight: bold;  
}

span.AddressStepNoteText 
{
    font-style: italic;    
}

div.ReviewAddressMessage 
{
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

a, a:visited {
    color: #107C10;
    font-weight: normal;
    text-decoration: none;
}

/* Override for footer links*/
#BodyFooter a , #BodyFooter a:visited {
    color: #626262;
    font-weight: bold;
}

/* Multi Language Module Start */
.CallLanguageOptions,
.ChatLanguageOptions {
    margin: 20px 25px 20px 7px;  
}

.CallLanguageHeader,
.ChatLanguageHeader {
    height: 41px;
    width: 100%;
    border-bottom: 1px solid #BDBEC1;
}

.CallLanguageMessage,
.ChatLanguageMessage {
    width: 100%;
}

.CallLanguageOptionLink,
.ChatLanguageOptionLink {
    font-family: 'Segoe UI',Arial,Sans-Serif;
    font-size: 15px;
}

.CallLanguageOptionItem,
.ChatLanguageOptionItem {
    margin: 10px 0;
}

.CallLanguagePopup,
.ChatLanguagePopup {
    display: none;
}

.CallLanguagePopup h2,
.ChatLanguagePopup h2 {
    float: left;
    width: 675px;
    padding-top: 7px;
    margin-left: 7px;
    margin-bottom: 6px;
}

.CallLanguagePopup a,
.ChatLanguagePopup a {
    margin-top: 7px;
    margin-right: 6px;
    color: #76BB44;
}

.CallLanguagePopupText,
.ChatLanguagePopupText
{
    margin-left: 7px;
    margin-bottom: 20px;
    margin-top: 0px;   
    border-top: 1px solid #BDBEC1;
    border-bottom: 1px solid #BDBEC1;
    float: left;
    width: 679px;
    padding: 16px 25px 17px 0px;
    color: #222;
}

div.CallLanguagePopupHide,
div.ChatLanguagePopupHide
{
    float:right;
    cursor:pointer;
    height: 15px;
    width: 15px;
}

.ChatLanguageOptionText,
.CallLanguageOptionText {
    margin-top: 12px;
    padding-bottom: 5px;
    color: #222;
    font-family: 'Segoe UI',Arial,Sans-Serif;
    font-size: 15px;
}

div#CallChangeLanguageModal,
div#ChatChangeLanguageModal {
    margin-top: 10px;
}

/* End Module */

/* SmartGlass Header */
.jumptarget:before {
  content:"";
  display:block;
  height:50px; 
  margin:-50px 0 0;
}

/* Ambassador pre emptive box */

#AmbassadorTab 
{
	top: 400px;
	left: -350px;
	position:fixed;
}

#AmbassadorFrame
{
	z-index: 100;
    background-color: #636468;
    float: left;
}

.AmbassadorVerticalText { 
    color: #FFFFFF;
    font-family: 'Segoe UI',Arial,Sans-Serif;
    font-size: 18px; 
    white-space: nowrap;
	text-align: center;
    width: 38px;
    height: auto;
    padding-right: 10px;
    background-color: #77BB44;
}

.AmbassadorVerticalTextNotMSIE {   
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    background-color: inherit;
    position: relative;
    left: -2px;
}

.AmbassadorVerticalText:hover
 { 
    background-color: #2b9646;
}

.AmbassadorVerticalTextGhost 
{
    color: #FFFFFF;
    font-family: 'Segoe UI',Arial,Sans-Serif;
    font-size: 18px; 
    white-space: nowrap;
    display: none;
}

.AmbassadorTabText {
    color: #FFFFFF;
    font-family: 'Segoe UI',Arial,Sans-Serif;
    font-size: 15px;
    margin-left : 10px;
    margin-right : 10px;
    margin-top : 15px;
    width: 230px;
    text-align: center;
}

.AmbassadorTabTitle {
    color: #FFFFFF;
    font-family: 'Segoe UI',Arial,Sans-Serif;
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 200px;
    text-align: center;
}

#AmbassadorTabButtonPlaceholder {
    height: 45px;
    padding-top: 20px;
}

a.AmbassadorTabButton,
a.AmbassadorTabButton:link,
a.AmbassadorTabButton:visited,
a.AmbassadorTabButton:hover {
    padding: 5px 15px;
	font-size: 18px;
	font-family: 'Segoe UI',Arial,Sans-Serif;
	color: #fff;
	background: #77BB44;
}

a.AmbassadorTabButton:hover {
	background: #2ca243;
}

#AmbassadorTeaser {
	z-index: 100;
    background-color: #77BB44; 
    width: 48px;
    float: left;
    margin-left: 1px;
    cursor:pointer;
    position:relative;	
}

#AmbassadorTeaser:hover {
	background: #2b9646;
}

.AmbassadorTabClose
{
    float:right;
    cursor:pointer;
    margin-right: 10px;
    margin-top: 10px;
    height: 15px;
    width: 15px;
    background-image: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/cancel-icon-15x15-white.png');
}

.AmbassadorTabClose:hover
{
    float:right;
    cursor:pointer;
    margin-right: 10px;
    margin-top: 10px;
    height: 15px;
    width: 15px;
    background-image: url('/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/close_rest15x15.png');
}

span.SocialSharingTitle {
  font-size: 15px;
  color: #636468;
  font-family: "Segoe UI Regular", "Segoe UI", Arial, Sans-Serif;
  vertical-align: top;
}

.SocialSharingContainer {
    text-align: right;
}

iframe.shareButton {
    border:none; 
    overflow:hidden;
    height: 20px;
    margin-left: 8px;
    background-color: transparent;
}

/* End ov Ambassador pre emptive box */


/* Image expander */

img.imageExpander, img.imageCollapser {
    margin-bottom:24px;
    width: 25px;
    height: 25px;
    display:block;
    border-width:0;
    cursor:pointer;
    position: absolute;
}

img.imageExpander {
     background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/expand_button_25x25.png);
}

img.imageCollapser {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/collapse_button_25x25.png);
    margin: 0 auto;
}

div#SemiOpaqueBackground
{
    background-image: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/Images/opacityPix.png);
    display:none;
    width: 100%;
    height: 100%;
    z-index: 1000;
    position: fixed;
    top:0;  
    right:0;  
    bottom:0;  
    left:0;  
}

img.expandedImage {
    position: absolute;
    display:block;
    top: 50%;
    margin:0 auto;
}

div.message p {
    margin-top: 0;
    margin-bottom: 0;
}

/* End of Image Expander*/

/* Game controller icons */

.inlineButtonImage {
    display: inline-block;
    width: 32px;
    height: 32px;
    -ms-transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    vertical-align: middle;
    margin: -10px -6px -4px -6px;
}

.windows10Image_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/windows-10-windows-icon-20.png) no-repeat;
    transform: scale(.8); margin-left: 1px; margin-top: 2px;
}

.buttonAImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -11px -11px;
}

.buttonBImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -111px -11px;
}

.buttonXImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -211px -11px;
}

.buttonYImage_RGB235 {
  background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -311px -11px;
}

.xBoxButtonImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -411px -11px;
}

.dPadImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -11px -111px;
}

.dPadUpImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -111px -111px;
}

.dPadRightImage_RGB235 {
  background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -211px -111px;
}

.dPadDownImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -311px -111px;
}

.dPadLeftImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -411px -111px;
}

.leftStickImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -11px -211px;
}

.leftStickUpImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -111px -211px;
}

.leftStickRightImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -211px -211px;
}

.leftStickDownImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -311px -211px;
}

.leftStickLeftImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -411px -211px;
}

.rightStickImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -11px -311px;
}

.rightStickUpImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -111px -311px;
}

.rightStickRightImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -211px -311px;
}

.rightStickDownImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -311px -311px;
}
.rightStickLeftImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -411px -311px;
}

.leftStickPressImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -11px -411px;
}

.rightStickPressImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -111px -411px;
}

.leftStickUnpressImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -211px -411px;
}

.rightStickUnpressImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -311px -411px;
}

.viewImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -411px -411px;
}

.leftBumperImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -11px -511px;
}

.rightBumperImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -111px -511px;
}

.leftTriggerImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -211px -511px;
}

.rightTriggerImage_RGB235 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -311px -511px;
}

.menuImage_RGB235 {
  background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -412px -512px;
}

.buttonAImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -11px -11px;
}

.buttonBImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -111px -11px;
}

.buttonXImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -211px -11px;
}

.buttonYImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -311px -11px;
}

.xBoxButtonImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -411px -11px;
}

.dPadImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -11px -111px;
}

.dPadUpImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -111px -111px;
}

.dPadRightImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -211px -111px;
}

.dPadDownImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -311px -111px;
}

.dPadLeftImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -411px -111px;
}

.leftStickImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -11px -211px;
}

.leftStickUpImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -111px -211px;
}

.leftStickRightImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -211px -211px;
}

.leftStickDownImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -311px -211px;
}

.leftStickLeftImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -411px -211px;
}

.rightStickImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -11px -311px;
}

.rightStickUpImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -111px -311px;
}

.rightStickRightImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -211px -311px;
}

.rightStickDownImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -311px -311px;
}

.rightStickLeftImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -411px -311px;
}

.leftStickPressImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -11px -411px;
}

.rightStickPressImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -111px -411px;
}

.leftStickUnpressImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -211px -411px;
}

.rightStickUnpressImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -311px -411px;
}

.viewImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -411px -411px;
}

.leftBumperImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -11px -511px;
}

.rightBumperImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -111px -511px;
}

.leftTriggerImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -211px -511px;
 }

.rightTriggerImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -311px -511px;
 }

.menuImage_RGB16 {
    background: url(/National_Library/20181105034639oe_/http://support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -411px -511px;
}
a.xboxLiveStatusFocus:focus p{
    text-decoration: underline;
}

/* End of game controller icons */