@import "second_page.css"; 
@import "forms_style.css";
@import "my_account.css";
@import "profile.css";
@import "lobby_box.css";
@import "store.css";

body {
background: url(/images/body_bg.gif);
margin: 0;
padding: 0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

img {
border: none
}

p.clear {
clear: left;
font: 1px/1px monospace;
}

#main {
width: 900px;
margin: auto;
text-align: left;
}

.blue {
  color: #64B4C7
}

.red {
  color: #CC0000
}

/* HOME PAGE TOP MENU */

#topNav, #topNav ul {
  list-style: none;
  background: url(/images/top_nav_bg.jpg) no-repeat;
  margin: 0;
  font-weight: bold;
  padding: 0;
  height: 26px;
  float: right;
  width: 100%;
}
#topNav li {
  float: right;
  list-style: none;
  padding: 5px 10px 5px 10px;
  margin: 0;
  position: relative;
  background: url(/images/top_nav_border.gif) no-repeat top left;
} 

#topNav a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 0;
}

#topNav a:hover {
  color: red;
}

div.topNavClear {
  clear: both;
}

#topLogo, #topLogo ul {
  list-style: none;
  color: #666;
  font-weight: bold;
  font-size: 10px;
  margin: 0;
  padding: 0;
  background: #000;
  float: left;
  width: 100%;
}
#topLogo li {
  float: left;
  padding: 0;
  margin: 0;
  height: 137px;
  position: relative;
} 

#topLogo a {
  color: #fff;
}

#topLogo a:hover {
  color: red;
  text-decoration: none;
}

img.starButton {
margin: 0 0 7px 53px
}

/* END HOME PAGE TOP MENU */

table#homePageContext {
  background: #0F1619;
  padding: 0;
  width: 100%;
  background: url(/images/context_top_bg.gif) #0F1619 no-repeat top;
}

table#homePageContext td,
table#homePageContext tr {
  margin: 10px;
}

td.homePageContextLeft {
  width: 200px;
  vertical-align: top;
  font-size: 11px;
  border-left: 1px solid #000;
}

td.homePageContextLeft p {
  padding: 0;
  margin: 15px 0;
}

ul#leftNav {
  position: relative;
  top: -1px;
  left: -1px;
  background: url(/images/left_nav_bg2.gif) no-repeat top;
  margin: 0;
  padding: 10px 0 0 0;
  list-style: none;
}

ul#leftNav li {
  background: url(/images/left_nav_arrow_bg.gif) no-repeat top;
  padding: 6px 0 6px 28px;
}

ul#leftNav li.top {
  padding: 11px 0 6px 28px;
  background: url(/images/left_nav_arrow_bg2.gif) no-repeat top;
}


ul#leftNav a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}

ul#leftNav a:hover {
  color: red;
  text-decoration: none;
}

img.newsLeft {
  margin: 40px 0 0 12px
}

ul#newsLeft {
  margin: 15px 0 0 6px;
  padding: 0;
  list-style: none;
  font-size: 11px;
  color: #4F8D9C;
}

ul#newsLeft li {
  margin: 10px 0 0 6px;
  padding: 0 0 0 10px;
  font-size: 11px;
  color: #fff;
  background: url(/images/news_left_bg.gif) no-repeat left top;
}

p.newsLeft {
  text-align: right;
  font-size: 11px;
  margin: 15px 10px 0 0;
}

p.newsLeft a {
  color: #4F8D9C;
}

p.newsLeft a:hover {
  text-decoration: none;
}

.border {
  background: url(/images/left_border.gif) repeat-x;
  width: 170px;
  text-align: center;
  margin: 20px 0 10px 13px;
}

img.contactsLeft {
  margin-left: 12px;
}

ul.contactsLeft {
  list-style: none;
  color: #fff;
  margin: 20px 0 0 6px;
  padding: 0 0 0 5px;
}
ul.contactsLeft li {
  margin: 0;
  padding: 4px 0 4px 0;
}  

