﻿html {
    overflow: auto
}

a, body {
    font-family: "Segoe UI",Segoe,Tahoma,Arial,Verdana,sans-serif;
    font-size: small;
    text-decoration: none
}

    a:hover {
        text-decoration: underline
    }

ul {
    padding: 0
}

html, body, #hp_table, #hp_cellCenter {
    height: 100%;
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    background-color: #333;
    border: 0
}

#hp_cellCenter {
    vertical-align: middle;
    overflow: hidden
}

#hp_sw_hdr {
    position: absolute;
    top: 0;
    width: 100%
}

    #hp_sw_hdr #sc_hdu, #hp_id_hdr #id_h {
        line-height: 0;
        z-index: 11
    }

#sc_hdu {
    position: absolute;
    top: 0;
    height: 43px;
    line-height: 39px;
    bottom: 0;
    left: 0;
    margin-left: 28px
}

    #sc_hdu li {
        zoom: 1;
        display: inline
    }

        #sc_hdu li a {
            vertical-align: middle;
            line-height: 39px !important;
            display: inline-block
        }

#hp_bottomCell {
    position: absolute;
    bottom: 0;
    width: 100%
}

#hp_container {
    min-width: 1115px;
    max-width: 1366px;
    width: 100%;
    min-height: 599px;
    max-height: 768px;
    height: 100%;
    position: relative;
    margin: auto
}

* + html #hp_container {
    overflow: hidden
}

table, td {
    border-spacing: 0;
    border: 0;
    padding: 0
}

#bgDiv {
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-color: #666;
    background-size: cover
}

object {
    position: absolute;
    height: 0;
    width: 0;
    top: -1px;
    left: -1px;
    overflow: hidden
}

.hp_text, .sc_pc li a, ul.hp_head_nav li a {
    font-weight: 400
}

.hp_text {
    font-size: 13px
}

#hp_sw_hdr {
    width: 100%;
    position: relative;
    border: 0;
    padding: 0
}

#hp_sw_hdr {
    background: none;
    height: 43px
}

#sc_hdu div, .sw_tb h3.sc_hl1, .sw_tb li {
    display: inline
}

.sw_tb {
    padding: 0;
    width: 100%;
    height: 43px;
    margin: 0;
    font-size: 13px
}

    .sw_tb ul {
        margin: 0;
        padding: 0
    }

        .sw_tb ul.sc_hl1 li a {
            zoom: 1
        }

.sc_pc {
    top: 33px !important
}

#hdr_spl {
    margin: 0 15px;
    color: #fff
}

#hp_sw_hdr ul#sc_hdu li a {
    opacity: .8
}

    #hp_sw_hdr ul#sc_hdu li a:hover {
        opacity: 1
    }

#hp_sw_hdr ul li a:hover {
    text-decoration: none;
    color: #fff
}

#hp_sw_hdr li.sc_active {
    font-weight: 700;
    border-left: solid 1px #a8b1b7;
    border-right: solid 1px #a8b1b7;
    margin: 0;
    border: none
}

    #hp_sw_hdr li.sc_active > a {
        border-bottom: 1px solid #fff
    }

ul.hp_head_nav {
    padding-left: 3px
}

    ul.hp_head_nav li a {
        margin-left: 18px;
        margin-right: 18px;
        color: #fff
    }

.sh_hst {
    position: absolute;
    z-index: 4;
    visibility: hidden
}

.sh_hto {
    width: 39px;
    height: 39px;
    opacity: .4;
    filter: alpha(opacity=40);
    background: #000;
    padding: 1px
}

    .sh_hto div {
        height: 37px;
        width: 37px;
        border: 1px solid #fff;
        float: left
    }

a.sh_hs {
    color: #fff;
    text-decoration: none;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 6;
    line-height: 1.4em;
    width: 205px;
    padding: 3px 8px 6px;
    visibility: hidden
}

    a.sh_hs:hover {
        text-decoration: none
    }

    a.sh_hs p, a:visited.sh_hs p {
        margin: 0 0 .2em
    }

.sh_hq {
    text-decoration: underline
}

.sh_hi {
    display: inline;
    font-size: medium;
    color: #0c8484
}

.sh_ho {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: .6;
    filter: alpha(opacity=60);
    padding: 1px;
    background: #000
}

    .sh_ho div {
        border: 1px solid #fff
    }

#hp_tbar, #hp_bk {
    display: none
}

#thp_notf_div {
    position: fixed
}

.hidden {
    display: none !important
}

#langChange {
    display: none
}

#hp_sw_hdr #langChange {
    vertical-align: top
}

    #hp_sw_hdr #langChange a {
        line-height: 43px
    }

#hp_sw_hdr .sw_mktsw a, #hp_sw_hdr .sw_mktsw span {
    color: #fff;
    margin: 0 10px 0 9px;
    height: 43px;
    line-height: 39px
}

#hp_container .sa_as, #hp_container .pp_tile {
    border-color: #e5e5e5
}

#hp_container .b_searchboxForm #sw_as .sa_as {
    background-color: transparent;
    border: none
}

#hp_container #sw_as .sa_as:not(.sa_nw) #sa_ul:not(:empty) {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    width: 100%;
    margin-top: -4px
}

#hp_container #sw_as #sa_ul:not(:empty) {
    border-top: 1px solid #e5e5e5
}

