/* Legacy CSS file - Please do not copy */
.GearIcon {
  margin-top: 1px;
  margin-right: 1px;
  position: relative;
  top: 3px; }

/* ----------------- Screen real estate distrubution ----------------- */
#GamesPageRightColumn {
  position: absolute;
  right: 0;
  top: 0; }

.sidebar-no-ad {
  position: absolute;
  top: 120px;
  right: 0; }

.sidebar-with-ad {
  position: absolute;
  top: 210px;
  right: 0; }

#GamesPageRightColumnSidebar {
  width: 330px; }

.ads-container {
  width: 300px;
  height: 275px;
  margin-left: 15px; }

#GamesPageLeftColumn {
  margin-left: 10px;
  margin-right: 345px; }

#GamesPageLeftColumn.page-no-ads {
  margin: 0 auto;
  padding: 0 10px; }

#GamesListsContainer {
  min-width: 500px;
  min-height: 820px;
  clear: both;
  line-height: 1.25; }

.games-list-container {
  padding-left: 1px;
  overflow: hidden;
  background-color: #fff;
  position: relative; }

.overflow-visible {
  overflow: visible; }

.overflow-hidden {
  overflow: hidden; }

/* ----------------- Right column ----------------- */
.move-with-window-stick-right {
  position: absolute;
  top: 90px;
  right: 0; }

#GamesPageRightColumnSidebar.move-with-window-stick-right {
  top: 210px; }

.move-with-window-min-left {
  position: absolute;
  top: 90px;
  left: 645px; }

/* ----------------- Games lists and individual game items ----------------- */
.games-list {
  float: left;
  margin-top: 7px;
  min-height: 164px;
  width: 100%;
  position: relative;
  padding-bottom: 5px; }

.multi-rows {
  width: 100%;
  width: -webkit-calc(100% + 190px);
  width: -moz-calc(100% + 190px);
  width: calc(100% + 190px);
  /* This is for the partial view in top recommended sort */ }

.see-all-button {
  position: absolute;
  top: 5px;
  right: 0;
  line-height: 1.428; }

.games-list-column {
  float: left;
  width: 202px; }

.game-item {
  padding-top: 5px;
  padding-bottom: 20px;
  padding-right: 10px;
  position: relative;
  text-align: left;
  float: left;
  width: 192px;
  height: 144px; }

.game-item:hover {
  display: block;
  z-index: 10; }

.game-item .always-shown {
  position: relative;
  float: left; }

.game-item:hover .always-shown {
  z-index: 20;
  /* must be > than .game-item:hover z-index */ }

.game-item .hover-shown {
  display: none;
  position: absolute;
  width: 188px;
  height: 18.5px;
  padding: 165px 2px 8px;
  margin-left: 4px;
  left: -5px;
  top: 4px;
  border: solid 1px #888;
  background: #fff;
  text-align: left;
  color: #888; }

.game-item-image {
  width: 192px;
  height: 108px; }

a.game-item-anchor:hover,
a.game-item-anchor:active,
a.game-item-anchor:visited,
a.game-item-anchor:link {
  color: #343434; }

.deemphasized {
  color: #999;
  font-size: 12px; }

.snap-bottom {
  position: absolute;
  bottom: 4px; }

.snap-right {
  right: 0; }

.snap-left {
  left: 2px; }

.game-name {
  font-size: 14px;
  font-weight: 600;
  width: 190px;
  height: 17px;
  overflow: hidden; }

.game-name, .player-count, .show-on-hover-only {
  padding-left: 2px; }

.player-count {
  float: left; }

.creator-name {
  clear: both; }

.game-price, .game-bought-count {
  float: right;
  margin-right: 3px; }

.game-bought-count {
  clear: both;
  color: #888; }

.game-thumbs-up-down {
  overflow: hidden; }

.games-filter-changer:hover, .games-filter-resetter:hover {
  cursor: pointer; }

#DivToHideOverflowFromLastGamesList {
  position: relative;
  height: 60px;
  background-color: #fff; }

/* ----------------- Horizontally scrolling lists ----------------- */
.horizontally-scrollable {
  float: left;
  width: 10000000px;
  min-height: 164px;
  position: absolute; }

.scroller {
  height: 108px;
  width: 55px;
  margin-top: 5px;
  background-color: #646464;
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.7;
  position: absolute;
  z-index: 10;
  /* must be > than .game-item:hover .always-shown z-index */ }

.games-list:hover .scroller, .scroller:hover {
  background-color: #000;
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.7;
  cursor: pointer; }

.scroller .arrow {
  background-repeat: no-repeat;
  height: 47px;
  width: 27px;
  position: absolute;
  top: 30px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.scroller .arrow:hover {
  background-position: 0; }

.scroller.prev {
  left: 0; }

.scroller.prev .arrow {
  left: 10px; }

.scroller.next {
  right: 0; }

.scroller.next .arrow {
  right: 10px; }

/* ----------------- Filters & search ----------------- */
#FiltersAndSort {
  padding-left: 50px;
  padding-top: 28px;
  width: 943px; }

#FiltersAndSort.disabled .filter {
  opacity: .5; }

#GamesPageHeader {
  float: left;
  padding-left: 1px;
  margin-top: 6px; }

#GamesPageSearch {
  float: right;
  position: relative;
  padding-top: 6px;
  right: 50px;
  z-index: 500; }

