﻿/**
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: #231F20;
    font-weight: bold;
}

.FormFieldTitle,
.DropDownTitle,
.RequiredFieldLegend {
    font-size: 10px;
    font-weight: bold;
    color: #555555;
}

.FormFieldTitle,
.DropDownTitle {
    text-transform: uppercase;
}

.RequiredIndicator {
    margin: 0 2px;
    color: #A80000;
}

.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: #107C10;
    margin-top: 20px;
}

    a.ms-rteStyle-button-green:hover {
        background: #2ca243;
    }

    a.ms-rteStyle-button-green.disabled:hover {
        background: #107C10;
    }

.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("//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: #0f760f;
    width: 10px;
    float: left;
    margin-right: 10px;
}

.LiveStatusOverallVerticalLineNOK {
    height: 81px;
    background-color: #cb091f;
    width: 10px;
    float: left;
    margin-right: 10px;
}

.LiveStatusOverallIconOK {
    background: url('//support.xbox.com/Content/images/icon_status_running.png') no-repeat;
    width: 25px;
    height: 25px;
    float: left;
    margin-top: 28px;
}

.LiveStatusOverallIconNOK {
    background: url('//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: #0f760f;
    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('//support.xbox.com/Content/images/icon_status_running.png') no-repeat;
    width: 25px;
    height: 25px;
    float: left;
    margin-top: 7px;
}

.LiveStatusDetailIconNOK {
    background: url('//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: 4px;
    float: left;
}

.Solution-Article-Body {
    margin-left: 245px;
}


    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;
}

.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;
}



div.HeroImageModuleImageContent img.Small {
    width: 150px;
}

div.HeroImageModuleImageContent img.Medium {
    width: 200px;
}

div.HeroImageModuleImageContent img.Large {
    width: 250px;
}

div.HeroImageModuleTextContent {
    margin-top: -4px;
}

.HeroImageModuleText {
    vertical-align: top;
    font-style: italic;
}

.ProductLandingYoutubeEmbeded {
    width: 345px;
    height: 225px;
}

.ProductLandingVideoTile {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    margin-bottom: 25px;
    margin-top: 10px;
}

.VideoModuleText {
    padding-bottom: 10px;
    vertical-align: top;
    font-style: italic;
    display: inline-block;
}

.ProductLandingVideoTileLeftPadding {
    padding-left: 21px;
}

.heroImageTile {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    margin-bottom: 20px;
}

.trendingTopicsTile {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin-bottom: 10px;
}

h3.trendingTopicsHeading {
    margin-top: -8px;
    margin-bottom: 15px;
    font-family: "Segoe UI Light", "Segoe UI", HelveticaNeue, "Droid Sans", Arial, Sans-Serif;
    font-size: 25px;
    color: #222;
}


/**
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('//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: 135px;
    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 div {
    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.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;
    margin-bottom: 30px;
}

.ContactUsSubTitle {
    margin-top: 7px;
    margin-bottom: 16px;
}

.ContactUsClassicSubTitle {
    margin-top: 18px;
    margin-bottom: 20px;
}

.ContactUsStepContainerDirect,
.ContactUsStepContainer {
    clear: both;
    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 !important;
    }

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;
    background: #107c10 !important;
    background-color: #107c10 !important;
    color: #fff !important;
    border: solid 1px #107c10 !important;
}

    input#request-support-login:hover, input#request-support-login:focus {
        background-color: #0f760f !important;
        cursor: pointer;
        cursor: hand;
        border: solid 1px #0f760f !important;
    }

    input[type="submit"].request-support-submit-btn:hover, input[type="submit"].request-support-submit-btn:focus {
        background-color: #0f760f !important;
        border: solid 1px #0f760f !important;
        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: #0f760f !important;
        cursor: pointer;
        cursor: hand;
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* ie 7 */
        -ms-filter: "alpha(opacity=50)" !important; /* ie 8 */
        filter: alpha(opacity=50) !important; /* 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;
    }

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;
}

div#request-support-submission-details-table {
    margin-left: -3px;
    color: #555555;
}

.request-support-submission-details {
    vertical-align: top;
    width: auto;
    padding: 0px 0px 0px 8px;
}

    .request-support-submission-details 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('//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: 22px;
    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('//support.xbox.com/Content/images/close_rest15x15.png');
}

    div.AssistancePopupHideImage:hover {
        background-image: url('//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 {
    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('//support.xbox.com/Content/images/alert_static30x30.png') no-repeat scroll 0 0 transparent;
}

#Articles .DeflectionModuleAlertButton {
    background: url('//support.xbox.com/Content/images/info_static30x30.png') no-repeat scroll 0 0 transparent;
}

.DeflectionModuleLink {
    margin-left: 20px;
}

.GradientTopLeft {
    background: url('//support.xbox.com/Content/images/Deflection/top_left_corner.png') no-repeat;
    width: 25px;
    height: 20px;
    float: left;
}

.GradientTopMiddle {
    background: url('//support.xbox.com/Content/images/Deflection/top_border.png') repeat-x;
    width: 905px;
    height: 20px;
    float: left;
}

.GradientTopRight {
    background: url('//support.xbox.com/Content/images/Deflection/top_right_corner.png') no-repeat;
    width: 25px;
    height: 20px;
    float: left;
}

.GradientLeftMiddle {
    background: url('//support.xbox.com/Content/images/Deflection/left_border.png') repeat-y;
    width: 25px;
    float: left;
    padding-bottom: 10px;
}

.GradientRightMiddle {
    background: url('//support.xbox.com/Content/images/Deflection/right_border.png') repeat-y;
    width: 25px;
    float: left;
    padding-bottom: 10px;
}

.GradientBottomContainer {
    float: left;
}

.GradientBottomLeft {
    background: url('//support.xbox.com/Content/images/Deflection/bottom_left_corner.png') no-repeat;
    width: 25px;
    height: 20px;
    float: left;
}

.GradientBottomMiddle {
    background: url('//support.xbox.com/Content/images/Deflection/bottom_border.png') repeat-x;
    width: 905px;
    height: 20px;
    float: left;
}

.GradientBottomRight {
    background: url('//support.xbox.com/Content/images/Deflection/bottom_right_corner.png') no-repeat;
    width: 25px;
    height: 20px;
    float: left;
    padding-bottom: 12px;
}

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: #107C10;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    letter-spacing: 0.07em;
}

    a.DeflectionButtonLink:hover {
        background: #0f760f !important;
    }

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('//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 > div {
        color: #222222;
        line-height: 24px;
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        div.liveStatusPage > div 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: #0f760f;
        }

.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: 0px;
    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: 0px 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: 5px;
    }

    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;
    margin-top: 8px;
}

div#subCategories {
    padding: 0px 0px 10px;
    display: inline-table;
}

    div#subCategories > a {
        float: left;
    }


    div#subCategories div {
        width: 199px;
        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;
    display: inline-flex;
}

    div.subCategoryArticleContainer img {
        width: 229px;
        height: 130px;
        border: 1px solid #222;
        float: left;
    }

    div.subCategoryArticleContainer > div {
        margin: -7px 0px 5px 0px;
        padding-left: 10px;
    }

        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.subCategoryArticleContainer > a {
        display: inline-block;
    }

div#subCategorySupportContainer {
    width: 715px;
    float: left;
    text-align: center;
}

    div#subCategorySupportContainer a {
        width: 142px;
        height: 100%;
        position: relative;
        float: left;
        text-align: center;
    }

        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#subCategoryTrendingTopicsItems a {
    margin-bottom: 15px;
    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('//support.xbox.com/Content/images/browse_right_black_triangle12x12.png') no-repeat scroll center center transparent;
}

.SubDropDownArrowNoSelect {
    background: url('//support.xbox.com/Content/images/browse_right_grey_triangle12x12.png') no-repeat scroll center center transparent;
}

.DropDownArrowSelect {
    background: url('//support.xbox.com/Content/images/dropdown_black_triangle12x12.png') no-repeat scroll center center transparent;
}

.DropDownArrowNoSelect {
    background: url('//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('//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('//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('//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: #d02e00;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
}

    .error-bar .icon {
        background-image: url(//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('//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('//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('//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('//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('//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('//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('//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('//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('//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('//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('//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('//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('//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(//support.xbox.com/Content/images/loading_50x50.gif) no-repeat center center;
    height: 50px;
}

.LoadingAnimation50 {
    width: 50px;
}

.loadingAnimation25 {
    background: #FFF url(//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;
}

.ContactUsStep2ArticlesContent a, .ContactUsStep2ArticlesContent a:visited {
    color: #107C10 !important;
    font-weight: normal;
    text-decoration: none !important;
}

a, a:visited {
    color: #107C10;
    font-weight: normal;
    text-decoration: none !important;
}

/* 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: #0f760f;
}

.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: #0f760f;
    }

.AmbassadorTabClose {
    float: right;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 10px;
    height: 15px;
    width: 15px;
    background-image: url('//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('//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(//support.xbox.com/Content/images/expand_button_25x25.png);
}

img.imageCollapser {
    background: url(//support.xbox.com/Content/images/collapse_button_25x25.png);
    margin: 0 auto;
}

div#SemiOpaqueBackground {
    background-image: url(//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(//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(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -11px -11px;
}

.buttonBImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -111px -11px;
}

.buttonXImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -211px -11px;
}

.buttonYImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -311px -11px;
}

.xBoxButtonImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -411px -11px;
}

.dPadImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -11px -111px;
}

.dPadUpImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -111px -111px;
}

.dPadRightImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -211px -111px;
}

.dPadDownImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -311px -111px;
}

.dPadLeftImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -411px -111px;
}

.leftStickImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -11px -211px;
}

.leftStickUpImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -111px -211px;
}

.leftStickRightImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -211px -211px;
}

.leftStickDownImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -311px -211px;
}

.leftStickLeftImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -411px -211px;
}

.rightStickImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -11px -311px;
}

.rightStickUpImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -111px -311px;
}

.rightStickRightImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -211px -311px;
}

.rightStickDownImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -311px -311px;
}

.rightStickLeftImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -411px -311px;
}

.leftStickPressImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -11px -411px;
}

.rightStickPressImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -111px -411px;
}

.leftStickUnpressImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -211px -411px;
}

.rightStickUnpressImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -311px -411px;
}

.viewImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -411px -411px;
}

.leftBumperImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -11px -511px;
}

.rightBumperImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -111px -511px;
}

.leftTriggerImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -211px -511px;
}

.rightTriggerImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -311px -511px;
}

.menuImage_RGB235 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB235.png) no-repeat -412px -512px;
}

.buttonAImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -11px -11px;
}

.buttonBImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -111px -11px;
}

.buttonXImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -211px -11px;
}

.buttonYImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -311px -11px;
}

.xBoxButtonImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -411px -11px;
}

.dPadImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -11px -111px;
}

.dPadUpImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -111px -111px;
}

.dPadRightImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -211px -111px;
}

.dPadDownImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -311px -111px;
}

.dPadLeftImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -411px -111px;
}

.leftStickImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -11px -211px;
}

.leftStickUpImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -111px -211px;
}

.leftStickRightImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -211px -211px;
}

.leftStickDownImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -311px -211px;
}

.leftStickLeftImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -411px -211px;
}

.rightStickImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -11px -311px;
}

.rightStickUpImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -111px -311px;
}

.rightStickRightImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -211px -311px;
}

.rightStickDownImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -311px -311px;
}

.rightStickLeftImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -411px -311px;
}

.leftStickPressImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -11px -411px;
}

.rightStickPressImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -111px -411px;
}

.leftStickUnpressImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -211px -411px;
}

.rightStickUnpressImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -311px -411px;
}

.viewImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -411px -411px;
}

.leftBumperImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -11px -511px;
}

.rightBumperImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -111px -511px;
}

.leftTriggerImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -211px -511px;
}

.rightTriggerImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -311px -511px;
}

.menuImage_RGB16 {
    background: url(//support.xbox.com/Content/images/gameControllerIcons_32x_RGB16.png) no-repeat -411px -511px;
}

a.xboxLiveStatusFocus:focus p {
    text-decoration: underline;
}

.LoadingAnimationServiceOrderManagement {
    background: #FFF url(//support.xbox.com/Content/images/loading_50x50.gif) no-repeat center center;
    height: 150px;
}

.lightGreyBorder {
    border: 1px solid #E2E2E2;
}

/* End of game controller icons */