.a11yhide {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px
}

@media screen and (-ms-high-contrast:active) {
    .a11yhide {
        position: absolute;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px
    }
}

.hpcBkP, .hpcLogoWhite, .hpcNext, .hpcCopyInfo, .hpcPlay, .hpcPause, .hpcPrevious, .hpcFull, .hpcSmall, .sw_qbtn, .hpcExpand, .hpcClose, .hpcDown, .pref, .img_uparrow, .img_rwds_sml, .img_downarrow, .hpcCaroNavRight, .hpcCaroNavLeft, .sw_qbtn, #sc_closer > div, #sc_opener > div, #sc_hide > div, #sc_interests_edit > div {
    background: transparent url(/images/hpc26.png) no-repeat;
    overflow: hidden
}

@media(-webkit-min-device-pixel-ratio:1.25),(min-resolution:192dpi) {
    .hpcBkP, .hpcLogoWhite, .hpcNext, .hpcCopyInfo, .hpcPlay, .hpcPause, .hpcPrevious, .hpcFull, .hpcSmall, .sw_qbtn, .hpcExpand, .hpcClose, .hpcDown, .pref, .img_uparrow, .img_rwds_sml, .img_downarrow, .hpcCaroNavRight, .hpcCaroNavLeft, .sw_qbtn, #sc_closer > div, #sc_opener > div, #sc_hide > div, #sc_interests_edit > div {
        background: transparent url(/images/hpc26_2x.png) no-repeat;
        background-size: 241px 224px
    }
}

.hpcBkP, .hpcCopyInfo, .hpcPlay, .hpcPause, .hpcFull, .hpcSmall, #sc_closer > div, #sc_opener > div, #sc_hide > div, #sc_interests_edit > div, .hpcDown {
    width: 40px;
    height: 40px;
    background-color: rgba(34,34,34,.75)
}

.hpcPrevious, .hpcNext {
    width: 40px;
    height: 40px
}

#sh_igl > div, #sh_igr > div {
    background-color: rgba(34,34,34,.75)
}

.hpcLogoWhite {
    background-position: 0 0;
    margin: -7px 21px 0 0;
    width: 132px;
    height: 52px
}

.hpcNext {
    background-position: -84px -57px
}

.hpcCopyInfo {
    background-position: -83px -99px
}

.hpcCopyInfo {
    display: inline-block;
    background-position: -84px -98px
}

.hpcInfoText {
    display: inline-block;
    min-width: 40px;
    height: 40px;
    vertical-align: top;
    background-color: rgba(34,34,34,.75);
    font: normal 13px Segoe UI,Arial;
    line-height: 39px;
    color: rgba(255,255,255,.75)
}

#hphdl {
    padding-right: 12px;
    max-width: 320px;
    overflow: hidden;
    margin: 0
}

.hpcPlay {
    background-position: -2px -98px
}

.hpcSmall {
    background-position: -48px -177px
}

.hpcDown {
    background-position: 0 -53px
}

.hpcFull {
    background-position: -48px -138px
}

.hpcPause {
    background-position: -42px -98px
}

.hpcPrevious {
    background-position: -123px -57px
}

.sw_qbtn {
    background-position: -224px -53px
}

.hpcCaroNavLeft, .hpcCaroNavRight {
    position: absolute;
    width: 17px;
    height: 26px
}

.hpcCaroNavRight {
    background-position: -177px -106px
}

.hpcCaroNavLeft {
    background-position: -206px -106px
}

.hpcExpand, .hpcClose {
    width: 32px;
    height: 32px
}

.hpcExpand {
    background-position: -128px -53px
}

.hpcClose {
    background-position: -96px -53px
}

.pref:hover {
    background-position: -187px -18px
}

.pref {
    background-position: -169px -18px;
    width: 18px;
    height: 18px
}

.img_uparrow {
    background-position: -174px -36px;
    width: 20px;
    height: 12px !important
}

.img_rwds_sml {
    background-position: -167px 0;
    width: 18px;
    height: 18px !important
}

.img_downarrow {
    background-position: -165px -36px;
    width: 9px;
    height: 6px
}

.hpcBkP {
    display: inline-block;
    background-position: -84px -98px;
    overflow: hidden;
    width: 35px;
    height: 40px;
    cursor: pointer
}

.sc_lightdis #sh_lt, .sc_lightdis #sh_rt {
    cursor: default;
    opacity: .3
}

#sc_hdu .sc_pc {
    margin: 8px 0 0 -46px
}

#hp_bottomCell {
    z-index: 5
}

b {
    padding: 0
}

@media only screen and (min-height:806px) and (orientation:landscape),screen and (min-width:1433px) and (orientation:landscape) {
    #hp_container, #bgDiv, #hp_vidwrp, #vid {
        max-height: 1080px;
        max-width: 1920px
    }

    #vid {
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto
    }

    #hp_tbar {
        max-width: 1920px !important
    }

    #sc_mdCrs {
        width: 100% !important
    }
}

body #hp_cellCenter #hp_container {
    max-width: 100%;
    max-height: 100%
}

body #hp_cellCenter #bgDiv, body #hp_cellCenter #hp_vidwrp, body #hp_cellCenter #vid {
    max-width: none;
    max-height: none
}

