body {
	background: #1e1e1e url(bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

#wrapgame {
	width: 980px;
	margin: 0 auto;
	font-size: 11px;
		
}
#wrap {
	width: 980px;
	margin: 0 auto;
	font-size: 11px;
	
	/*border-style: solid;
	border-color: #000;
	border-width: 0px 3px 1px 3px;*/
	
}
#container {
/*background: url(rs.gif) right top repeat-y;*/
position: relative;
}

#container div#a {
	background: url(bs.gif) left bottom repeat-x;
}
#container div#b {
	background: url(rts.png) right top no-repeat;
}
#container div#c {
	background: url(bls.gif) left bottom no-repeat;
}
#container div#d {
	background: url(rbs.png) right bottom no-repeat;
	padding: 0 8px 8px 0;
}
#container div#e {
	background:#fff;
	padding: 9px 8px 8px 8px;
	font-size: 1.1em;
}
#container div#e:after { 
	content: "."; 
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#container div#e { 
	display: inline-block; 
	_height: 1%;
}

#header {
/*background:url(headerbg.gif) repeat-x;*/
height:166px;
clear:both;
overflow:hidden;
}

form {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}

input, textarea {
	border: 1px solid #47A2CB;
	background-color: #FFFFFF;
	margin: 2px;
	padding: 2px;
	font-family: Tahoma;
	font-size: 11px;
}

select {
	margin: 2px;
	font-family: Tahoma;
	font-size: 11px;
}



.secline {
	border-bottom: 1px solid #A1C2D9;
	color: #808080;
	font-weight: bold;
	margin-bottom: 8px;
}

.topstrip {
	font-size: 40px;
	padding: 4px;
	font-family: Arial;
}

.menucatstrip {
	background-color: #A1C2D9;
	padding: 4px;
	padding-left: 24px;
	font-size: 11px;
	font-family: Arial;
}


.rightstrip {
	background-color: #A1C2D9;
	font-family: Verdana;
	text-align: right;
	padding-right: 2px;
	color: #24537E;
}

.rightselect {
	font-size: 9px;
	font-family: Verdana;
	border: 1px solid #53758D;
}

.maincontent {
	background-color: #FFFFFF;
}

.footstrip {
clear:both;
	
	text-align: center;
	font-family: Verdana;
	padding: 4px;
}

.maintable {
	width: 100%;
}

.bcontentsectionm {
	border: 1px solid #000;
	margin-bottom: 8px;
	background-color:#777777;
}

.bcontentsection {
	border: 1px solid #000;
	margin-bottom: 8px;
	background-color:#555555;
}
.bcontentsectionads {
border: 1px solid #000;
	margin-bottom: 8px;
	background-color:#444444;
}
.bcontenthead {
	margin: 4px;
	margin-bottom: 0px;
	/*background-color: #47A2CB;*/
	padding: 5px;
	color: #FFFFFF;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	border-bottom:1px solid #ccc;
}

.ocontentsection {
	border: 1px solid #FFA002;
}
.ocontentsectionl {
	border: 0px solid #FFA002;
}
.ocontentheadl {
	margin: 4px;
	margin-bottom: 0px;
	padding-bottom: 3px;
	color: #000;
	font-weight: bold;
	font-size: 15px;
	border-bottom:1px solid #cccccc;
}
.ocontenthead {
	margin: 3px;
	margin-bottom: 0px;
	background-color: #FFA002;
	padding: 3px;
	color: #FFFFFF;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
}
.ocontenthead3 {
		
	padding:0 0 8px 8px;
	color: #815e13;
	font-weight: bold;
	font-size: 20px;
	
}
.ocontentsectionr {
	border: 1px solid #444;
	background-color:#777;
}
.ocontentheadr {
	margin: 4px;
	margin-bottom: 0px;
	padding-bottom: 3px;
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
	border-bottom:1px solid #cccccc;
}

.ocontentsectionm {
	border: 1px solid #222222;
	background-color:#444444;
}
.ocontentheadm {
	margin: 4px;
	margin-bottom: 0px;
	padding-bottom: 3px;
	color: #00ff00;
	font-weight: bold;
	font-size: 15px;
	border-bottom:1px solid #cccccc;
}
.ocontentheadg {
	margin: 0 4px 4px 4px;
	margin-bottom: 0px;
	padding-bottom: 3px;
	color: #333;
	font-weight: bold;
	font-size: 15px;
	border-bottom:1px solid #cccccc;
	text-align:left;
}

