article, section, header, nav, footer, aside {
  display: block; }

.clearfix {
  clear: both; }

img {
  font-size: 8px; }

body.notwists nav.social.twists {
  height: 22px; }
  body.notwists nav.social.twists > a {
    display: none; }
body.nosidebar section.contextRail {
  display: none; }
body.nosidebar section.twistContainer {
  width: 100%; }

a.button {
  color: #ffffff;
  background: #77BB44;
  display: block;
  text-align: left;
  text-transform: uppercase;
  padding: 5px 10px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 12px; }
  a.button:hover {
    background: #848589; }

.fbSharing {
  display: none; }

header > div.twistNavList > h1.pageTitle {
  margin: 10px 0 5px -2px;
  /* -2px left margin to force left-align */ }

.notwists header > h1.pageTitle {
  margin: 10px 0 5px -2px;
  /* -2px left margin to force left-align */
  padding-bottom: 10px; }

.twistContainer {
  float: left;
  clear: right;
  width: 760px; }

.twists {
  border-bottom: 1px solid #BDBEC1;
  padding-bottom: 5px;
  margin-bottom: 20px; }
  .twists > a {
    font-weight: normal;
    font-size: 1.2em;
    margin-right: 20px; }
    .twists > a.selected {
      color: black; }

.smartGlassDownload {
  width: 100%;
  background-color: #f2f2f2;
  height: 260px; }

.deviceDownload {
  padding-top: 30px;
  display: inline-block;
  width: 230px;
  height: 230px;
  border: 0px;
  vertical-align: text-top; }
  .deviceDownload .deviceName {
    display: inline-block;
    color: #666666;
    font-size: 22px;
    font-family: "Segoe UI", Arial, Sans-Serif;
    margin-left: 5px; }
  .deviceDownload .deviceWindowsLogo {
    background-image: url("../images/Social/Windows_logo.png");
    background-repeat: no-repeat;
    width: 30px;
    height: 28px;
    display: inline-block;
    position: relative;
    top: 6px; }
  .deviceDownload .deviceAndroidLogo {
    background-image: url("../images/Social/android_logo.png");
    background-repeat: no-repeat;
    width: 30px;
    height: 28px;
    display: inline-block;
    position: relative;
    top: 6px; }
  .deviceDownload .deviceIosLogo {
    background-image: url("../images/Social/apple_logo.png");
    background-repeat: no-repeat;
    width: 30px;
    height: 28px;
    display: inline-block;
    position: relative;
    top: 6px; }

.textContainer {
  display: block;
  height: 230px;
  width: 80%;
  vertical-align: top; }

.compatibleTitle {
  font-size: 12px;
  line-height: 16px;
  color: #222222;
  font-family: "Segoe UI Semibold", Arial, Sans-Serif;
  font-weight: bold;
  margin-top: 20px; }

.compatibleText {
  font-size: 12px;
  line-height: 16px;
  color: #222222;
  font-family: "Segoe UI", Arial, Sans-Serif; }

.downLoadText {
  font-size: 15px;
  line-height: 18px;
  color: #107c10;
  font-family: "Segoe UI Semibold", Arial, Sans-Serif;
  margin-top: 12px; }
  .downLoadText > a {
    color: #107c10; }

.downloadBackground {
  background-color: #f2f2f2;
  margin-bottom: -40px; }

.contextRail {
  position: relative;
  float: left;
  width: 150px;
  margin-right: 45px;
  font-weight: normal;
  font-size: .9em; }
  .contextRail .links {
    margin-top: 320px; }
  .contextRail > a {
    font-weight: normal; }
    .contextRail > a:visited {
      font-weight: normal; }
  .contextRail .custom {
    display: none;
    border-bottom: 1px solid #BDBEC1;
    padding-bottom: 15px;
    margin-bottom: 10px; }
  .contextRail.custom .custom, .contextRail a {
    display: block; }

.pointsDisabled .pointsUpsell {
  display: none; }

section.avatar {
  min-height: 300px;
  width: 240px;
  position: absolute;
  left: -40px; }
  section.avatar .bodyshot {
    width: 150px;
    height: 300px;
    padding-left: 40px; }

#ShellBreadcrumbs {
  display: none; }

/*Beacon Dialog*/
.addBeacons {
  clear: both;
  display: block;
  padding: 8px;
  top: 10px;
  margin-bottom: 10px;
  background-color: #E2E3E2;
  position: relative;
  color: #636468;
  width: 350px; }
  .addBeacons .buttons {
    float: right; }
  .addBeacons .set {
    margin-right: 10px; }

.atMaxBeacons .maxBeaconNotice {
  display: inline; }
.atMaxBeacons .isSet .maxBeaconNotice {
  display: none; }

.addBeacons .speechBubblePointer {
  border-color: transparent transparent #E2E3E2 #E2E3E2;
  border-style: solid;
  border-width: 3px 12px 8px 5px;
  width: 0;
  height: 0;
  position: absolute;
  top: -10px; }
.addBeacons .heading, .addBeacons .titleName {
  display: none; }
.addBeacons .set {
  float: left; }

.cancel {
  float: left; }

.addBeacons .textLimit {
  display: block;
  font-style: italic;
  font-size: 0.8em; }

.beacons a {
  font-weight: normal; }

.maxBeaconNotice .message {
  color: #636468;
  margin: 0px;
  font-size: 0.9em; }

.addBeacons .beaconTitleHeading {
  margin: 2px 0 2px 0;
  text-transform: uppercase;
  display: inline;
  font-size: 0.8em; }
  .addBeacons .beaconTitleHeading .comment {
    font-weight: bold; }
.addBeacons .set, .addBeacons .cancel {
  text-transform: uppercase; }
.addBeacons button.cancel {
  background-color: #848589; }
.addBeacons .textwrapper {
  border: 1px solid #BDBEC1;
  background-color: #F6F6F6;
  padding: 5px;
  margin: 5px 0; }
.addBeacons .beaconText {
  font-size: 0.9em;
  width: 100%;
  background-color: #F6F6F6;
  border: none;
  color: #84858A;
  margin: 0;
  outline: none;
  resize: none; }

.noBeaconsData .add, .maxBeaconNotice {
  display: none; }

.atMaxBeacons .canSetBeacon {
  display: none; }
.atMaxBeacons .isSet .canSetBeacon {
  display: block; }

.beacons .my {
  display: none; }
.beacons.isSet .my {
  display: block; }
.beacons .loading .my, .beacons .loading .add {
  display: none; }
.beacons.isSet .add {
  display: none; }
.beacons .icon {
  background: url("/Content/images/myxbox_icons.png") no-repeat scroll -10px -2567px transparent;
  height: 17px;
  padding-left: 20px;
  font-size: 0.85em;
  float: left; }
.beacons .add.icon {
  background-position: -10px -2570px; }
.beacons .my .description {
  text-transform: uppercase;
  font-weight: bold;
  float: left;
  margin-right: 5px; }
.beacons .my blockquote {
  clear: left;
  padding: 0;
  margin: 0 5px 0 0;
  max-width: 350px; }
.beacons .my .options {
  min-width: 350px; }
  .beacons .my .options .action {
    display: block;
    float: left;
    padding-right: 8px;
    padding-left: 8px;
    border-right: 1px solid #E2E3E2; }
    .beacons .my .options .action.last {
      border: none; }

.loadingUser .beacons .action.share {
  display: none; }

.beacons .my .options .action .fbIcon {
  float: left;
  background: url(/content/images/myxbox_icons.png) -19px -3211px no-repeat;
  width: 12px;
  height: 12px;
  margin-top: 4px;
  border: none;
  padding: 0 5px 0 0; }
.beacons .loadingSpinner {
  background: url("/content/images/loading/loading.gif") no-repeat scroll 0 0 transparent;
  display: none;
  height: 50px;
  width: 50px; }

/*Beacon Dialog Ends*/
/*Activity and Details*/
.gameSummary .details .lastPlayed, .activityPage .gamesList .gameInfo .lastPlayed {
  color: #BDBEC1;
  display: block;
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom: 20px;
  text-transform: uppercase; }

/**/
.jumpInList ol {
  margin: 0;
  padding: 0;
  list-style-type: none; }
.jumpInList li {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .jumpInList li.jumpInItem {
    float: left;
    margin-left: 21px;
    width: 135px;
    padding: 0; }
    .jumpInList li.jumpInItem:first-child {
      margin-right: 1px;
      margin-left: 0; }
.jumpInList .game {
  position: relative;
  width: 135px;
  height: 180px;
  border: 1px solid #BDBEC1; }
.jumpInList .boxArt {
  width: 135px;
  height: 180px; }
.jumpInList .beacon {
  clear: both;
  min-height: 18px;
  text-transform: uppercase;
  background: url("/Content/images/myxbox_icons.png") no-repeat -10px -2570px;
  padding-left: 25px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 5px; }
.jumpInList .noBeacon {
  clear: both;
  height: 23px; }
.jumpInList .none header {
  margin-bottom: 10px; }
.jumpInList .jumpInItem .title {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal; }
.jumpInList .activity {
  margin-top: 9px; }
  .jumpInList .activity .count {
    font-size: 12px; }
  .jumpInList .activity li.activityItem {
    float: left;
    margin: 2px 4px 2px 0;
    padding: 0; }
  .jumpInList .activity .profile {
    width: 35px;
    height: 35px; }
  .jumpInList .activity .gamerpic {
    width: 35px;
    height: 35px;
    font-size: 0.5em; }

.avatar3DViewer {
  width: 240px;
  height: 305px; }

.marketplaceDisabled .downloadQueue {
  display: none; }

/*XboxOne informational page style*/
img.heroXboxOneImage {
  width: 756px;
  height: 260px;
  margin-top: 10px; }

h1 {
  font-family: "Segoe UI Light", Arial, Sans-Serif;
  font-size: 40px;
  line-height: 48px;
  color: #222222;
  margin-top: 10px;
  margin-bottom: 0; }

.smartGlass {
  width: 715px;
  font-family: "Segoe UI Light", Arial, Sans-Serif;
  font-size: 20px;
  line-height: 24px;
  color: #222222;
  margin-top: 10px;
  margin-bottom: 20px; }

a.getNow {
  padding: 15px;
  background-color: #107c10;
  color: white;
  font-family: "Segoe UI", Arial, Sans-Serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 15px;
  margin-top: 20px;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block; }