body #hp_cellCenter #hp_tbar, body #hp_cellCenter #sc_mdCrs {
    width: 100% !important;
    max-width: 100% !important
}

@media screen and (min-width:1366px) and (max-width:1439px) {
    #hp_container .b_searchboxForm .b_searchboxSubmit {
        height: 49px;
        width: 49px;
        border-width: 10px
    }

    #hp_container .b_searchbox {
        width: 540px;
        margin-top: 8px
    }

    #hp_container .hpcLogoWhite {
        margin-top: -3px
    }
}

@media screen and (min-width:1440px) and (max-width:1919px) {
    #hp_container .b_searchboxForm .b_searchboxSubmit {
        height: 51px;
        width: 51px;
        border-width: 11px
    }

    #hp_container .b_searchbox {
        width: 557px;
        margin-top: 10px;
        margin-left: 12px
    }

    #hp_container .hpcLogoWhite {
        margin-top: -1px
    }
}

@media screen and (min-width:1920px) and (max-width:2559px) {
    #hp_container .b_searchboxForm .b_searchboxSubmit {
        height: 53px;
        width: 53px;
        border-width: 12px
    }

    #hp_container .b_searchbox {
        width: 581px;
        margin-top: 11px;
        margin-left: 12px
    }

    #hp_container .hpcLogoWhite {
        margin-top: 0
    }
}

@media screen and (min-width:2560px) {
    #hp_container .b_searchboxForm .b_searchboxSubmit {
        height: 57px;
        width: 57px;
        border-width: 14px
    }

    #hp_container .b_searchbox {
        width: 627px;
        margin-top: 13px;
        margin-left: 15px
    }

    #hp_container .hpcLogoWhite {
        margin-top: 2px
    }
}

div#focus_ovr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #000;
    z-index: 300;
    opacity: 0
}

.focus_hi {
    z-index: 301 !important
}

#DownloadHPImage:focus, #musCardImageLink:focus, #b_footerItems li a:focus {
    text-decoration: underline
}

#sc_hdu li a:focus, #id_l:focus, #id_rh:focus {
    color: #fff
}

#b_footer span:hover, #b_footer a:hover, #sb_feedback:hover, #b_footer span:focus, #b_footer a:focus, .disabled#DownloadHPImage:focus, .disabled#DownloadHPImage:hover {
    color: #9a9a9a
}

#crs_pane a:focus > .crs_item > img {
    opacity: 1
}

.hp_sw_logo {
    float: left;
    text-indent: -20em
}

.hp_logo_svg {
    float: left;
    margin: -7px 21px 0 0
}

    .hp_logo_svg .st0 {
        fill: white
    }

.sw_sform {
    position: absolute;
    top: 20%;
    left: 8%;
    margin: 0;
    z-index: 9
}

.search_controls {
    display: inline-block
}

body .b_searchboxForm .b_searchboxSubmit {
    height: 45px;
    width: 45px;
    border: 8px solid transparent;
    background: transparent url(/images/hpc26.png) no-repeat;
    background-position: -169px -63px;
    overflow: hidden;
    vertical-align: top
}

@media(-webkit-min-device-pixel-ratio:1.25),(min-resolution:192dpi) {
    body .b_searchboxForm .b_searchboxSubmit {
        background-image: url(/images/hpc26_2x.png);
        background-size: 241px 224px
    }
}

body.focus_expand .b_searchboxForm .b_searchboxSubmit {
    width: 60px;
    height: 60px;
    border-width: 14px
}

body .b_searchbox {
    background-color: #fff;
    margin: 6px 1px 0 10px;
    width: 486px;
    border-right: 0;
    padding-right: 4px
}

body.focus_expand .b_searchbox {
    width: 650px;
    max-height: 50px;
    height: 60px;
    margin-top: 3px
}

body .b_searchboxForm {
    border-radius: 6px;
    background-color: #fff;
    border: 1px #ccc solid;
    padding: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.3)
}

    body .b_searchboxForm:hover {
        box-shadow: 0 4px 6px rgba(0,0,0,.18),0 2px 4px rgba(0,0,0,.1)
    }

body.focus_expand .sw_box {
    margin-top: -10px
}

body .beta, body .beta a {
    color: #bbb
}

.beta {
    position: absolute;
    top: 45px;
    left: 54px;
    width: 55px;
    height: 18px;
    overflow: hidden
}

    .beta a {
        font-size: 12px
    }

#sw_clx {
    position: absolute;
    right: 40px;
    top: 5px;
    padding: 12px;
    cursor: pointer
}

.sw_tpcbk {
    background-position: -176px -32px;
    height: 10px;
    width: 10px;
    background-image: url(/images/sw_mg_l_4d_brandw2.png);
    background-repeat: no-repeat
}

div#sbox.sw_sform {
    left: 88px
}

@media only screen and (min-width:1601px) and (max-width:1919px) {
    div#sbox.sw_sform {
        left: calc(50vw - 688px)
    }
}

@media only screen and (min-width:1920px) and (max-width:2559px) {
    div#sbox.sw_sform {
        left: calc(50vw - 768px)
    }
}

@media only screen and (min-width:2560px) {
    div#sbox.sw_sform {
        left: calc(50vw - 896px)
    }
}