.gdesc {
	font-size: 11px;
}

.contenttable {
	font-family: Verdana;
	font-size: 11px;
	
}
span.time { /*
color:#00ff00;
font-size: 10px;*/
}
.toptext{
	
	font-size: 11px;
	text-align: left;
	padding: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.mlc {
	background-image: url(ogl.gif);
	width: 28px;
	height: 26px;
	float: left;
}

.mgrad {
	background-image: url(ogm.gif);
	border-bottom: 1px solid #6192A9;
	border-left: 1px solid #6192A9;
	height: 26px;
	float: right;
	padding-left: 24px;
	padding-right: 24px;
}

.mtext {
	padding-top: 5px;
	font-family: Verdana;
	font-weight: bold;
	text-align: center;
}
.clr {
	clear: both;
}
.contenttext {
	padding:8px;
	font-size: 11px;
	color:#cccccc;	
	text-align: left;
}
.contenttext3 {
	padding: 0 8px 8px 8px;
	font-size: 11px;
	color:#333;	
	text-align: left;
}
.contenttext1 {
	padding: 8px;
	font-size: 11px;
	color:#333;	
	text-align: left;
	
}
.contenttext2 {
	padding: 0px;
	font-size: 11px;
	color:#cccccc;	
	text-align: left;
	
}
.contenttext4 {
	padding: 0px;
	font-size: 11px;
	color:#cccccc;	
	text-align: left;
	background-color:#000000;
	
}

.contenttext3 ul, .contenttext2 ul {
list-style-type:none;
margin:0;
}

.contenttext3 li, .contenttext2 li  {
margin-left:-30px;
height:75px;
width:252px;
}
.contenttext1 ul {
  float: left;
  width: 540px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.contenttext2 ul {
  float: left;
  width: 630px !important;
  width: 626px;
  margin: 0 0 0 10px !important;
  margin: 0 0 0 3px;
  padding: 0;
  list-style: none;
}
.contenttext3 ul {
  float: left;
  width: 540px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.contenttext2 li {
  float: left;
  width: 95px;
  margin: 0;
  padding: 0 5px 8px 4px !important; /*mozilla*/
  padding: 0 4px 0 3px; /*IE*/
} 

.contenttext1 li, .contenttext3 li {
  float: left;
  width: 252px;
  margin: 0;
  padding: 0 0 0 10px;
} 

.shadow {
  background: url(shadow.png) no-repeat bottom right;
  margin: 10px 0 0 !important;
  float:left;
  }

.shadow img {
  background-color: #D0CCCB;
  border: 1px solid #353434;
  margin: -6px 6px 6px -6px;
  } 
  
.shadowlatest {
  background: url(shadow.png) no-repeat bottom right;
  margin: 10px 0 0px !important;
  float:left;
  }

.shadowlatest img {
  background-color: #D0CCCB;
  border: 1px solid #353434;
  margin: -6px 6px 6px -6px;
  }  

.gamethumb {
	border: 1px solid #000;
}

.gltable {
	font-family: Verdana;
	font-size: 12px;
	color: #cccccc;
	text-align: left;
	margin-bottom: 4px;
}

.ahtext, .ahtext2 {
	font-size: 15px;
	font-family: Arial;
	font-weight: bold;
}


.menucatlink:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.menucatlink:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.menucatlink:hover {
	color: #24537E;
	text-decoration: underline;
	font-weight: bold;
}

.topmenulink:link {
	color: #FFFFFF;
	text-decoration: underline;
}

.topmenulink:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

.topmenulink:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.gamelink:link {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
	color: #47A2CB;
	text-decoration: underline;
	font-weight: bold;
}

.gamelink:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11x;
	color: #47A2CB;
	text-decoration: underline;
	font-weight: bold;
}

.gamelink:hover {
font-size:11px;
	color: #47A2CB;
	text-decoration: underline;
	font-weight: bold;
}


.cmenulink:link {
	color: #ffffff;
	text-decoration: underline;
}

.cmenulink:visited {
	color: #ffffff;
	text-decoration: underline;
}

.cmenulink:hover {
	color: #FFA002;
	text-decoration: underline;
}

.pagelink:link {
	color: #47A2CB;
	text-decoration: none;
	font-weight: bold;
}

.pagelink:visited {
	color: #47A2CB;
	text-decoration: none;
	font-weight: bold;
}

.pagelink:hover {
	color: #FFA002;
	text-decoration: underline;
	font-weight: bold;
}

.darklink:link {
	color: #006CFF;
	text-decoration: none;
}

.darklink:visited {
	color: #006CFF;
	text-decoration: none;
}

.darklink:hover {
	color: #FFA002;
	text-decoration: underline;
}
.darklink2:link {
	color: #00ff00;
	text-decoration: none;
}

.darklink2:visited {
	color: #00ff00;
	text-decoration: none;
}

.darklink2:hover {
	color: #FFA002;
	text-decoration: underline;
}

.contentlink:link {
	color: #47A2CB;
	text-decoration: underline;
}

.contentlink:visited {
	color: #47A2CB;
	text-decoration: underline;
}

.contentlink:hover {
	color: #FFA002;
	text-decoration: none;
}

.topbarlink:link {
	color: #FFFFFF;
	text-decoration: none;
}

.topbarlink:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.topbarlink:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.footlink:link {
	color: #FFFFFF;
	text-decoration: underline;
}

.footlink:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

.footlink:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


a:link {
	color: #404040;
	text-decoration: underline;
}

a:visited {
	color: #404040;
	text-decoration: underline;
}

a:hover {
	color: #47A2CB;
	text-decoration: underline;
}



.memlogin, .searchtext {
width:125px;
padding:3px;
background-color:#333;
border-top:1px solid #888;
border-right:1px solid #888;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
color:#cccccc;
font-size:12px;
}
.memsub, .searchbutton {
border:1px solid #333;
background:#666666;
font-weight:bold;
color:#ffffff;
padding:1px 3px 1px 3px;
}

/*navigation*/
ul#navigation {
	
	margin-right: 8px;
	height:33px;
	
}
#navigation {
overflow:hidden;
height:32px;
background:url(rs.gif) repeat-x bottom;
margin-right:8px;
}
/* START: #sections */
#sections {
	list-style: none; 
	padding: 0; 
	margin: 0;
}
#sections li { 
	float: left; 
	display: block; 
	margin: 0.4em 0 0 0;
	background: url(/i/tab_shadow.gif) no-repeat right top;
	
}
/* Tab icons */
span#arcade {
	/*background-image: url(/i/ia.gif);*/
}
span#forums {
	/*background-image: url(/i/if.gif);*/
}
span#clans {
	/*background-image: url(/i/ic.gif);*/
}
/* state: off */
#sections div {
	z-index: 1;
	float: left;
	padding-right: 8px;
	border-bottom: 1px solid #000;
	
}
#sections a {
	float: left;
	text-decoration: none;
	display: block;
	background: #77901b;
	height: 100%;
	cursor: pointer;
}
#sections a:hover {
	background: #999;
}
#sections span {
	float: left;
	display: block;
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	/*border-width: 1px 1px 0px 1px;
	border-color: #fff;
	border-style: solid;*/
	padding: 0.4em 7px 0.40em 28px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