#GamesPageSearch .cancel-search {
  display: none;
  cursor: pointer;
  font-weight: bold; }

#GamesPageSearch a.show-cancel {
  display: inline; }

#SearchResultsContainer.search-pending {
  cursor: wait; }

.SearchIconButton {
  background: url(/images/searchIcon.png) no-repeat;
  cursor: pointer;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 5px;
  top: 10px; }

#searchbox {
  padding: 1px 22px 1px 7px;
  border: 1px solid #bbb;
  color: #888;
  height: 20px; }

#searchbox.focus {
  color: #000; }

.search-query-text {
  font-weight: bold; }

.filter {
  float: left;
  padding-left: 20px;
  padding-top: 3px; }

.filter select {
  background: white;
  padding: 4px 3px 3px 5px;
  border: 1px solid #bbb; }

/* ----------------- Ads ----------------- */
#TopAbpContainer {
  margin: 0 auto; }

.top-ad-970 {
  width: 970px; }

.top-ad-728 {
  width: 728px; }

#LeftGutterAdContainer, #RightGutterAdContainer {
  margin-top: 45px;
  z-index: 2; }

@media screen and (min-width: 1480px) {
  .nav-container .nav-content #MasterContainer #LeftGutterAdContainer {
    margin-left: 186px; }
  .nav-container .nav-content #MasterContainer #TopAbpContainer {
    padding: 0; }
  .nav-container .nav-content #MasterContainer #TopAbpContainer.top-ad-970 {
    padding-left: 10px; }
  /** fixing margin for takeovers on games page*/
  #BodyWrapper.gutter-ads-enabled #GamesListsContainer {
    padding-left: 10px; } }

@media screen and (min-width: 1359px) {
  #TopAbpContainer .top-ad-728 {
    padding-left: 150px; }
  #TopAbpContainer.top-ad-970 {
    padding-left: 176px; }
  .nav-no-left #TopAbpContainer.top-ad-970 {
    padding-left: 0; } }

/* ----------------- Body and nav layout below 1900px ----------------- */
@media screen and (max-width: 1899px) {
  #Body {
    width: 970px; }
  #BodyWrapper, #RepositionBody {
    width: 970px; }
  header nav {
    float: left;
    clear: left;
    margin: 0 0 10px;
    width: 100%; }
  header nav li {
    margin: 0;
    background: #efefef;
    display: block;
    margin-bottom: 3px; }
  header nav a {
    display: block;
    padding: 10px;
    text-align: center; } }

/* ----------------- Body and nav layout at or above 1900px ----------------- */
#ResponsiveWrapper {
  margin: auto;
  position: relative; }

#BodyWrapper, #RepositionBody {
  width: auto; }

header h1 {
  height: 70px;
  width: 160px;
  float: left;
  display: block; }

header nav {
  float: right;
  margin-top: 40px; }

header nav li {
  display: inline;
  margin-left: 15px; }