.nonhd:not(.noBg) div#sbox.sw_sform {
    left: 88px
}

#sb_go_par {
    display: inline-block
}

#hp_container #sb_go_par {
    display: inline
}

#sb_go_par:hover::before, #sb_go_par[vptest]::before {
    bottom: -15px;
    left: 20px;
    z-index: 6
}

#sb_go_par:hover::after, #sb_go_par[vptest]::after {
    top: 46px;
    left: 20px;
    z-index: 4
}

#hp_container #sb_go_par:hover::before {
    bottom: -24px
}

#hp_container #sb_go_par:hover::after {
    top: 38px
}

#hp_container #sb_go_par:hover::before, #hp_container #sb_go_par:hover::after {
    left: 28px
}

*[data-sbtip] {
    position: relative
}

    [vptest]::after, *[data-sbtip]:not(.disableTooltip):hover::after {
        position: absolute;
        background-color: #666;
        content: attr(data-sbtip);
        font: 13px/18px Arial,Helvetica,sans-serif;
        white-space: nowrap;
        color: #fff;
        padding: 10px 15px;
        transform: translateX(-50%);
        box-shadow: 0 0 0 1px rgba(0,0,0,.06),0 4px 12px 1px rgba(0,0,0,.14);
        border-radius: 4px
    }

    [vptest]::before, *[data-sbtip]:not(.disableTooltip):hover::before {
        position: absolute;
        background-color: #666;
        width: 12px;
        height: 12px;
        content: "";
        transform: translateX(-50%) rotate(45deg)
    }

.disableTooltip *[data-sbtip]:hover::before, .disableTooltip *[data-sbtip]:hover::after {
    display: none
}

z {
    a: 1
}

::-webkit-search-decoration, ::-webkit-search-cancel-button {
    -webkit-appearance: none
}

input[type='radio'] {
    -webkit-appearance: radio
}

input[type='checkbox'] {
    -webkit-appearance: checkbox
}

z {
    a: 1
}

.sw_meIc, .sw_spd, .idp_ham, .idp_wlid, .idp_tw {
    background: transparent url(/images/hpc26.png) no-repeat;
    overflow: hidden
}

.idp_ham {
    background-size: 241px 223px;
    background-position: -170px -149px;
    height: 16px;
    width: 20px;
    margin: 0 42px 14px 10px;
    vertical-align: bottom;
    border: none
}

.idp_wlid, .idp_tw {
    background-position: -192px -148px;
    height: 22px;
    width: 20px
}

#id_d #b_idProviders .idp_wlid {
    margin: 9px 6px 0 -4px
}

.idp_wlid {
    background-position: -15px -190px
}

.idp_tw {
    background-position: -645px 0
}

.sw_meIc {
    background-position: -202px 1px;
    height: 20px;
    width: 18px
}

.id_avatar.sw_meIc {
    margin: 1px 16px 2px 16px
}

#spcv .sw_meIc, .rigleamon .sw_meIc {
    background-position: -184px 0
}

.gleamon .sw_meIc {
    background-position: -627px 0
}

.gleamoff .sw_meIc {
    background-position: -609px 0
}

.sw_spd {
    background-position: -220px 1px;
    height: 20px;
    width: 20px
}

.b_searchboxForm {
    background-color: #fff
}

.id_button, .id_button:visited {
    color: #acacac
}

    .id_button:hover, .b_idOpen a#id_l, a#bep.openfo, a#id_rh.openfo {
        color: #333;
        background-color: #fff
    }

.b_idOpen #id_l {
    background-color: #fff
}

input {
    font: inherit;
    font-size: 100%
}

.b_searchboxForm {
    font: 18px/normal 'Roboto',Helvetica,Sans-Serif
}

.id_button {
    line-height: 30px
}

h2 a, a:hover {
    text-decoration: underline
}

a, #id_h a, #id_h a:hover, .b_toggle, .b_toggle:hover {
    text-decoration: none
}

.b_searchboxForm, #id_h .id_button, .id_avatar, .rwds_bep_head, .idp_ham {
    display: inline-block
}

.b_searchboxForm {
    position: relative;
    display: inline-block
}

.b_searchbox {
    width: 490px;
    margin: 2px 0 3px 12px;
    border: 0;
    padding: 0 10px 0 0;
    max-height: 30px;
    outline: none;
    -webkit-appearance: none;
    border-right: 1px solid;
    border-color: #ccc;
    box-sizing: content-box;
    position: relative;
    height: 40px;
    font-size: 16px
}

.b_searchboxSubmit {
    text-indent: -99em;
    position: static;
    right: 0;
    top: 0;
    cursor: pointer
}

.b_searchbox::placeholder {
    color: #ccc;
    opacity: 1
}

.b_searchbox:focus::placeholder {
    opacity: 0
}

.b_searchbox::-ms-input-placeholder {
    color: #ccc
}

.b_searchbox:focus::-ms-input-placeholder {
    opacity: 0
}

#id_h {
    display: block;
    position: absolute;
    top: 0;
    width: 300px;
    height: 30px;
    text-align: right;
    z-index: 1
}

.b_twoColOnly {
    vertical-align: top
}

.id_button {
    padding: 0 18px
}

#id_l {
    padding: 0 12px
}

#id_s, #in_n {
    margin-right: 2px
}