ul.contactsLeft a {
  color: #fff
}

.homePageContexttop {
  height: 9px;
  font: 1px/1px monospace
}

.homePageContexttop2 {
  height: 9px;
  font: 1px/1px monospace;
  background: url(/images/context_center_bg.gif) repeat-y;
  border-top: 1px solid #000;
}

td.homePageContextCenter {
  width: 500px;
  background: url(/images/context_center_bg.gif) repeat-y;
}

div.centerConsoleBg {
  width: 468px;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  height: 210px;
  position: relative;
  left: 13px;
  top: -9px;
  background: url(/images/what_you_need.jpg) no-repeat;
}

div.centerConsoleBg ul {
  list-style: none;
  margin: 0;
  padding: 47px 0 0 80px;
}

div.centerConsoleBg div.button {
  position: relative;
  left: 170px;
  /*top: -13px;*/
  top: -3px;
}

div.centerConsoleBg li {
  list-style: none;
  margin: 0;
  padding: 9px 0;
}

div.featuredGames {
  width: 469px;
  position: relative;
  left: 13px;  
}

div.featuredGames ul {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}

div.featuredGames li {
  float: left;
}



div.featuredGames li.top {
  margin: 5px 1px;
}

div.featuredGames li.title {
  background: url(/images/feautured_games/featured_1.gif) no-repeat top #64B4C7;
  height: 42px;
  color: #1D2529;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  width: 153px;
  margin: 0 1px;
}	

div.featuredGames li.title h4 {
  margin: 0;
  font-size: 14px;
  padding: 3px 0 0 5px;
}

div.featuredGames li.title p {
margin: 0;
padding: 1px 0 0 5px;
font-size: 12px;
color: #fff
}

div.featuredGames li.text {
  background: url(/images/feautured_games/featured_3.gif) no-repeat bottom #E7E7E8;
  height: 240px;
  color: #1D2529;
  font-size: 12px;
  width: 153px;
  margin: 0 1px 5px 1px;
}

div.featuredGames li.text p {
  margin: 0;
  padding: 5px
}

td.homePageContextRight {
  width: 200px;
  border-right: 1px solid #000;  
}

td.homePageContextRight div.whatIs {
	position: relative;
	vertical-align: top;
	height: 39px;
	background: url(/images/what_is_g_spot.gif) no-repeat top;
	top: -1px;
	left: 1px;
	width: 199px;

}

td.homePageContextRight div.text {
  text-align: left;
  line-height: 160%;
  padding: 10px;
  color: #fff;
  font-size: 11px;
}

td.homePageContextRight a {
 color: white;
}
  


td.homePageContextBottom {
  height: 4px;
  font: 1px/1px monospace;
  background: url(/images/bottom_bg.gif) no-repeat;
}

p.bottom {
  margin: 10px 0;
  font-size: 10px;
  color: #fff
}

p.bottom a {
  color: #fff;
  text-decoration: underline
}

p.bottom a:hover {
  text-decoration: none
}

p.bottom span {
  padding-left: 264px
}  


#error_box {
	width: 80%;
	font-weight: bold;
	font-size: 13px;
	padding:8px 4px 8px 4px;
	border:1px solid red;
	color: red;
	background: #330000;
	background-color: #330000;
	padding-left: 50px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: -10px;
}

#error_box p {
	color: white;
	text-align: left;
}

#info_box {
	width: 80%;
	font-weight: bold;
	font-size: 13px;
	padding:8px 4px 8px 4px;
	border:1px solid green;
	color: green;
	background: #006600;
	background-color: #006600;
	padding-left: 50px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: -10px;
}

#info_box p {
	color: white;
	text-align: left;
}


td.thirdPageContextCenter h1{
	font-weight: bold;
	font-size: 19px;
	color: #FF0000;
	padding-left: 11px;
}

.libig {
	font-weight: bold;
	font-size: 14px;
	color: #FF0000;
  	margin: 20px 20px 0px 20px;
  	padding-bottom: 0px;
}