﻿
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section { display: block; }

img, object, embed { max-width: 100%; }
body { height: 100%; font-size: 62.5%; overflow: hidden; }

button { font-size: 1em; }

a { text-decoration: none; }

article { overflow: hidden; }

.articles article { margin-top: 0; display: none; }

.contentPanel li { list-style-type: none; }

article { position: relative; }

.menuLink { }
.contentLink { }

.contentPanel { width: 388px; width: 480px; height: 900px; background: url("bg_left.jpg") no-repeat scroll left top #090909; background-size: cover; color: #ebebeb; float: left; padding: 64px 28px 64px 64px; padding: 64px 0; vertical-align: top; font-size: 2.4em; }

.helpContent { height: 794px; overflow: hidden; background-color: #282828; padding: 136px 64px 64px 64px; -moz-column-count: auto; -webkit-column-count: auto; column-count: auto; -moz-column-width: 344px; -webkit-column-width: 344px; column-width: 344px; -moz-column-gap: 80px; -webkit-column-gap: 80px; column-gap: 80px; -webkit-column-fill: auto; -moz-column-fill: auto; column-fill: auto; font-size: 2.2em; line-height: 1.5; position: relative; }
.helpContent img { margin-bottom: -8px; }
.helpContent.advancedControls img { margin-bottom: -18px; }

.contentPanel .articleTitle { font-family: Segoe UI Light, Segoe UI Regular,HelveticaNeue, Droid Sans, Arial, Sans-Serif; font-weight: 100; font-size: 1.5em; margin-top: 10px; margin-bottom: 32px; margin-left: 48px; margin-left: 5%; }
.contentPanel .articleTitle img { margin-bottom: -32px; }
.contentPanel .articleTopic { font-family: Segoe UI Regular,HelveticaNeue, Droid Sans, Arial, Sans-Serif; font-weight: normal; font-size: 1em; margin-top: 32px; margin-top: 12px; }

.panelRule { color: #ebebeb; }

.panelButtons { margin-top: 680px; margin-left: 28px; }

.navLinks { overflow: hidden; }
.navLinks li { background: url("menu_bar.png") no-repeat scroll left bottom; }
.navLinks a { /*width: 432px;*/ line-height: 2.4em; padding: 36px 0 0 18px; }
.navLinks a:focus, .pageButton:focus,
.navLinks a:hover:not(:focus) { background-color: #BD501E; }

.pageButton { height: 90px; color: #ebebeb; text-align: left; line-height: 140px; width: 178px; margin: 0 10px 0 0; -ms-attraction: 0% 0% 0% 0%; border: 1px solid #ebebeb; background-color: rgba(235, 235, 235, 0); outline: 4px solid rgba(235, 235, 235, 0); }
.pageButton:hover:not(:focus) { background-color: transparent; outline: solid 4px rgb(107, 107, 107); border: none; }
.pageButton.next { line-height: 46px; float: right; }
.panelButtons .pageCounter { display: block; height: 2em; overflow: hidden; }

.pageCounter { display: none; }

.win-voice-activelistening .pageCounter { display: none; }

.pageButton.previous { float: left; }

.contentPanel .backLink { background: transparent url(left_arrow.png) no-repeat 0 20px; height: 5.1em; width: 5.1em; background-position: 0 0; height: 54px; width: 54px; display: block; /*margin: -60px 0 0 -24px; */ margin: 24px 0 0 48px; background-size: 49%; background-size: 100%; font-size: 1em; }
.contentPanel .backLink:hover { background-color: transparent; }
.contentPanel .backLink:focus { background-image: url(left_arrow_hoverFocus.png); outline: 0; }

.helpContent { text-shadow: 1px 1px 0 #000, 2px 2px 0 #000; }
.helpContent p { margin: 12px 0; }
.helpContent.padLayoutWrap { height: 728px; height: 676px; }
.helpContent div.padLayout { text-transform: uppercase; font-size: .917em; font-size: .7em; }

.helpContent div.padLayout > div { padding-left: 65px; height: 48px; line-height: 48px; padding: 2px 0 2px 65px; }
.helpContent div.padLayout > div > .icon { background-repeat: no-repeat; background-position: center center; float: left; height: 100%; width: 65px; margin-left: -65px; }
.helpContent div.padLayout > div.pad_rsd > .icon { background-image: url(icons/btn_r_press_x360_10px.png); }
.helpContent div.padLayout > div.pad_b > .icon { background-image: url(icons/btn_b_x360_10px.png); }
.helpContent div.padLayout > div.pad_rt > .icon { background-image: url(icons/btn_rt_x360_10px.png); }
.helpContent div.padLayout > div.pad_du > .icon { background-image: url(icons/btn_dpad_up_x360_10px.png); }
.helpContent div.padLayout > div.pad_menul > .icon { background-image: url(icons/btn_back_x1_10px.png); }
.helpContent div.padLayout > div.pad_menur > .icon { background-image: url(icons/btn_start_x1_10px.png); }
.helpContent div.padLayout > div.pad_rb > .icon { background-image: url(icons/btn_rb_x1_10px.png); }
.helpContent div.padLayout > div.pad_lb > .icon { background-image: url(icons/btn_lb_x1_10px.png); }
.helpContent div.padLayout > div.pad_rslr > .icon { background-image: url(icons/btn_r_right_left_x1_10px.png); }
.helpContent div.padLayout > div.pad_rsud > .icon { background-image: url(icons/r-up-down-s.png) }
.helpContent div.padLayout > div.pad_lsup > .icon { background-image: url(icons/l-up-down-s.png) }
.helpContent div.padLayout > div.pad_lslr > .icon { background-image: url(icons/btn_l_right_left_x1_10px.png); }
.helpContent div.padLayout > div.pad_a > .icon { background-image: url(icons/btn_a_x360_10px.png); }
.helpContent div.padLayout > div.pad_x > .icon { background-image: url(icons/btn_x_x360_10px.png); }
.helpContent div.padLayout > div.pad_lsd > .icon { background-image: url(icons/btn_l_press_x360_10px.png); }
.helpContent div.padLayout > div.pad_dl > .icon { background-image: url(icons/btn_dpad_l_x360_10px.png); }
.helpContent div.padLayout > div.pad_dr > .icon { background-image: url(icons/btn_dpad_r_x360_10px.png); }
.helpContent div.padLayout > div.pad_dd > .icon { background-image: url(icons/btn_dpad_d_x360_10px.png); }
.helpContent div.padLayout > div.pad_lt > .icon { background-image: url(icons/btn_lt_x360_10px.png); }
.helpContent div.padLayout > div.pad_y > .icon { background-image: url(icons/btn_y_x360_10px.png); }

.contentPanel a { display: inline; line-height: 1; color: #ebebeb; -ms-attraction: 0% 0% 0% 0%; }

.helpMenu li a { color: #ebebeb; /*width: 100%;*/ display: block; line-height: 4em; line-height: 2em; margin: 0 0 0 -59px; margin: 0; padding: 0 25px 0 56px; padding: 1em 20px 1em 48px; -ms-attraction: 0% 0% 0% 0%; }

.endMark { visibility: hidden; display: block; height: 1px; width: 100%; break-before: column; }

article .contentPanel .panelButtons { position: absolute; margin: 0; bottom: 44px; left: 64px; width: 386px; }

.win-voice-activelistening[data-win-voice] { color: green; }