iframe#iframewebform {
    margin-left: 10px;
    border: none;
    overflow: auto;
    width:100%;
}

.tipsHeading {
    padding: 0px 0 28px 0;
    font-family: "Segoe UI Regular", Arial, Sans-Serif;
    font-size: 30px;
    line-height: 34px;
    color: #222222;
}

#step3ContinueContainer {
    clear: both;
    display: block;
}

.step3-continue-button {
    min-width: 120px !important;
    height: 40px !important;
    color: #000 !important;
    background-color: #CBCBCB !important;
    font-family: "Segoe UI Regular", Arial, Sans-Serif;
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: 15px !important;
    border-width: 0px !important;
    padding: 0px 14px 0px 14px !important;
    cursor: pointer !important;
}

    .step3-continue-button:hover {
        background-color: #107C10 !important;
        color: #fff !important;
    }


#subCategoryLeftNavList > a {
    display: inline-block;
    margin-bottom: 8px;
}

div.tile a, div#subCategorySupportContainer a {
    width: 135px;
    height: 100%;
    position: relative;
    display: inline-block;
}


input[type=button], a, div.tile, div.tile a, video {
    border: 1px dashed transparent !important;
    outline: 1px dashed transparent !important;
}

    input[type=button]:focus:not(.x-hidden-focus):not([disabled]) {
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2) !important;
        background: #277100 !important;
        color: #fff !important;
        border-color: #000 !important;
    }

    input[type=button]:hover:not([disabled]) {
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2) !important;
        color: #fff !important;
    }

    a:focus:not(.x-hidden-focus):not([disabled]), a:hover:not([disabled]) {
        /*box-shadow: 0 4px 8px 0 rgba(0,0,0,.2) !important;*/
        text-decoration: underline;
    }


    a:focus, div.tile:focus, div.tile a:focus, video:focus {
        border-color: #000 !important;
        outline-color: rgba(255,255,255,.6) !important;
    }

.TwoImageModule a {
    display: inline-block;
}