﻿#mainContent
{
  background: #2b2b2b;
  margin-top: 18px;
  padding-bottom: 18px;
  width: 950px;
  border: 1px solid #2b2b2b;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;

}

.useGamesPageSprite
{
background: url(/_images/games/games_page_sprite.png) 0 0 no-repeat;
}

#gamesContent
{
position: relative;
padding: 18px 15px 0 15px;
z-index: 0;
}

/* ---------------------------------*/
/* pagination area styles */
/* ---------------------------------*/

#gamesHead
{
display: block;
float: left;
height: 23px;
width: 194px;
}

#topPagination,
#bottomPagination
{
color: #959595;
font: 14px/18px verdana, arial, sans-serif;
position: relative;
}

#topPagination
{
margin: 0 0 10px 0;
}

#bottomPagination
{
clear: both;
margin: 15px 0 0 0;
}

.arrows
{
color: #fff;
font: 13px/18px verdana, arial, sans-serif;
left: 409px;
position: absolute;
}

.arrows p
{
float: left;
padding: 3px 7px 0 7px;
}

a.leftArrow
{
background-position: 0 -104px;
float: left;
display: block;
height: 25px;
width: 26px;
}

a.rightArrow
{
background-position: -84px -104px;
float: left;
display: block;
height: 25px;
width: 26px;
}

a.leftArrow:hover
{
background-position: -170px -104px;
}

a.rightArrow:hover
{
background-position: -246px -104px;
}

p.totalTitles
{
font-weight: bold;
position: absolute;
right: 10px;
top: 3px;
}

a.backToTop
{
background: url(/_images/games/up_arrow.gif) .2em .5em no-repeat;
color: #959595;
display: block;
float: left;
font: 13px/18px verdana, arial, sans-serif;
padding: 0 0 0 15px;
}

a.backToTop:hover
{
text-decoration: none;
}

/* ---------------------------------*/
/* filter area styles */
/* ---------------------------------*/

#gamesFilterArea
{
background: url(/_images/games/filter_bg_bottom.png) bottom left no-repeat;
margin: 28px 0 0 0;
min-height: 85px;
position: relative;
z-index: 2;
}

img#gamesFilterTop
{
top: -13px;
left: 0;
position: absolute;
}

#titlePulldown_input,
#titlePulldown_container
{
left: 15px;
position: absolute;
}

#genrePulldown_input,
#genrePulldown_container
{
left: 195px;
position: absolute;
}

#platformPulldown_input,
#platformPulldown_container
{
left: 378px;
position: absolute;
}

#labelPulldown_input,
#labelPulldown_container
{
left: 561px;
position: absolute;
}

#labelPulldown_container ul li
{
  padding: 6px 0;
  margin: 0 0 0 12px;
}

#labelPulldown_container ul li#labelPulldown_input_0,
#labelPulldown_container ul li#labelPulldown_input_1,
#labelPulldown_container ul li#labelPulldown_input_2K
{
  margin: 0;
}

#labelPulldown_container ul li#labelPulldown_input_0
{
  padding: 0 0 12px 0;
}

#labelPulldown_container ul li#labelPulldown_input_1
{
  border-bottom: 1px solid #636363;
}



#ratingPulldown_input,
#ratingPulldown_container
{
left: 744px;
position: absolute;
}

#paginationPulldown_input,
#paginationPulldown_container
{
left: 744px;
position: absolute;
top: 44px;
}

ul#alphabetListing
{
left: 18px;
list-style: none;
position: absolute;
top: 50px;
}

ul#alphabetListing li
{
display: inline;
font: 14px/18px verdana, arial, sans-serif;
padding: 0 3px 0 0;
text-transform: uppercase;
}

ul#alphabetListing li a
{
color: #404041;
text-decoration: underline;
}

ul#alphabetListing li a:hover
{
text-decoration: underline;
}

ul#alphabetListing li a.on
{
color: #0079c2;
text-decoration: underline;
}

ul#alphabetListing li a#allGames
{
font-weight: bold;
}

/* ---------------------------------*/
/* game list styles */
/* ---------------------------------*/

.game
{
background: #d9d9d9;
margin: 15px 0 0 0;
min-height: 272px;
position: relative;
width: 702px;
z-index: 0;

  border: 1px solid #d9d9d9;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;

}

.bottomRounded
{

  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;

}