/* state: on */
#sections li.on div {
	padding-right: 8px;
	background: url(tab_shadow_border.gif) right bottom no-repeat;
	border-width: 0;
}
#sections li.on a {
	background-color: #666;
	position: relative;
	z-index: 100;
}
#sections li.on span {
	padding-bottom: 0.48em;
}

#session {
padding:3px 0 0 0;
	font-size: 1.1em;
	text-align: right;
}

/**/
h1 {
font-size:20px;
margin:0;
color:#815e13;
}
.lgtopcurve {
background:url(lgtopcurve.gif) no-repeat;
height:5px;
overflow:hidden;
}
.ggamebg {
background:url(ggamebg.gif) repeat-y;
}
.lgbottomcurve {
background:url(lgbottomcurve.gif) no-repeat;
height:5px;
}
.gtopcurve {
background:url(gtopcurve.gif) no-repeat;
height:13px;
overflow:hidden;
}
.gggamebg {
background:url(gggamebg.gif) repeat-y;
padding:0 20px 0 20px;
}
.gbottomcurve {
background:url(gbottomcurve.gif) no-repeat;
height:13px;
}
/**/
.topcurveads {
background:url(topcurve_ads.gif) no-repeat;
height:5px;
overflow:hidden;
}
.bgcurveads {
background:url(bg_ads.gif) repeat-y;
padding:3px 0px 3px 8px;
}
.bottomcurveads {
background:url(bottomcurve_ads.gif) no-repeat;
height:5px;
overflow:hidden;
}


