/* CSS Document */

body {
	width:855px;
	height:auto;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	margin-bottom:0;
	padding: 0px;
	font: 11px Arial, sans-derif; 
	color:#000000;
	background-color: #FFFFFF;
	text-align: left;
}

div#content{
	width: 855px;
	height: auto;
	background-color: #FFFFFF;
	margin-top: 0px;
	z-index: 1;
	float: left;
}

div#logo{
	background-image: url(../images/banner.gif);
	background-repeat: no-repeat;
	width: 855px;
	height: 45px;
	float: left;
}

div#topBannerBG{
	background-image: url(../images/topBannerBG.gif);
	background-repeat: repeat-x;
	width: 855px;
	height: 86px;
	float: left;
}

div#homeButton a {
  position:absolute;
  top:46px; 
  left:15px;
	width: 57px;
	height: 30px;
	background: url(../images/homeButton.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: 2;
}

div#homeButton a:link    {	background-position: 0px 0px; }
div#homeButton a:active  {	background-position: 0px 0px; }
div#homeButton a:visited {	background-position: 0px 0px; }
div#homeButton a:hover   {	background-position: 0px -30px; }

div#freeGamesButton a {
  position:absolute;
  top:46px; 
  left:102px;
	width: 119px;
	height: 30px;
	background: url(../images/freeGamesButton.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: 2;
}

div#freeGamesButton a:link    {	background-position: 0px 0px; }
div#freeGamesButton a:active  {	background-position: 0px 0px; }
div#freeGamesButton a:visited {	background-position: 0px 0px; }
div#freeGamesButton a:hover   {	background-position: 0px -30px; }

div#shopButton a {
  position:absolute;
  top:46px; 
  left:251px;
	width: 80px;
	height: 30px;
	background: url(../images/shopButton.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: 2;
}

div#shopButton a:link    {	background-position: 0px 0px; }
div#shopButton a:active  {	background-position: 0px 0px; }
div#shopButton a:visited {	background-position: 0px 0px; }
div#shopButton a:hover   {	background-position: 0px -30px; }

div#highScoresButton a {
  position:absolute;
  top:46px; 
  left:361px;
	width: 80px;
	height: 30px;
	background: url(../images/highScoresButton.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: 2;
}

div#highScoresButton a:link    {	background-position: 0px 0px; }
div#highScoresButton a:active  {	background-position: 0px 0px; }
div#highScoresButton a:visited {	background-position: 0px 0px; }
div#highScoresButton a:hover   {	background-position: 0px -30px; }

div#helpButton a {
  position:absolute;
  top:46px; 
  left:471px;
	width: 54px;
	height: 30px;
	background: url(../images/helpButton.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: 2;
}

div#helpButton a:link    {	background-position: 0px 0px; }
div#helpButton a:active  {	background-position: 0px 0px; }
div#helpButton a:visited {	background-position: 0px 0px; }
div#helpButton a:hover   {	background-position: 0px -30px; }

div#topMessageBG{
	background-image: url(../images/topMessageBG.gif);
	background-repeat: no-repeat;
	width: 845px;
	height: 30px;
	float: left;
  margin-top:5px;
  margin-bottom:5px;
	font-size: 12px;
	color: #002350;
  padding:5px;
}

div#top10Box{
	width: 205px;
	height: 335px;
	float: left;
	text-overflow:ellipsis; 
	overflow:hidden;
	white-space:nowrap;
}

div#top10Item{
	width: 190px;
	height: 19px;
	float: left;
	text-overflow:ellipsis; 
	overflow:hidden;
	white-space:nowrap;
}

div#gameListItem{
	width: 190px;
	float: left;
	text-overflow:ellipsis; 
	overflow:hidden;
	white-space:nowrap;
}

div#featuredGamesBox{
	width: 638px;
	height: 333px;
	float: left;
  margin-left:10px;
}

div#gamesListBox{
	width: 855px;
	height: auto;
	float: left;
  margin-top:5px;
}

div#bottomBarBG{
  margin-top:7px;
	background-image: url(../images/bottomBarBG.gif);
	background-repeat: repeat-x;
	width: 855px;
	height: 57px;
	float: left;
}

div#bottomLogo{
  position: relative;
  left: 5px;
  top: 2px;
	background-image: url(../images/bottomLogo.gif);
	background-repeat: no-repeat;
	width: 207px;
	height: 33px;
	float: left;
}

div#bottomBarText{
  position: relative;
  left: 5px;
  top: 35px;
	float: left;
}

div#bottomBarContent{
  float: left;
  width: 325px;
  height: 15px;
  margin-left: 25px;
  margin-top: 26px;
}

div#bottomBarContentRight{
  float: right;
  width: 250px;
  height: 15px;
  margin-top: 26px;
  padding-right: 10px;
}

th.defaultTable	{
	color: #00aef7; font-size: 16px; 
	font-weight : bold; 
	background-color: #f7fbff; 
	border: #e7e3e7;
	border-width:1px;
	border-style: solid; 
	padding: 5px;
}

td.defaultTable {
	color: #0082b5; font-size: 14px; 
	font-weight : bold; 
	background-color: #FFFFFF; 
	border: #e7e3e7;
	border-width:1px;
	border-style: solid; 
	padding: 5px;
}

td.defaultTableRow {
	color: #0082b5; font-size: 14px; 
	font-weight : bold; 
	background-color: #FFFFFF; 
	border: #e7e3e7;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-style: solid; 
	padding: 5px;
	background-image: url(../images/tableBG.gif);
	background-repeat: repeat-y;
}