img.gameArt
{
margin: 16px 0 0 0;
float: left;
}

.gameDescription
{
float: left;
padding: 16px 30px 0 0;
position: relative;
width: 420px;
}

.gameDescription h4
{
color: #0079c2;
font: bold 21px/24px verdana, arial, sans-serif;
margin: 13px 0 7px 0;
}

.gameDescription p
{
color: #525252;
font: 12px/18px verdana, arial, sans-serif;
margin: 0 0 7px 0;
}

.nobreak
{
display: inline;
}

.gameDescription p strong
{
font-size: 13px;
}

.gameDescription a
{
color: #0079c2;
font: 12px/18px verdana, arial, sans-serif;
}

.gameDescription a:hover
{
color: #37b3fc;
text-decoration: none;
}

.gameDescription a.rating1
{
background: url(/_images/games/esrb/1.png) 0 0 no-repeat;
height: 61px;
position: absolute;
right: 0;
top: 16px;
width: 44px;
}

.gameDescription a.rating2
{
background: url(/_images/games/esrb/2.png) 0 0 no-repeat;
height: 61px;
position: absolute;
right: 0;
top: 16px;
width: 44px;
}

.gameDescription a.rating3
{
background: url(/_images/games/esrb/3.png) 0 0 no-repeat;
height: 61px;
position: absolute;
right: 0;
top: 16px;
width: 44px;
}

.gameDescription a.rating4
{
background: url(/_images/games/esrb/4.png) 0 0 no-repeat;
height: 61px;
position: absolute;
right: 0;
top: 16px;
width: 44px;
}

.gameDescription a.rating5
{
background: url(/_images/games/esrb/5.png) 0 0 no-repeat;
height: 61px;
position: absolute;
right: 0;
top: 16px;
width: 44px;
}
.gameDescription a.rating5
{
background: url(/_images/games/esrb/5.png) 0 0 no-repeat;
height: 61px;
position: absolute;
right: 0;
top: 16px;
width: 44px;
}

.gameDescription a.rating6
{
background: url(/_images/games/esrb/6.png) 0 0 no-repeat;
height: 61px;
position: absolute;
right: 0;
top: 16px;
width: 44px;
}

.gameDescription a.rating7
{
background: url(/_images/games/esrb/7.png) 0 0 no-repeat;
height: 61px;
position: absolute;
right: 0;
top: 16px;
width: 44px;
}

.gameDescription a.ratingMature
{
background-position: 0 -256px;
height: 61px;
position: absolute;
right: 0;
top: 16px;
width: 44px;
}

.gameDescription a.ratingEveryone
{
background-position: -75px -256px;
height: 61px;
position: absolute;
right: 0;
top: 16px;
width: 44px;
}

.gameDescription a#Rockstar
{
background-position: 0 -169px;
display: block;
height: 56px;
width: 61px;
}

.gameDescription a#twoKSports
{
background-position: -110px -169px;
display: block;
height: 57px;
width: 73px;
}

.gameDescription a#twoKGames
{
background-position: -226px -169px;
display: block;
height: 57px;
width: 73px;
}

.gameDescription a#twoKPlay
{
background-position: -336px -165px;
display: block;
height: 72px;
width: 73px;
}


.gameDescription a.ratingMature:hover,
.gameDescription a.ratingEveryone:hover,
.gameDescription a.rating1:hover,
.gameDescription a.rating2:hover,
.gameDescription a.rating3:hover,
.gameDescription a.rating4:hover,
.gameDescription a.rating5:hover,
.gameDescription a.rating6:hover,
.gameDescription a.rating7:hover,
.gameDescription a#Rockstar:hover,
.gameDescription a#twoKSports:hover,
.gameDescription a#twoKGames:hover,
.gameDescription a#twoKPlay:hover
{
opacity: 0.7;
}

.gameDescription a.officialWebSite
{
background-position: 0 -42px;
display: block;
height: 31px;
margin: 10px 0 12px 0;
width: 176px;
}

.gameDescription a.officialWebSite:hover
{
background-position: -213px -42px;
display: block;
height: 31px;
width: 176px;
}

.gamePlatforms
{
border-left: 1px solid #000;
height: 275px;
position: absolute;
right: -217px;
top: -1px;
width: 215px;
}