#bepfo, #bepfm, #bepfl {
    width: 320px
}

#bepfm {
    display: block
}

#bepfl {
    text-align: center;
    margin: 50px 0
}

#id_d, #bepfo {
    position: absolute;
    z-index: 6;
    text-align: left;
    color: #333;
    background-color: #fff
}

.b_idOpen #id_d {
    display: block;
    padding: 11px 0 5px
}

#sw_tfbb, #id_d {
    display: none
}

#HBContent {
    border: 1px solid #ddd
}

@media(-webkit-min-device-pixel-ratio:1.25),(min-resolution:192dpi) {
    .sw_meIc, .sw_spd, .idp_ham, .idp_wlid, .idp_tw {
        background-image: url(/images/hpc26_2x.png);
        background-size: 241px 224px
    }
}

#id_h {
    background-color: transparent !important;
    position: relative !important;
    float: right;
    height: 43px !important;
    width: auto
}

    #id_h #id_p, #id_h #id_a {
        height: 32px;
        width: 32px;
        border-radius: 16px;
        background-color: #ececec;
        background-position: -11px -149px
    }

#bep.bepoff {
    display: none
}

#bep .bepcnt {
    vertical-align: top
}

#id_d {
    left: auto;
    right: 26px;
    top: 43px !important
}

.id_avatar {
    vertical-align: middle;
    margin: 1px 3px 2px 8px
}

#id_l.id_button {
    height: 42px;
    margin-top: 2px
}

#id_rh.id_button {
    height: 42px;
    margin-top: 2px;
    padding-right: 6px
}

#id_d h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 0
}

.id_button {
    line-height: 39px !important;
    vertical-align: top
}

    .id_button:hover, a#bep.openfo, a#interestsiconlink.openfo, a#id_rh.openfo {
        background-color: transparent !important
    }

#id_h #id_rc, #id_h #id_s, #id_h #id_l {
    color: #fff !important;
    background-color: transparent !important
}

.sw_tb a:hover {
    color: #fff !important;
    text-decoration: none
}

.sw_tb div.idp_fb, .sw_tb div.idp_wlid {
    height: 16px !important
}

#id_d a:hover {
    color: #1020d0 !important
}

#id_h .b_hide {
    display: none !important
}

#bepfo {
    right: 0;
    top: 43px;
    border: none
}

.b_cm {
    background-image: url(/images/SharedSpriteDesktop_2x_040919.png);
    background-repeat: no-repeat;
    background-position: -866px -64px;
    height: 24px;
    width: 24px;
    transform: scale(.5);
    display: inline-block
}

#b_idProviders .b_cm {
    margin: 7px 0 0 0 !important
}

.rwds_bep_head {
    margin: 12px 0 0 6px !important
}

.b_icon {
    width: 20px;
    height: 20px;
    border: 0
}

#hp_sw_hdr #sw_mktsw {
    display: none;
    vertical-align: top;
    padding-top: 2px
}

#hp_sw_hdr #sc_hdu {
    line-height: 0;
    margin-top: 2px;
    padding-left: 0
}

#hp_id_hdr #id_h .idp_ham {
    margin-right: 0
}

#hp_id_hdr #id_hbfo {
    right: 0
}

@media only screen and (max-width:1120px) {
    li#hdr_spl, li#msn, li#office, li#outlook {
        display: none
    }
}

div#hp_container #hp_sw_hdr ul#sc_hdu {
    margin-left: 70px
}

#hp_id_hdr #id_h {
    margin-right: 88px
}

#hp_sw_hdr ul#sc_hdu .sc_pc {
    margin-left: -88px
}

@media only screen and (min-width:1601px) and (max-width:1919px) {
    div#hp_container #hp_sw_hdr ul#sc_hdu {
        margin-left: calc(50vw - 688px - (18px))
    }

    #hp_id_hdr #id_h {
        margin-right: calc(50vw - 688px)
    }

    #hp_sw_hdr ul#sc_hdu .sc_pc {
        margin-left: calc(0% - (50vw - 688px))
    }
}

@media only screen and (min-width:1920px) and (max-width:2559px) {
    div#hp_container #hp_sw_hdr ul#sc_hdu {
        margin-left: calc(50vw - 768px - (18px))
    }

    #hp_id_hdr #id_h {
        margin-right: calc(50vw - 768px)
    }

    #hp_sw_hdr ul#sc_hdu .sc_pc {
        margin-left: calc(0% - (50vw - 768px))
    }
}

@media only screen and (min-width:2560px) {
    div#hp_container #hp_sw_hdr ul#sc_hdu {
        margin-left: calc(50vw - 896px - (18px))
    }

    #hp_id_hdr #id_h {
        margin-right: calc(50vw - 896px)
    }

    #hp_sw_hdr ul#sc_hdu .sc_pc {
        margin-left: calc(0% - (50vw - 896px))
    }
}

.nonhd:not(.noBg) div#hp_container #hp_sw_hdr ul#sc_hdu {
    margin-left: 70px
}

.nonhd:not(.noBg) #hp_id_hdr #id_h {
    margin-right: 88px
}

.nonhd:not(.noBg) #hp_sw_hdr ul#sc_hdu .sc_pc {
    margin-left: -88px
}