td.defaultTableRow2 {
	color: #0082b5; font-size: 12px; 
	font-weight : bold; 
	background-color: #FFFFFF; 
	border: #e7e3e7;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-style: none; 
	padding: 2px;
	background-image: url(../images/tableBG.gif);
	background-repeat: repeat-y;
}

div#featuredBox{
	width: 205px;
	height: 300px;
	margin-top: 1px;
	float: left;
	background-color: #deffa0;
}

div#bottomListColumnBox1{
	width: 205px;
	float: left;
}

div#bottomListColumnBox2{
	width: 205px;
	float: left;
}

div#bottomListColumnBox3{
	width: 205px;
	float: left;
}

div#bottomListColumnBox4{
	width: 205px;
	float: left;
}
            
/* Text for the top X placement (eg 4.) */
.largeTopXGameListPlace { font: 16px Arial, sans-derif;  color:#FD8000;	font-weight : bold; text-decoration: none;}
.largeTopXGameListPlace a:link { font: 16px Arial, sans-derif;  color:#FD8000; 	font-weight : bold; text-decoration: none}
.largeTopXGameListPlace a:active { font: 16px Arial, sans-derif;  color:#FD8000; 	font-weight : bold; text-decoration: none}
.largeTopXGameListPlace a:visited { font: 16px Arial, sans-derif;  color:#FD8000; 	font-weight : bold; text-decoration: none}
.largeTopXGameListPlace a:hover { font: 16px Arial, sans-derif;  color:#FD8000; 	font-weight : bold; text-decoration: none}
             
.largeTopXGameList { font: 16px Arial, sans-derif;  color:#0082b5; 	font-weight : bold; text-decoration: underline}
.largeTopXGameList a:link { font: 16px Arial, sans-derif;  color:#0082b5; 	font-weight : bold; text-decoration: underline}
.largeTopXGameList a:active { font: 16px Arial, sans-derif;  color:#0082b5; 	font-weight : bold; text-decoration: underline}
.largeTopXGameList a:visited { font: 16px Arial, sans-derif;  color:#0082b5; 	font-weight : bold; text-decoration: underline}
.largeTopXGameList a:hover { font: 16px Arial, sans-derif;  color:#0082b5; 	font-weight : bold; text-decoration: underline}

.gameList { font: 14px Arial, sans-derif;  color:#0082b5; 	font-weight : bold; text-decoration: underline}
.gameList a:link { font: 14px Arial, sans-derif;  color:#0082b5; 	font-weight : bold; text-decoration: underline}
.gameList a:active { font: 14px Arial, sans-derif;  color:#0082b5; 	font-weight : bold; text-decoration: underline}
.gameList a:visited { font: 14px Arial, sans-derif;  color:#0082b5; 	font-weight : bold; text-decoration: underline}
.gameList a:hover { font: 14px Arial, sans-derif;  color:#0082b5; 	font-weight : bold; text-decoration: underline}

.featuredTitleText { font: 14px Arial, sans-derif;  font-weight: bold; color:#000000}
.featuredTitleText  a:link {font: 14px Arial, sans-derif;font-weight: bold;color:#000000;text-decoration: none}
.featuredTitleText  a:active {font: 14px Arial, sans-derif;font-weight: bold;color:#000000;text-decoration: none}
.featuredTitleText  a:visited {font: 14px Arial, sans-derif;font-weight: bold;color:#000000;text-decoration: none}
.featuredTitleText  a:hover {font: 14px Arial, sans-derif;font-weight: bold;color:#000000;text-decoration: underline}

.featuredText { font: 12px Arial, sans-derif;  color:#413B2D}
.featuredText a:link { font: 12px Arial, sans-derif;  color:#006400}
.featuredText a:active { font: 12px Arial, sans-derif;  color:#006400}
.featuredText a:visited { font: 12px Arial, sans-derif;  color:#006400}
.featuredText a:hover { font: 12px Arial, sans-derif;  color:#000000}

.gameText { font: 12px Arial, sans-derif;  color:#000000}
.gameText a:link {font: 12px Arial, sans-derif;color:#0073FF;font-weight:bold;text-decoration: underline}
.gameText a:active { font: 12px Arial, sans-derif;font-weight:bold; text-decoration: underline; color:#0073FF}
.gameText a:visited{ font: 12px Arial, sans-derif;font-weight:bold; text-decoration: underline;  color:#0073FF}
.gameText a:hover { font: 12px Arial, sans-derif;font-weight:bold; text-decoration: underline;  color:#000000}
                     
.footerText { font: 11px Arial, sans-derif;  color:#999999}
.footerText a:link {font: 11px Arial, sans-derif; color:#999999;	text-decoration: none}
.footerText a:active {font: 11px Arial, sans-derif; color:#999999;	text-decoration: none}
.footerText a:visited {font: 11px Arial, sans-derif; color:#999999;	text-decoration: none}
.footerText a:hover {font: 11px Arial, sans-derif;color:#000000;text-decoration: underline}

.footerText2 { font: 11px Arial, sans-derif;  color:#c1c1c1}

.footerText3 { font: 10px Arial, sans-derif;  color:#999999}

.tableHeaderText { font: 16px Arial, sans-derif;  color:#00aef7; 	font-weight : bold; text-decoration: none}
.tableHeaderText a:link { font: 16px Arial, sans-derif;  color:#00aef7; 	font-weight : bold; text-decoration: none}
.tableHeaderText a:active { font: 16px Arial, sans-derif;  color:#00aef7; 	font-weight : bold; text-decoration: none}
.tableHeaderText a:visited { font: 16px Arial, sans-derif;  color:#00aef7; 	font-weight : bold; text-decoration: none}
.tableHeaderText a:hover { font: 16px Arial, sans-derif;  color:#00aef7; 	font-weight : bold; text-decoration: underline}