.bodyBGHelp {
    background-color: white;
    font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", Tahoma, Verdana, Arial;
    font-size: 13px;
}

.MainHeading {
    font-size: 22px;
    font-weight: 100;
    color: rgb(58, 170, 152);
    margin-bottom: 20px;
    font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", Tahoma, Verdana, Arial;
}

.HomeLogo {
    background-image: url(/National_Library/20160930123623oe_/https://connect.microsoft.com/Images/HelpHomeLogo.png);
    height: 22px;
    width: 22px;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
    cursor: default;
    outline: none;
    border: none;
    margin-bottom: 5px;
}

    .HomeLogo:hover {
        background-image: url(/National_Library/20160930123623oe_/https://connect.microsoft.com/Images/HelpHomeLogo_OnHover.png);
    }

.BackButtonDefault {
    background-image: url(/National_Library/20160930123623oe_/https://connect.microsoft.com/Images/HelpBackDefault.png);
    height: 22px;
    width: 22px;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
    cursor: default;
    outline: none;
    border: none;
    margin-bottom: 5px;
}

.ForthButtonDefault {
    background-image: url(/National_Library/20160930123623oe_/https://connect.microsoft.com/Images/HelpForthDefault.png);
    height: 22px;
    width: 22px;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
    cursor: default;
    outline: none;
    border: none;
    margin-bottom: 5px;
}

.BackButton {
    background-image: url(/National_Library/20160930123623oe_/https://connect.microsoft.com/Images/HelpBackButton.png);
    height: 22px;
    width: 22px;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
    cursor: default;
    outline: none;
    border: none;
    margin-bottom: 5px;
}

    .BackButton:hover {
        background-image: url(/National_Library/20160930123623oe_/https://connect.microsoft.com/Images/HelpBackButton_Hover.png);
    }

.ForthButton {
    background-image: url(/National_Library/20160930123623oe_/https://connect.microsoft.com/Images/HelpForthButton.png);
    height: 22px;
    width: 22px;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
    cursor: default;
    outline: none;
    border: none;
    margin-bottom: 5px;
}

    .ForthButton:hover {
        background-image: url(/National_Library/20160930123623oe_/https://connect.microsoft.com/Images/HelpForthButton_Hover.png);
    }

.formMargin {
    margin: 15px;
}

.SearchBox {
    color: #a49e9e;
    font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", Tahoma, Verdana, Arial;
    font-size: 13px;
    font-style: italic;
    padding-left: 5px;
    width: 210px;
    border: medium none currentColor;
    outline-color: invert;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .SearchBox:focus {
        color: black;
        font-style: normal;
    }

.SearchContainer {
    width: 245px;
    height: 21px;
    padding-left: 3px;
    border: 1px solid #c9c9c9;
    padding-top: 2px;
    padding-bottom: 2px;
}

.SearchButton {
    border: medium none currentColor;
    outline-color: invert;
    vertical-align: -3px;
}

a.HelpTile {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    color: white;
    height: 60px;
    width: 260px;
    padding: 0px 0px 0 30px;
    text-decoration: none;
    font-family: 'Segoe UI';
    font-size: 22px;
    cursor: default;
    outline: none;
    line-height: 30px;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: 5px;
    margin-top: 2px;
    text-decoration: none;
    background-color: rgb(0, 156, 199);
    background-image: url(/National_Library/20160930123623oe_/https://connect.microsoft.com/Images/CustomerHelpArrow.png);
    border: 10px solid rgb(0, 156, 199);
    font-weight: 100;
    float: left;
    background-size: 20px;
}

    a.HelpTile:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.TileContainer {
    width: 456px;
}

p.TileDescription {
    color: #808080;
}

.BackImage1 {
    background-image: url(/National_Library/20160930123623oe_/https://connect.microsoft.com/Images/Participation.JPG);
    height: 80px;
    width: 146px;
    display: block;
    float: right;
    margin-top: 2px;
}

.BackImage2 {
    background-image: url(/National_Library/20160930123623oe_/https://connect.microsoft.com/Images/Product.JPG);
    height: 80px;
    width: 146px;
    display: block;
    float: right;
    margin-top: 2px;
}

.BackImage3 {
    background-image: url(/National_Library/20160930123623oe_/https://connect.microsoft.com/Images/GeneralHelp.JPG);
    height: 80px;
    width: 146px;
    display: block;
    float: right;
    margin-top: 2px;
}

.BackImage4 {
    background-image: url(/National_Library/20160930123623oe_/https://connect.microsoft.com/Images/windowsLive.png);
    height: 80px;
    width: 146px;
    display: block;
    float: right;
    margin-top: 2px;
}

.BackImage5 {
    background-image: url(/National_Library/20160930123623oe_/https://connect.microsoft.com/Images/Icon.ico);
    height: 80px;
    width: 100px;
    display: block;
    float: right;
 margin-top:13px;
    background-repeat:no-repeat;
}

.ClearBoth {
    clear: both;
}

h2.SubHeader {
    font-size: 16px;
    font-weight: normal;
    color: #808080;
    word-wrap: break-word;
    font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", Tahoma, Verdana, Arial;
}

h2.SearchHeader {
    font-size: 14px;
    font-weight: 600;
    color: black;
    word-wrap: break-word;
    font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", Tahoma, Verdana, Arial;
}

a.SubMenus {
    font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", Tahoma, Verdana, Arial;
    font-size: 13px;
    text-decoration: none;
    color: rgb(32, 65, 115);
}

    a.SubMenus:hover {
        color: black;
        text-decoration: underline;
    }

p.SearchText {
    font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", Tahoma, Verdana, Arial;
    font-size: 13px;
    color: black;
}

.SubMenuContainer {
    padding-top: 5px;
    font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", Tahoma, Verdana, Arial;
    font-size: 14px;
    margin-bottom: 15px;
    margin-left: 10px;
}

    .SubMenuContainer > span {
        color: #d5d5d5;
        font-size: 12px;
        font-weight: normal;
        vertical-align: top;
    }

    .SubMenuContainer > a {
        text-decoration: none;
        color: #a49e9e;
        text-transform: uppercase;
        background-color: white;
    }

        .SubMenuContainer > a:hover {
            color: #000000;
            text-decoration: none;
        }

        .SubMenuContainer > a.Selected {
            font-weight: bold;
        }

.ConnectGridHeaderStyle, .ConnectGridItemStyle, .ConnectGridAlternatingItemStyle, .ConnectGridPagerStyle {
    border: 1px solid silver !important;
}

.ProgramHelpTableContainer {
    color: #808080;
}

    .ProgramHelpTableContainer a {
        text-decoration: none;
        color: #1570a6;
    }

        .ProgramHelpTableContainer a:active {
            background-color: #1570a6;
        }

        .ProgramHelpTableContainer a:hover {
            color: #000000;
            text-decoration: underline;
        }

.MainHeadingDescription {
    margin-top: -10px;
    color: #808080;
    padding-bottom: 10px;
}

.metro .button,
.metro button,
.metro input[type=button],
.metro input[type=submit],
.metro input[type=reset] {
    display: inline-block;
    background-color: #cdcdcd;
    border: 2px solid #cdcdcd;
    box-sizing: border-box;
    text-align: center;
    color: black;
    height: 30px;
    padding: 0px 20px;
    text-decoration: none;
    font-family: 'Segoe UI';
    font-size: 14px;
    font-weight: bold;
    cursor: default;
    outline: none;
    line-height: 25px;
}

    .metro .button:hover,
    .metro button:hover,
    .metro input[type=button]:hover,
    .metro input[type=submit]:hover,
    .metro input[type=reset]:hover {
        background-color: #d5d5d5;
        border-color: #d5d5d5;
    }

    .metro .button.default,
    .metro button.default,
    .metro input[type=button].default,
    .metro input[type=submit].default,
    .metro input[type=reset].deafult {
        background-color: #1d8acb;
        border-color: #1d8acb;
        color: white;
    }

        .metro .button.default:hover,
        .metro button.default:hover,
        .metro input[type=button].default:hover,
        .metro input[type=submit].default:hover,
        .metro input[type=reset].default:hover {
            background-color: rgb(0, 156, 199);
            border-color: rgb(0, 156, 199);
            color: white;
            text-decoration: none;
        }

.metro input[type=text],
.metro textarea,
.metro select {
    background-color: rgba(255, 255, 255, 0.5);
    font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", Tahoma, Verdana, Arial;
    color: #808080;
    padding: 4px 8px;
    border: 1px solid rgba(0,0,0,0.27);
    line-height: 120%;
    box-sizing: border-box;
    width: 90%;
}

.metro select {
    padding: 3px 4px;
}

    .metro input[type=text]:focus,
    .metro textarea:focus,
    .metro select:focus {
        background-color: rgba(255,255,255,1.0);
    }

.metro h3 {
    font-family: "segoe ui light";
    font-size: 16px;
    color: #000000;
    font-weight: normal;
}

p.HelpQuestion {
    font-family: "segoe ui light";
    font-size: 20px;
    color: #000000;
    font-weight: normal;
}

p.HelpAnswer {
    font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", Tahoma, Verdana, Arial;
    font-size: 13px;
    color: #000000;
}

.HelpFooter {
    margin-top: 15px;
    padding-bottom: 15px;
}

.EmptyMessage {
    font-family: "segoe ui light";
    font-size: 18px;
    color: #000000;
    font-weight: normal;
    font-style: italic;
}

tr.ConnectGridPagerStyle > td > table {
    float: right;
}

.ListTilesContainer {
    width: 500px;
}

.ListTile {
    display: inline-block;
    box-sizing: border-box;
    color: white;
    height: 120px;
    width: 150px;
    padding: 25px 10px 0 10px;
    text-decoration: none;
    font-family: 'Segoe UI Light';
    font-size: 18px;
    cursor: default;
    outline: none;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 5px;
    vertical-align: top;
    font-weight:normal;
}

    .ListTile:hover {
        opacity: 0.5;
    }

.Hide {
    display: none;
    width: 0px;
    height: 0px;
}

.Show {
    display: block;
}

.SubContentHeading {
    font-size: 18px;
    font-weight: 100;
    color: rgb(58, 170, 152);
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", Tahoma, Verdana, Arial;
}