.shader_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 1200px;
    height: 300px;
    background: linear-gradient(350deg,transparent 0%,transparent 59%,rgba(0,0,0,.64) 100%);
    opacity: .5
}

.rtl .shader_left {
    background: linear-gradient(10deg,transparent 0%,transparent 59%,rgba(0,0,0,.64) 100%)
}

.shader_right {
    position: absolute;
    top: 0;
    right: 0;
    width: 800px;
    height: 300px;
    background: linear-gradient(15deg,transparent 0%,transparent 59%,rgba(0,0,0,.64) 100%);
    opacity: .5
}

.rtl .shader_right {
    background: linear-gradient(345deg,transparent 0%,transparent 59%,rgba(0,0,0,.64) 100%)
}

.cnt .shader_left {
    display: none
}

#hp_container div#thp_notf_div {
    position: relative;
    top: 0 !important
}

.sc_pc {
    position: absolute;
    padding: 0;
    top: 14px;
    font-size: 92%;
    margin: .82em 0 0 -18px;
    visibility: hidden;
    min-width: 16em;
    width: auto
}

    .sc_pc .sc_hl1 {
        margin-right: 0;
        color: #acacac
    }

    .sc_pc > .sc_hl1 {
        padding: 10px 8px
    }

.sw_tb .sc_hl1 li .sc_hl1 li {
    margin: 0
}

.hp_hor_hdr, .hp_hor_hdr a {
    font-family: Arial,Helvetica,Sans-Serif
}

    .hp_hor_hdr .sw_tb .sc_pc .sc_hl1 li a {
        margin: 0 9px
    }

.sc_pc .sc_pcC a {
    word-wrap: break-word;
    white-space: normal;
    width: 14.5em
}

.sc_pc .sc_hl1 li a {
    line-height: 18px !important;
    white-space: normal
}

.sc_pc .sc_hl1 a:hover {
    text-decoration: none;
    color: #fff
}

#hp_sw_hdr .sc_pc h3 {
    display: block
}

.sc_pc li {
    padding: .15em
}

.sc_sct {
    background: #000;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100% !important
}

#hp_sw_hdr .sw_tb .sc_pc, #hp_sw_hdr .sw_tb .sc_pc div, #hp_sw_hdr .sw_tb .sc_pc li {
    display: block
}

.sc_sct {
    filter: alpha(opacity=70);
    opacity: .7
}

.sc_pcC {
    float: left;
    width: 16.6em
}

.sc_pc h3, .sc_pc .scphdr {
    font-size: 18px;
    color: #fff;
    margin: 0 .8em;
    font-weight: normal;
    padding: .3em .2em
}

.sc_pcA {
    padding: 2.1em .2em 0;
    padding-left: 5px;
    clear: both
}

    .sc_pcA A {
        margin: 0 .75em
    }

.sc_pc a {
    display: inline-block;
    padding: 0
}

    .sc_pc a:hover {
        text-decoration: underline
    }

.sc_pc .sc_hl1 a, .sc_pc a, .sc_pcA {
    color: #acacac;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 12px;
    text-transform: none
}

#history.sc_C2 {
    width: 34em
}

#history li a {
    margin: 8px 18px
}

#sc_hdu div.rms_office_launch_sprite.rms_office_launch {
    display: block
}

#officelink, #officelink > a {
    cursor: pointer
}

    #officelink:hover .rms_office_launch {
        background-position: -15px 0
    }

.sw_tb ul.om {
    padding: 15px;
    width: 320px;
    height: 300px;
    z-index: 9;
    display: none;
    background-color: rgba(0,0,0,.7)
}

.om .itm_desc {
    line-height: normal;
    text-transform: none;
    width: 70px
}

#sc_hdu .sc_pc .om li {
    float: left;
    width: 80px;
    height: 80px;
    text-align: center;
    padding: 10px
}

.om li a {
    color: #acacac;
    text-decoration: none;
    font-family: Arial,Helvetica,sans-serif;
    cursor: pointer
}

.om li:hover a {
    color: #fff
}

.oms .oml_img {
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/images/hp_officemenu_sprite3.png)
}

.oml_img {
    height: 48px;
    width: 48px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    overflow: hidden
}

#hp_sw_hdr #off_menu_cont {
    display: none;
    visibility: visible
}

#officemenu_outlook_img {
    background-position: -245px 0
}

#officemenu_word_img {
    background-position: 0 0
}

#officemenu_excel_img {
    background-position: -49px 0
}

#officemenu_powerpoint_img {
    background-position: -98px 0
}

#officemenu_people_img {
    background-position: -343px 0
}

#officemenu_calendar_img {
    background-position: -294px 0
}

#officemenu_onedrive_img {
    background-position: -147px 0
}

#officemenu_onenote_img {
    background-position: -196px 0
}

#officemenu_sway_img {
    background-position: -391px 0
}

#officemenu_docscom_img {
    background-position: -439px 0
}

@media(max-width:1177px) {
    #id_n {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100px;
        display: inline-block
    }
}

#langChange.langdisp {
    display: inline-block;
    vertical-align: top
}

