﻿body
{
  margin: 0;
  text-align: left;
  background-color: #eee;
  background-image: url('../images/bodyback.jpg');
  background-repeat: repeat-x;
  color: black;
  font: 76%/1.6em verdana, tahoma, "lucida grande", sans-serif;
}

h1
{
  margin: 0px;
  margin-top: 15px;
  font-size: 18px;
  line-height: 22px;
  width: 100%;
  border-bottom: dashed 1px black;
}

a
{
  text-decoration: none;
}

.WrapAll
{
  width: 990px;
  padding: 0px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
}

#PageHeader
{
  width: 100%;
  height: 100px;
  top: 0px;
  left: 0px;
}

#Logo
{
  position: absolute;
  top: 10px;
  left: 20px;
}

#Logo img
{
  border: none;
}

#HeaderRow
{
  position: absolute;
  top: 0px;
  left: 0px; 
  height: 100px;
  width: 100%;
  margin: auto;
}

#NavBarWrapper
{
  position: relative;
  width: 976px;
  margin: auto;
  margin-top: 60px;
}

#NavBarLeft
{
  float: left;
  width: 16px;
  height: 40px;
  background-image: url('../images/navbarleft.jpg');
  background-repeat: no-repeat;
}

#NavBarRight
{
  width: 16px;
  height: 40px;
  background-image: url('../images/navbarright.jpg');
  background-repeat: no-repeat;
}

#NavBar
{
  margin: auto;
  left: 16px;
  top: 60px;
  width: 948px;
  height: 40px;
  background-image: url('../images/navbarback.jpg');
  background-repeat: repeat-x;
}

.NavBarImage
{
  margin-top: 10px;
  float: left;
  border: none;
}

#NavBarText
{
  position: absolute;
  left: 8px;
  top: 12px;
  width: 980px;
  height: 30px;
  background-image: url('../images/navbartext.jpg');
  background-repeat: no-repeat;
}

#SubNavBar
{
  position: relative;
  left: -5px;
  top: 00px;
  width: 986px;
  height: 17px;
  background-image: url('../images/subnavbar.jpg');
  background-repeat: repeat-x;
}

.ContentRow
{
  position: relative;
  border: solid 1px #ddd;
  border-top: none;
  border-bottom: none;
  margin-top: 101px;
  background: white;
}

.LeftColumn
{
}

.MainContent
{
  position: relative;
}

.FooterRow
{
  font-size: 8pt;
	width: 788px;
	padding: 6px;
	text-align: center;
}

img
{
  border: 0px;
}

.CatHeader
{
  width: 986px;
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: #eee;
  font-weight: bold;
  font-size: 16px;
}

.Thumb200 img
{
  border: solid 1px black;
}

.Top20Box img
{
  border: solid 1px black;
}

.ThumbMed img
{
  border: solid 1px black;
}

.Thumbx
{
  background-image: url(../images/imageback.jpg);
  position: relative;
  width: 91px;
  height: 88px;
  top: 0px;
  left: 0px;
}

.Thumbz img
{
  position: relative;
  left: 10px;
  top: 7px;
}

.ThumbMedx
{
  position: relative;
  width: 60px;
  height: 57px;
  border: solid 1px red;
}

.ThumbMedz img
{
  position: absolute;
  left: 10px;
  top: 7px;
  z-index: 50;
}

.Thumb200x
{
  position: relative;
  width: 214px;
  height: 214px;
  background-image: url(../images/thumbback200.jpg);
}

.Thumb200z img
{
  position: relative;
  left: 9px;
  top: 5px;
}

.Thumb200Whitex
{
  width: 214px;
  height: 214px;
  background-image: url(../images/thumbback200white.jpg);
}

.Thumb200Whitez img
{
  
  margin-left: 9px;
  margin-top: 5px;
}

.TitleLarger a
{
  font-size: 14pt;
  font-weight: bold;
}

.TitleLarge a
{
  font-size: 10pt;
  font-weight: bold;
}

.DescMed
{
  font-size: 80%;
  line-height: 125%;
}

.Top20Box
{
  margin-bottom: 15px;
  margin-left: 8px;
  margin-right: 4px;
  border: solid 1px #444;
  padding: 0px;
  background: #efefef;
}

.Top2Box
{
  width: 430px;
  margin-right: 20px;
  position: relative;
}

.CatPageTop
{
  border: solid 1px #888;
  background-color: #D8E4F6;
  padding: 8px;
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
}

.RecommendedGames
{
  margin-top: 36px;
  margin-right: 8px;
  border: solid 1px #888;
  background-color: #D8E4F6;
  background-color: #eee;
  padding: 6px;
}

.FullStar
{
  width: 11px;
  height: 11px;
  background: url('../images/fullstar.gif');
}

.EmptyStar
{
  width: 11px;
  height: 11px;
  background: url('../images/emptystar.gif');
}

.FullStarLarge
{
  width: 33px;
  height: 33px;
  background: url('../images/fullstarlarge.gif');
}

.EmptyStarLarge
{
  width: 33px;
  height: 33px;
  background: url('../images/emptystarlarge.gif');
}

.screenshot
{
  float: left;
  width: 108px;
  height: 84px;
  background-image: url(../images/ssback.gif);
}

.screenshot img
{
  margin-left: 6px;
  margin-top: 3px;
}

.PopupWindow
{
  display: none;
}

.PopupBackground
{
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.sysreq
{
  border: solid 1px #888;
  background: #eee;
  padding: 6px;
}

.sysreq h2
{
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  font-weight: bold;
}