/*             styles for the star rater                */
/*            copyright http://komodomedia.com/blog/index.php/2007/01/20/css-star-rating-redux/               */


.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(img/star_rating.png) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:60px;
height:12px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:12px;
line-height:12px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}
.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display:inline-block;
vertical-align: middle;
}

/*IP TRACKING*/
.sgOuterDiv
{
	width:					100%;
	height:					100%;
	background-color:#333333;
	border:					1px solid #000000;
}
.sgHeaderLeft
{
	text-align:				left;
	font-family:			Tahoma, Verdana, Arial, Helvetica;
	font-weight:			bold;
	height:					25px;
    border-right:           1px solid #BEBEBE;
    border-left:            1px solid #FFFFFF;
    border-bottom:          2px ridge #FFFFFF;
	font-size:				10pt;
	padding-left:			3px;
	color:#fff;

}
.sgHeaderRight
{
	text-align:				center;
	font-family:			Tahoma, Verdana, Arial, Helvetica;
	font-weight:			bold;
	height:					25px;
    border-right:           1px solid #BEBEBE;
    border-left:            1px solid #FFFFFF;
    border-bottom:          2px ridge #FFFFFF;
	font-size:				10pt;
	color:#fff;

}
.sgRow
{
	overflow:				hidden;
	background-color:		#FFFFFF;
	color:					#000000;
	font-family:			Tahoma, Verdana, Arial, Helvetica;
	height:					18px;
    border-right:			1px solid #BEBEBE;
    border-bottom:			1px solid #BEBEBE;
	padding-left:			3px;
	font-size:				10pt;
}
.sgRow a
{ color:#000000; text-decoration:none;


}
.sgRowAlt
{
	overflow:				hidden;
	background-color:		#DDDDFF;
	color:					#000000;
	font-family:			Tahoma, Verdana, Arial, Helvetica;
	height:					18px;
    border-right:			1px solid #BEBEBE;
    border-bottom:			1px solid #BEBEBE;
	padding-left:			3px;
	font-size:				10pt;
}
.sgRowCount
{
	text-align:				center;
	font-family:			Tahoma, Verdana, Arial, Helvetica;
	height:					18px;
    border-right:			1px solid #BEBEBE;
    border-bottom:			1px solid #BEBEBE;
	background-color:		#FFFFFF;
	font-size:				10pt;
}
.sgRowCountAlt
{
	text-align:				center;
	font-family:			Tahoma, Verdana, Arial, Helvetica;
	height:					18px;
    border-right:			1px solid #BEBEBE;
    border-bottom:			1px solid #BEBEBE;
	background-color:		#DDDDFF;
	font-size:				10pt;
}
.sgDetailCount
{
	background-color:		#FFFFFF;
}
.sgDetailCountAlt
{
	background-color:		#DDDDFF;
}
.sgDetail
{
	background-color:		#FFFFFF;
	overflow:				hidden;
}
.sgDetailAlt
{
	background-color:		#DDDDFF;
	overflow:				hidden;
}
.sgLink
{
	margin-left:			5px;
	font-weight:			bold;
	padding-top:			5px;
	font-size:				10pt;
	color:					#000000;
}
.sgLinkInner
{
	font-weight:			bold;
	padding-top:			5px;
	font-size:				10pt;
	color:					#0000FF;
	text-decoration:		underline;
}
.sgGameLink
{
	margin-left:			25px;
	font-size:				8pt;
	color:					#000000;

}


.nobord{
position: relative;
z-index: 0;
}

.nobord:hover{
background-color: transparent;
z-index: 50;
}

.nobord span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFE1;
padding: 4px;
top: -85px;
left: -1000px;
border: 1px solid #F4D452;
visibility: hidden;
color: black;
text-decoration: none;
text-align:center;
width:104px;
margin:0;
}

.nobord span img{ /*CSS for enlarged image*/
border-width: 1;
border: 1px solid #000000;
padding: 0px;
}

.nobord:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -6px;
left: 8px; /*position where enlarged image should offset horizontally */

}
table {
margin:0;
padding:0;
}