#hp_ctrls {
    position: relative;
    height: 48px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#sh_rdiv {
    position: absolute;
    right: 40px;
    top: 0
}

    #sh_rdiv > a > div {
        overflow: hidden;
        border-radius: 6px;
        position: relative;
        margin: 0 0 0 1px;
        height: 40px
    }

    #sh_rdiv > a {
        overflow: hidden;
        height: 40px;
        position: relative;
        float: left;
        display: block;
        text-decoration: none;
        cursor: default;
        z-index: 1
    }

    #sh_rdiv.no_outline a {
        outline: none
    }

    #sh_rdiv a:hover, #sh_rdiv a:hover span {
        visibility: visible
    }

#sh_igl > div, #sh_igr > div {
    visibility: hidden;
    cursor: pointer
}

#hp_bottomCell {
    z-index: 8 !important
}

#sh_rdiv {
    z-index: 6
}

#musCard {
    right: 0;
    position: absolute;
    display: none;
    width: 260px;
    min-height: 560px;
    top: -512px
}

#musCardContent {
    border-radius: 6px;
    display: none;
    width: 100%;
    height: auto;
    position: absolute;
    background-image: linear-gradient(rgba(0,0,0,.6) 0,rgba(0,0,0,.6) 100%);
    padding-bottom: 16px;
    padding-top: 10px;
    bottom: 56px
}

    #musCardContent, #musCardContent a {
        color: #ddd;
        font-family: Arial,Helvetica,Sans-Serif;
        font-size: 13px
    }

        #musCardCopyright, #musCardImageTitle, #musCardActionLinks li div, #musCardContent a div {
            white-space: normal;
            text-overflow: ellipsis;
            -ms-text-overflow: ellipsis;
            word-wrap: break-word
        }

        #musCardCopyright, #musCardActionLinks li div, #musCardContent a div {
            overflow: hidden
        }

#musCardDesc, #musCardImageTitle, #musCardCopyright {
    margin: 0 10px
}

#musCardCopyright {
    padding: 5px 10px 0 0
}

#musCardImageTitle {
    padding: 5px 0
}

#musCardActionLinks {
    list-style: none;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #fff;
    margin: 0 20px
}

    #musCardActionLinks li {
        padding: 10px 0
    }

.action-link-desc {
    padding-top: 5px
}

#musCardCopyright, .action-link-desc {
    color: #aaa
}

#musCardImageTitle {
    color: #ddd;
    font-size: 22px;
    font-weight: 100;
    font-family: 'Segoe UI Light','Segoe UI',Arial,Helvetica,Sans-Serif
}

    #musCardImageTitle.reduced {
        font-size: 18px
    }

#DownloadHPImage.disabled {
    color: #757575
}

body #hp_ctrls #sh_rdiv #musCard a {
    float: none
}

#DownloadHPImage.disabled, #musCardImageLink.empty {
    cursor: default;
    text-decoration: none
}

.hot_disable .sh_hst, .hot_disable .sh_hs, .hot_disable .sh_hst, .hot_disable .sh_hs {
    display: none !important
}

#hp_share_options {
    list-style: none;
    margin: 0 10px;
    padding: 0
}

    #hp_share_options li, #hp_share_options li a {
        display: inline-block
    }

        #hp_share_options li a {
            text-align: center;
            padding: 10px 5px 10px 10px;
            line-height: 0
        }

            #hp_share_options li a#ShareSkype > div {
                margin-bottom: -1px
            }

    #hp_share_options svg.shareicon {
        width: 17px;
        height: 17px;
        padding: 0 2px 0 4px
    }

        #hp_share_options svg.shareicon path {
            fill: white
        }

div#hp_container #hp_ctrls div#sh_rdiv {
    right: 88px
}

@media only screen and (min-width:1601px) and (max-width:1919px) {
    div#hp_container #hp_ctrls div#sh_rdiv {
        right: calc(50vw - 688px)
    }
}

@media only screen and (min-width:1920px) and (max-width:2559px) {
    div#hp_container #hp_ctrls div#sh_rdiv {
        right: calc(50vw - 768px)
    }
}

@media only screen and (min-width:2560px) {
    div#hp_container #hp_ctrls div#sh_rdiv {
        right: calc(50vw - 896px)
    }
}

.nonhd:not(.noBg) div#hp_container #hp_ctrls div#sh_rdiv {
    right: 88px
}