/*--------------------- Ads in Game Search CSS Changes ------------------------------------*/
.ads-in-game-search #GamesListsContainer {
  padding-left: 12px; }

.ads-in-game-search #GamesListsContainer .game-item {
  float: none;
  display: inline-block; }

.ads-in-game-search #GamesListsContainer .game-item:hover {
  display: inline-block; }

.ads-in-game-search #GamesPageLeftColumn {
  margin-left: 0;
  margin-right: 0; }

.ads-in-game-search #GamesPageRightColumn {
  z-index: 100; }

.ads-in-game-search #GamesPageRightColumnSidebar {
  top: 189px; }

.ads-in-game-search #GamesPageRightColumnSidebar.move-with-window-stick-right {
  top: 189px; }

.ads-in-game-search #GamesPageRightColumnSidebar.move-with-window-min-left {
  left: auto; }

.ads-in-game-search .abp-spacer {
  display: inline-block;
  height: 535px;
  width: 355px;
  float: right; }

.gutter-ads-enabled .ads-in-game-search .abp-spacer {
  display: none; }

.abp-spacer.no-spacer {
  display: none; }

.ads-in-game-search .in-game-search-ad {
  width: 404px;
  height: 292px;
  display: inline-block;
  text-align: center;
  padding-top: 37px; }

/* hack for ads with inline css */
.ads-in-game-search .in-game-search-ad .ad-slot div {
  width: auto !important; }

.gutter-ads-enabled .ads-in-game-search .in-game-search-ad {
  display: none; }

.ads-in-game-search .ad-order-even {
  float: left; }

.ads-in-game-search .ad-order-odd {
  float: right;
  position: relative;
  right: 123px; }

.ads-in-game-search .in-game-search-ad .ad-annotations {
  margin: 0 auto; }

.ads-in-game-search .ads-container {
  position: relative; }

/** ads in games media queries **/
@media (min-width: 600px) {
  .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search .in-game-search-ad {
    width: 42.5%; }
  /** takeover **/
  .gutter-ads-enabled .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 0px; }
  .ads-in-game-search .ad-order-odd {
    right: 123px; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 0px; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 123px; } }

@media (min-width: 700px) {
  .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search .in-game-search-ad {
    width: 42.5%; }
  /** takeover **/
  .gutter-ads-enabled .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 0px; }
  .ads-in-game-search .ad-order-odd {
    right: 123px; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 0px; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 123px; } }

/* need an intermediary trigger */
@media (min-width: 800px) {
  .ads-in-game-search .game-item {
    width: 20.55%; }
  .ads-in-game-search .in-game-search-ad {
    width: 44%; }
  /** takeover **/
  .gutter-ads-enabled .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 0px; }
  .ads-in-game-search .ad-order-odd {
    right: 123px; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 0px; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 123px; } }

@media (min-width: 900px) {
  .ads-in-game-search .game-item {
    width: 20.55%; }
  .ads-in-game-search .in-game-search-ad {
    width: 43.59%; }
  /** takeover **/
  .gutter-ads-enabled .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 0px; }
  .ads-in-game-search .ad-order-odd {
    right: 13%; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 0px; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 13%; } }

@media (min-width: 1000px) {
  .ads-in-game-search .game-item {
    width: 19.6%; }
  .ads-in-game-search .in-game-search-ad {
    width: 42%; }
  /** takeover **/
  .gutter-ads-enabled .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 6%; }
  .ads-in-game-search .ad-order-odd {
    right: 17%; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 6%; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 17%; } }

@media (min-width: 1100px) {
  .ads-in-game-search .game-item {
    width: 19.6%; }
  .ads-in-game-search .in-game-search-ad {
    width: 41.5%; }
  /** takeover **/
  .gutter-ads-enabled .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 12%; }
  .ads-in-game-search .ad-order-odd {
    right: 21%; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 12%; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 21%; } }

@media (min-width: 1200px) {
  .ads-in-game-search .game-item {
    width: 16.35%; }
  .ads-in-game-search .in-game-search-ad {
    width: 35%; }
  /** takeover **/
  .gutter-ads-enabled .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 6%; }
  .ads-in-game-search .ad-order-odd {
    right: 13%; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 6%; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 13%; } }