.gamePlatforms h5
{
background-position: -247px 0;
color: #fff;
font: bold 12px/16px verdana, arial, sans-serif;
height: 10px;
margin: 0 0 10px 0;
width: 106px;
}


.gamePlatforms h6
{
background-position: -247px -13px;
color: #fff;
font: bold 12px/16px verdana, arial, sans-serif;
height: 11px;
margin: 0 0 10px 0;
width: 128px;
}

.gamePlatforms ul
{
margin: 0 0 0 18px;
}

.gamePlatforms ul li
{
color: #000;
margin: 0 0 5px 0;
}

.gamePlatforms ul li span
{
color: #fff;
font: bold 13px/18px verdana, arial, sans-serif;
}

img.gameArtGrey
{
position: absolute;
z-index: 2;
}

.platformList
{
padding: 17px 0 0 14px;
position: absolute;
z-index: 3;
}


.expandedBg {
/* background: url(/_images/games/expanded_bg.png) no-repeat bottom right; */
  position: absolute;
  bottom: 0;
  width: 215px;
  height: 90%;
  z-index: 0 !important;
}

span.re-collapse
{
display: block;
}

/* ---------------------------------*/
/* select replacement */
/* ---------------------------------*/

div.selectbox-wrapper
{
  background: url(/_images/games/games_page_sprite.png) -192px -352px no-repeat #8e8e8e;
  margin: 0 0 0 1px;
  /*max-height: 280px;
  overflow: auto;*/
  position: absolute;
  width: 165px !important;
  z-index: 10;
  
  border-bottom: 1px solid #8e8e8e;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

div.selectbox-wrapper ul
{
  list-style: none;
  margin: 7px 15px 0 17px;
}

div.selectbox-wrapper ul li.selected
{
  color: #fff;
  font-weight: bold;
}

div.selectbox-wrapper ul li.current
{
  color: #525252;
}

div.selectbox-wrapper ul li
{
  color: #fff;
  cursor:pointer;
  display: block;
  font: 12px/16px verdana, arial, sans-serif;
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 12px 0;
  text-align: left;
  text-transform: uppercase;
}

label
{
  display: block;
}

.selectbox /* look & feel of  select box*/
{
  background: url(/_images/games/games_page_sprite.png) 0 -352px no-repeat;
  border: none;
  color: #fff;
  cursor: pointer;
  display : block;
  font: bold 12px/16px verdana, arial, sans-serif;
  height: 16px;
  margin: 0 12px 10px 0;
  padding: 7px 0 13px 17px;
  text-align: left;
  text-transform: uppercase;
  width: 152px;
}

select
{
  background: url(/_images/games/games_page_sprite.png) 0 -352px no-repeat;
}

.expander span { display: none; }



label
{
  display: block;
}

.filterPulldown {
  position: absolute;
  left: 10px;
}

.filterPulldown h4 a /* look & feel of  select box*/
{
  background: url(/_images/games/games_page_sprite.png) 0 -352px no-repeat;
  border: none;
  color: #fff;
  cursor: pointer;
  display : block;
  font: bold 12px/16px verdana, arial, sans-serif;
  height: 26px;
  margin: 0 0 10px 0;
  padding: 7px 0 0 17px;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  width: 152px;
  overflow: hidden;
  position: absolute;
  outline: none;
}

.filterPulldown h4 a.filterActive {
  background: url(/_images/games/games_page_sprite.png) -192px -352px no-repeat;
  z-index: 999;
}

.filterPulldown ul,
.filterPulldown ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.filterPulldown .filterMenu {
  padding-top: 36px;
  height: 189px;
  background: #8e8e8e;
  margin: 0 0 0 1px;
  /*max-height: 280px;
  overflow: auto;*/
  position: absolute;
  width: 165px !important;
  
  border-bottom: 1px solid #8e8e8e;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

.filterPulldown .filterMenu ul {
  display: block;
  overflow: auto;
  margin: 0 0 .25em 0;
  height: 189px;
}

.filterPulldown ul li {
  line-height: 1;
}

.filterPulldown ul li a,
.filterPulldown ul li a:visited {
  color: #fff;
  font: 12px verdana, arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  padding: .5em 8px;
  margin: 0 3px 0 2px;
  font-size: 11px;
  outline: none;
}

.filterPulldown ul li a:hover {
color: #ccc;
}

form#forms { visibility: hidden; }