.rms_rmsanswersHomepageHomepageShareSprite {
    display: inline-block;
    direction: ltr;
}

    .rms_rmsanswersHomepageHomepageShareSprite:after {
        position: relative;
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAASCAYAAAAjQzL0AAAE4UlEQVRYR+2Yz4tWVRjHxzKNTGa0H5QESg5ogjZQ0KIWQ5HQpoapCNzkqt3k/AkWrVxJK5czYjsXlpMmZAzRpgiaqDAqc4g20g8GxUWJ7/j5nPe5d+697733fd+hFkFf+HLOeX6de5/3nPOc946I1dXVe1OnDzqdzj54Ev4Iv4PH4IPqiPEE/X1hdx3eWievG6MJzDMFF2EC9ktwlu7RoPpdYb5uEGMTcY/Az6DvOg93h7oMFJvhWfhkiGqB/ml4jeAlIPsefgo/h4+E7a1QDw1904Q1QD3XteoP4pyhmQjXoYDfGP7nfJbgzYh5FY6H2RrQPYTiBvwDvhDiErC5G903BqoDOvER3Te0pz9oEr+Er2L/PHxbgb5p0gpQucLWg8MRYiBgv41nuAjFz3Aa7odnDUY7H6ZrQPgA/D0MzPq7cGeoExg/DjvaNAH1OZqxsO+bRGxOp+ABxi+HvDaJyF1ZTXB7u5XnsFtOkjIGSiR2o/hf8BngZcZ7Q+X8JvImvBSiMlCYgCJWkL0HX4c74XMhrwV6f4T7I9ygSdwets/C83Ap5E0rsQfYmtj0wxWBbDKLV0Dr1ka/AZrEHfA1uCdUCYxfgb7XYojWgHAjyoPwKv0eIP8LutUbVyKqX+HWCDloEpM97fkQJeibglQQ6iJWYEog7RR+Z+Bx+qmo0E7CHOqV1wG1ReRN6Nn+EzwND4TaZ9wDr0BX6EyI14DwYXgJ/tmdbnjg+zXNHRGyNYno3BLXYJZEX97xjdA3befqyspXRIwzmFxXohW7ip6qjcwzMNvCqYhA4cLZjn4v7eUk6XQ+ZLwpXMtAueAM6wX+pyJUAuO2JC6EWQnIXwp9UxJLSWG8FKriSqw7D4uYCpcExibwExW0V9TTjsN34CloLcgS+DH6nqMjB8pdGH1rsPUA3xcjVALjtiT6a94Vps59p2Pkh0LftJ0tHFX0FAxkvosJd0VWcTTMtPMak1VhE2XCrAMmcBy9CXULi/YEZsDoGZhfYoeA15SNESaBSduSKNw22XbO7mPpzLWfglSAqi6J2ltcDsPSVmU8ob6ClERaz0DnFakK094H09kP3NLZ9vbM7p9AgXFaCcNCvwiRw8lD3Qhs8iSGKEHfFKQCVD33RGxL5yRjt3NxtZUWBfpZ5bQzzgO9B+ZVmP4BaFGxuFhkZnCrPwObgNNbsG8CMmB7MlxLGCQGNsMmcaxr0QV26UykW6rCYCU5APrVJGY+i84Dp5NhgLFV2OvNDmxG4YZQDQccHyXICdpWYON22BJuJSDPtkIbsyQuVOS1SRTo8gs3/eUQ+8xZYVE/GTKT3nMuqsPO24hbdr9jQf8x6Mr0GS5gOhqq/sBhC/T/s/RW7mq0UjUCvZUrJaEO6HyQv1vof9H00YO+L1/UNSYRn9I5py9N3WXb4lK9EiWoRzdvn9ZvBr6zf+2WobiIalsKNChwegp+AH8zcBuw+QFO021d5tiYRH/pYnKKNIn+Z98K3y/KYWMSBX4WkSrcnsel/a6oFuluiZ3XmPTngrZYRPK/rkMDR1/oELTEfwVd1r9AP3l9AU/Ag9jdEy6twPZf+xQmeI66RA6C/J7IPLuhn7f8zOXnriPohysi/3XwwhO8eH5GDoC5cP0fVZAcC4jXn/RRlsTOwvw8jESX/qn8sxgZuQ3ZNwGlgxT70AAAAABJRU5ErkJggg==);
    }

.rms_rmsanswersHomepagehp_fb_share_img {
    height: 16px;
    line-height: 16px;
    width: 20px;
    overflow: hidden;
    position: relative;
}

    .rms_rmsanswersHomepagehp_fb_share_img:after {
        left: -21px;
    }

.rms_rmsanswersHomepagehp_twitter_share_img {
    height: 16px;
    line-height: 16px;
    width: 20px;
    overflow: hidden;
    position: relative;
}

.rms_rmsanswersHomepagehp_skype_share_img {
    height: 18px;
    line-height: 18px;
    width: 18px;
    overflow: hidden;
    position: relative;
}

    .rms_rmsanswersHomepagehp_skype_share_img:after {
        left: -42px;
    }

#sh_pl, #sh_ps {
    display: none;
    cursor: pointer
}

.hp_vid #sc_mktb {
    display: none
}

#vid {
    display: none
}

.hp_vid #vid {
    display: block
}

#hp_vidwrp {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0)
}

#b_footer {
    _display: inline;
    _zoom: 1;
    overflow: hidden;
    background-color: #333;
    font-weight: 400;
    z-index: 11;
    width: 100%;
    position: relative;
    border: 0;
    padding: 0
}

#b_footerItems {
    margin: 0;
    padding: 0 20px 0 49px;
    white-space: nowrap;
    width: 100%;
    height: 35px;
    box-sizing: border-box
}

    #b_footerItems, #b_footerItems a {
        color: #666;
        font-weight: 400;
        line-height: 35px
    }

        #b_footerItems > span {
            margin-right: 24px;
            float: right
        }

        #b_footerItems ul {
            display: inline
        }

        #b_footerItems li {
            display: inline;
            float: left
        }

#b_footer a, #b_footer span {
    margin-right: 24px;
    zoom: 1
}

#sw_ctfm {
    margin: 15px 0 0 10px;
    float: left
}

#hp_bottomCell > #b_footer {
    margin-top: 10px
}

@media only screen and (orientation:portrait) {
    #b_footerItems {
        padding-left: 41px
    }
}