@media (min-width: 1300px) {
  .ads-in-game-search .game-item {
    width: 16.35%; }
  .ads-in-game-search .in-game-search-ad {
    width: 35%; }
  /** takeover **/
  .gutter-ads-enabled .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 12%; }
  .ads-in-game-search .ad-order-odd {
    right: 15%; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 12%; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 15%; } }

@media (min-width: 1360px) {
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 0px; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 15%; } }

@media (min-width: 1400px) {
  .ads-in-game-search .game-item {
    width: 16%; }
  .ads-in-game-search .in-game-search-ad {
    width: 34%; }
  /** takeover **/
  .gutter-ads-enabled .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 6%; }
  .ads-in-game-search .ad-order-odd {
    right: 15%; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 20%; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 15%; } }

@media (min-width: 1500px) {
  .ads-in-game-search .game-item {
    width: 14.55%; }
  .ads-in-game-search .in-game-search-ad {
    width: 31%; }
  /** takeover **/
  .gutter-ads-enabled .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 15%; }
  .ads-in-game-search .ad-order-odd {
    right: 6%; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 6%; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 10%; } }

@media (min-width: 1550px) {
  .ads-in-game-search .game-item {
    width: 14%; }
  .ads-in-game-search .in-game-search-ad {
    width: 30%; }
  /** takeover **/
  .gutter-ads-enabled .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 0px; }
  .ads-in-game-search .ad-order-odd {
    right: 10%; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 15%; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 13%; } }

@media (min-width: 1600px) {
  .ads-in-game-search .game-item {
    width: 13.55%; }
  .ads-in-game-search .in-game-search-ad {
    width: 29%; }
  /** takeover **/
  .gutter-ads-enabled .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 6%; }
  .ads-in-game-search .ad-order-odd {
    right: 14%; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 20%; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 14%; } }

@media (min-width: 1700px) {
  .ads-in-game-search .game-item {
    width: 12.55%; }
  .ads-in-game-search .in-game-search-ad {
    width: 27%; }
  /** takeover **/
  .gutter-ads-enabled .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 20%; }
  .ads-in-game-search .ad-order-odd {
    right: 123px; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 6%; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 123px; } }

@media (min-width: 1800px) {
  .ads-in-game-search .game-item {
    width: 11.75%; }
  .ads-in-game-search .in-game-search-ad {
    width: 25%; }
  /** takeover **/
  .gutter-ads-enabled .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 12%; }
  .ads-in-game-search .ad-order-odd {
    right: 12%; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 12%; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 0; } }

@media (min-width: 1855px) {
  .ads-in-game-search .game-item {
    width: 11.85%; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 13%; } }

@media (min-width: 1900px) {
  .ads-in-game-search .game-item {
    width: 10.85%; }
  .ads-in-game-search .in-game-search-ad {
    width: 23.4%; }
  /** takeover **/
  .gutter-ads-enabled .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 20%; }
  .ads-in-game-search .ad-order-odd {
    right: 123px; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 6%; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 123px; } }

@media (min-width: 1950px) {
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 0; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 15%; } }

@media (min-width: 2000px) {
  .ads-in-game-search .game-item {
    width: 10.35%; }
  .ads-in-game-search .in-game-search-ad {
    width: 22.2%; }
  /** takeover **/
  .gutter-ads-enabled .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 20%; }
  .ads-in-game-search .ad-order-odd {
    right: 0; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 20%; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 0; } }

@media (min-width: 3200px) {
  .ads-in-game-search .game-item {
    width: 6.2%; }
  .ads-in-game-search .in-game-search-ad {
    width: 13%; }
  /** takeover **/
  .gutter-ads-enabled .ads-in-game-search .game-item {
    width: 20%; }
  .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 0px; }
  .ads-in-game-search .ad-order-odd {
    right: 123px; }
  .nav-no-left .ads-in-game-search #GamesPageRightColumnSidebar .ads-container {
    right: 0px; }
  .nav-no-left .ads-in-game-search .ad-order-odd {
    right: 123px; } }